ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-12-06 17:27:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

adds missing alt text

Browse Source
This commit is contained in:
akcodez
2023-09-05 08:11:35 -07:00
parent b51bcb4ea3
commit 14698cbe66
15 changed files with 59 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
assets/css/devportal2022-v22.css
View File

File diff suppressed because one or more lines are too long

4
template/page-code-samples.html.jinja
View File

@@ -18,7 +18,7 @@
</section>
<div class="position-relative d-none-sm">
<img src="./img/backgrounds/xrpl-overview-orange.svg" id="xrpl-overview-orange">
<img alt="orange lines" src="./img/backgrounds/xrpl-overview-orange.svg" id="xrpl-overview-orange">
</div>
<section class="container-new py-26">
@@ -44,7 +44,7 @@
<a class="card cardtest col-12 col-lg-5 {% for lang in card.langs %} lang_{{lang}} {% endfor %} " href="{{target.github_forkurl}}/tree/{{target.github_branch}}/{{card.href}}">
<div class="card-header">
{% for lang in card.langs %}
<span class="circled-logo"><img src="{{lang_icons[lang]}}" /></span>
<span class="circled-logo"><img alt="{{lang}}" src="{{lang_icons[lang]}}" /></span>
{% endfor %}
</div>
<div class="card-body">

40
template/page-community.html.jinja
View File

@@ -21,11 +21,11 @@
<section class="text-center" id="community-heading">
<div class="d-lg-block d-none">
<img class="parallax one" width="220px" height="160px" src="./assets/img/community/community-one@2x.png" >
<img class="parallax two" width="120px" height="160px" src="./assets/img/community/community-two@2x.png" >
<img class="parallax three" width="102px" height="102px" src="./assets/img/community/community-three@2x.png" >
<img class="parallax four" width="120px" height="160px" src="./assets/img/community/community-four@2x.png" >
<img class="parallax five" width="216px" height="160px" src="./assets/img/community/community-five@2x.png" >
<img alt="People sitting at a conference" class="parallax one" width="220px" height="160px" src="./assets/img/community/community-one@2x.png" >
<img alt="Person speaking at a conference" class="parallax two" width="120px" height="160px" src="./assets/img/community/community-two@2x.png" >
<img alt="Person sitting and speaking" class="parallax three" width="102px" height="102px" src="./assets/img/community/community-three@2x.png" >
<img alt="People chatting" class="parallax four" width="120px" height="160px" src="./assets/img/community/community-four@2x.png" >
<img alt="Person speaking at Apex" class="parallax five" width="216px" height="160px" src="./assets/img/community/community-five@2x.png" >
</div>
<div class="col-lg-6 mx-auto text-left text-md-center">
@@ -132,15 +132,15 @@
<div class="col">
<div class="mb-4 pb-3 mb-lg-3 pb-lg-5">
<h6 class="eyebrow mb-2">{% trans %}Awarded in a single grant{% endtrans %}</h6>
<img src="./assets/img/community/community-grants-1.svg">
<img alt="$10K - $200K" src="./assets/img/community/community-grants-1.svg">
</div>
<div class="mb-4 pb-3 mb-lg-3 pb-lg-5">
<h6 class="eyebrow mb-2">{% trans %}Distributed to grant recipients{% endtrans %}</h6>
<img src="./assets/img/community/community-grants-2.svg">
<img alt="$6.0M" src="./assets/img/community/community-grants-2.svg">
</div>
<div class="mb-4 pb-3 mb-lg-3 pb-lg-5">
<h6 class="eyebrow mb-2">{% trans %}Open-source projects funded {% endtrans %}</h6>
<img src="./assets/img/community/community-grants-3.svg">
<img alt="50+" src="./assets/img/community/community-grants-3.svg">
</div>
<div class="d-lg-none d-block mt-4 pt-3">
@@ -156,7 +156,7 @@
<div class="card-grid card-grid-2xN align-items-lg-center">
<div class="col pr-2 d-lg-block d-none">
<img src="./assets/img/community/community-blog@2x.png" class="w-100 blog-graphic">
<img alt="Bubbles with people inside" src="./assets/img/community/community-blog@2x.png" class="w-100 blog-graphic">
</div>
<div class="col">
@@ -167,7 +167,7 @@
<p class="mb-3 py-4">{% trans %}Get featured on the Developer Reflections blog or Use Cases page, and explore XRPL community highlights.{% endtrans %}</p>
<div class="d-lg-none d-block">
<img src="./assets/img/community/community-blog@2x.png" class="w-100 blog-graphic">
<img alt="Bubbles with people inside" src="./assets/img/community/community-blog@2x.png" class="w-100 blog-graphic">
</div>
<div class="text-lg-left text-center">
@@ -187,15 +187,15 @@
<!-- Large. 3 image in col -->
<div class="d-flex flex-row h-100">
<div class=" pr-1 mr-3 align-self-start">
<img src="./assets/img/community/community-events-apex-small@2x.png" class="w-100">
<img alt="People standing at Apex" src="./assets/img/community/community-events-apex-small@2x.png" class="w-100">
<p class="bold text-light mt-3">{% trans %}Welcome to Apex 2021{% endtrans %}</p>
</div>
<div class=" px-1 mx-3 align-self-center">
<img src="./assets/img/community/community-events-meetup-small@2x.png" class="w-100">
<img alt="People standing in a circle" src="./assets/img/community/community-events-meetup-small@2x.png" class="w-100">
<p class="bold text-light mt-3">{% trans %}XRPL Community Meetup{% endtrans %}</p>
</div>
<div class=" pl-1 ml-3 align-self-end">
<img src="./assets/img/community/community-events-hackathon-small@2x.png" class="w-100">
<img alt="Blue and pink card" src="./assets/img/community/community-events-hackathon-small@2x.png" class="w-100">
<p class="bold text-light mt-3">{% trans %}XRPL Hackathon 2022{% endtrans %}</p>
</div>
</div>
@@ -212,15 +212,15 @@
<div class="col pr-2 d-lg-none d-block">
<div class="mb-4 pb-3 mb-lg-3 pb-lg-5">
<img src="./assets/img/community/community-events-apex@2x.png" class="w-100">
<img alt="People standing at Apex" src="./assets/img/community/community-events-apex@2x.png" class="w-100">
<h6 class="mt-3">{% trans %}Welcome to Apex 2021{% endtrans %}</h6>
</div>
<div class="mb-4 pb-3 mb-lg-3 pb-lg-5">
<img src="./assets/img/community/community-events-meetup@2x.png" class="w-100">
<img alt="People standing in a circle" src="./assets/img/community/community-events-meetup@2x.png" class="w-100">
<h6 class="mt-3">{% trans %}XRPL Community Meetup{% endtrans %}</h6>
</div>
<div class="mb-4 pb-3 mb-lg-3 pb-lg-5">
<img src="./assets/img/community/community-events-hackathon@2x.png" class="w-100">
<img alt="Blue and pink card" src="./assets/img/community/community-events-hackathon@2x.png" class="w-100">
<h6 class="mt-3">{% trans %}XRPL Hackathon 2022{% endtrans %}</h6>
</div>
</div>
@@ -271,7 +271,7 @@
<p class="mb-3 py-4">{% trans %}Just like the technology itself, XRPL assets are open source and available for anyone to use. Check out this helpful framework for using XRPL visuals. {% endtrans %}</p>
<div class="col pr-2 d-lg-none d-block mb-4 pb-3 mb-lg-3">
<div class=" pr-1 mr-3">
<img src="./assets/img/community/community-design-assets.png" class="w-100">
<img alt="Preview of xrpl community design assets webpages" src="./assets/img/community/community-design-assets.png" class="w-100">
</div>
</div>
@@ -282,7 +282,7 @@
<div class="col pr-2 d-lg-block d-none">
<div class=" pr-1 mr-3">
<img src="./assets/img/community/community-design-assets.png" class="w-100">
<img alt="Preview of xrpl community design assets webpages" src="./assets/img/community/community-design-assets.png" class="w-100">
</div>
</div>
</div>
@@ -290,8 +290,8 @@
<section class="container-new">
<div class="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 cta-card">
<img src="./img/backgrounds/cta-community-purple.svg" class="d-none-sm cta cta-top-left">
<img src="./img/backgrounds/cta-community-green.svg" class="cta cta-bottom-right">
<img alt="Purple lines" src="./img/backgrounds/cta-community-purple.svg" class="d-none-sm cta cta-top-left">
<img alt="Green lines" src="./img/backgrounds/cta-community-green.svg" class="cta cta-bottom-right">
<div class="z-index-1 position-relative">
<div class="d-flex flex-column-reverse">
<h2 class="h4 mb-10-until-sm mb-8-sm">{% trans %}A community-driven resource for all things XRPL.org{% endtrans %}</h2>

4
template/page-docs.html.jinja
View File

@@ -50,6 +50,7 @@
<div class="col float-up-on-hover">
<a href="{{url}}" id="playvideo" class="btn1" data-url={{url}}>
<img
alt={{title}}
class="get-started-img video-image"
id={{title}}
src={{src}}
@@ -319,6 +320,7 @@
<div class="col langs">
<a href="./get-started-using-javascript.html">
<img
alt="Javascript Logo"
src="./assets/img/logos/javascript.svg"
class="circled-logo"
>
@@ -328,6 +330,7 @@
<div class="col langs">
<a href="./get-started-using-python.html">
<img
alt="Phython Logo"
src="./assets/img/logos/python.svg"
class="circled-logo"
>
@@ -337,6 +340,7 @@
<div class="col langs">
<a href="./get-started-using-java.html">
<img
alt="Java Logo"
src="./assets/img/logos/java.svg"
class="circled-logo"
>

4
template/page-events.html.jinja
View File

@@ -18,7 +18,7 @@
{% block main %}
<div class="position-relative d-none-sm">
<img src="./img/backgrounds/events-orange.svg" id="events-orange">
<img alt="orange lines" src="./img/backgrounds/events-orange.svg" id="events-orange">
</div>
<section class="text-center py-26">
@@ -34,7 +34,7 @@
<div class="event-hero card-grid card-grid-2xN">
<div class="pr-2 col">
<img src="./assets/img/events/event-hero3@2x.png" class="w-100">
<img alt="" src="./assets/img/events/event-hero3@2x.png" class="w-100">
</div>
<div class="pt-5 pr-2 col">

6
template/page-funding.html.jinja
View File

@@ -18,7 +18,7 @@
{% block main %}
<div class="position-relative d-none-sm">
<img src="./img/backgrounds/funding-purple.svg" class="position-absolute" style="top: 0; right:0">
<img alt="Purple lines" src="./img/backgrounds/funding-purple.svg" class="position-absolute" style="top: 0; right:0">
</div>
<section class="container-new py-26 text-lg-center">
@@ -296,7 +296,7 @@
</section>
<div class="position-relative d-none-sm">
<img src="./img/backgrounds/funding-orange.svg" id="funding-orange">
<img alt="orange lines" src="./img/backgrounds/funding-orange.svg" id="funding-orange">
</div>
<section class="container-new py-26">
@@ -373,7 +373,7 @@
<section class="container-new">
<div class="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 cta-card">
<img src="./img/backgrounds/cta-funding-orange.svg" class="cta cta-bottom-right">
<img alt="orange lines" src="./img/backgrounds/cta-funding-orange.svg" class="cta cta-bottom-right">
<div class="z-index-1 position-relative">
<div class="d-flex flex-column-reverse">
<h2 class="h4 h2-sm mb-10-until-sm mb-8-sm">{% trans %}Are you an independent creator?{% endtrans %}</h2>

4
template/page-history.html.jinja
View File

@@ -19,7 +19,7 @@
<div class="overflow-hidden">
<div class="position-relative">
<img src="./img/backgrounds/history-orange.svg" class="landing-bg" id="history-orange">
<img alt="" src="./img/backgrounds/history-orange.svg" class="landing-bg" id="history-orange">
</div>
<section class="py-26 text-center">
@@ -40,7 +40,7 @@
</section>
<div class="position-relative d-none-sm">
<img src="./img/backgrounds/history-purple.svg" id="history-purple">
<img alt="" src="./img/backgrounds/history-purple.svg" id="history-purple">
</div>
<div class="container-new marketing-wrapper">

2
template/page-home.html.jinja
View File

@@ -191,7 +191,7 @@
<section class="container-new py-26">
<div class="col-md-6 offset-md-3 p-8-sm p-10-until-sm br-8 cta-card">
<img src="./img/backgrounds/cta-home-magenta.svg" class="cta cta-bottom-right">
<img alt="magenta lines" src="./img/backgrounds/cta-home-magenta.svg" class="cta cta-bottom-right">
<div class="z-index-1 position-relative">
<div class="d-flex flex-column-reverse">
<h2 class="h4 mb-8-sm mb-10-until-sm">{% trans %}Join the Community <br class="until-sm"/> at XRPL.org{% endtrans %}</h2>

4
template/page-impact.html.jinja
View File

@@ -66,7 +66,7 @@
<div class="col">
<iframe id="video1" style="display:none;" width="560" height="315" src="https://www.youtube.com/embed/WsmldDNGQ9s" title="What makes the XRPL sustainable?" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<a href="#" id="playvideo">
<img src="./assets/img/impact/video_sustainable@2x.png" id="xrpl-overview-video-intro" class="w-100 video-image">
<img alt="Preview of man speaking with a play button" src="./assets/img/impact/video_sustainable@2x.png" id="xrpl-overview-video-intro" class="w-100 video-image">
</a>
</div>
@@ -85,7 +85,7 @@
<div class="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 cta-card">
<img src="./img/backgrounds/cta-community-purple.svg" class="cta cta-top-left">
<img src="./img/backgrounds/cta-calculator-green.svg" class="cta cta-bottom-right">
<img alt="" src="./img/backgrounds/cta-calculator-green.svg" class="cta cta-bottom-right">
<div class="z-index-1 position-relative">
<div class="d-flex flex-column-reverse">
<h2 class="h4 h2-sm mb-10-until-sm mb-8-sm">{% trans %}Featured companies & projects running on the XRP Ledger.{% endtrans %}</h2>

12
template/page-tx-sender.html.jinja
View File

@@ -50,7 +50,7 @@
<div class="form-group" id="send_xrp_payment">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text loader" style="display: none"><img class="throbber" src="{{currentpage.prefix}}assets/img/xrp-loader-96.png" alt="{% trans %}(loading){% endtrans %}"/></span>
<span alt="xrpl logo loading" class="input-group-text loader" style="display: none"><img class="throbber" src="{{currentpage.prefix}}assets/img/xrp-loader-96.png" alt="{% trans %}(loading){% endtrans %}"/></span>
</div>
<button class="btn btn-primary form-control disabled needs-connection" type="button" id="send_xrp_payment_btn" disabled="disabled">{% trans %}Send XRP Payment{% endtrans %}</button>
<input id="send_xrp_payment_amount" class="form-control" type="number" aria-describedby="send_xrp_payment_amount_help" value="100000" min="1" max="10000000000" />
@@ -71,7 +71,7 @@
</div>
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text loader" style="display: none"><img class="throbber" src="{{currentpage.prefix}}assets/img/xrp-loader-96.png" /></span>
<span class="input-group-text loader" style="display: none"><img class="throbber" alt="xrpl logo loading" src="{{currentpage.prefix}}assets/img/xrp-loader-96.png" /></span>
</div>
<button class="btn btn-primary form-control" type="button" id="send_partial_payment_btn" disabled="disabled" autocomplete="off" title="(Please wait for partial payments setup to finish)">{% trans %}Send Partial Payment{% endtrans %}</button>
</div>
@@ -83,7 +83,7 @@
<div class="form-group" id="create_escrow">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text loader" style="display: none"><img class="throbber" src="{{currentpage.prefix}}assets/img/xrp-loader-96.png" /></span>
<span class="input-group-text loader" style="display: none"><img class="throbber" alt="xrpl logo loading" alt="xrpl logo loading" src="{{currentpage.prefix}}assets/img/xrp-loader-96.png" /></span>
</div>
<button class="btn btn-primary form-control disabled needs-connection" type="button" id="create_escrow_btn" disabled="disabled">{% trans %}Create Escrow{% endtrans %}</button>
<input class="form-control" type="number" value="60" min="5" max="10000" id="create_escrow_duration_seconds" />
@@ -108,7 +108,7 @@
<div class="form-group" id="create_payment_channel">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text loader" style="display: none"><img class="throbber" src="{{currentpage.prefix}}assets/img/xrp-loader-96.png" /></span>
<span class="input-group-text loader" style="display: none"><img class="throbber" alt="xrpl logo loading" src="{{currentpage.prefix}}assets/img/xrp-loader-96.png" /></span>
</div>
<button class="btn btn-primary form-control disabled needs-connection" type="button" id="create_payment_channel_btn" disabled="disabled">{% trans %}Create Payment Channel{% endtrans %}</button>
<input id="create_payment_channel_amount" class="form-control" type="number" aria-describedby="create_payment_channel_amount_help" value="100000" min="1" max="10000000000" />
@@ -124,7 +124,7 @@
<div class="form-group" id="send_issued_currency">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text loader" style="display: none"><img class="throbber" src="{{currentpage.prefix}}assets/img/xrp-loader-96.png" /></span>
<span class="input-group-text loader" style="display: none"><img class="throbber" alt="xrpl logo loading" src="{{currentpage.prefix}}assets/img/xrp-loader-96.png" /></span>
</div>
<button class="btn btn-primary form-control disabled needs-connection" type="button" id="send_issued_currency_btn" disabled="disabled">{% trans %}Send Issued Currency{% endtrans %}</button>
<input id="send_issued_currency_amount" class="form-control" type="text" value="100" /><!-- Note: HTML limits "number" inputs to IEEE 764 double precision, which isn't enough for the full range of issued currency amounts -->
@@ -140,7 +140,7 @@
<div class="form-group" id="trust_for">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text loader" style="display: none"><img class="throbber" src="{{currentpage.prefix}}assets/img/xrp-loader-96.png" /></span>
<span class="input-group-text loader" style="display: none"><img class="throbber" alt="xrpl logo loading" src="{{currentpage.prefix}}assets/img/xrp-loader-96.png" /></span>
</div>
<button class="btn btn-primary form-control disabled needs-connection" type="button" id="trust_for_btn" disabled="disabled">{% trans %}Trust for{% endtrans %}</button>
<input id="trust_for_amount" class="form-control disabled" type="number" value="100000" />

2
template/page-uses.html.jinja
View File

@@ -435,7 +435,7 @@
</div>
<a class="btn d-block d-lg-none" data-toggle="modal" data-target="#categoryFilterModal">
<span class="mr-3"><img src="./assets/img/uses/usecase-filter.svg" class=""></span>{% trans %}Filter by Categories{% endtrans %}<span class="ml-3 total_count category_count">2</span>
<span alt="Filter button" class="mr-3"><img src="./assets/img/uses/usecase-filter.svg" class=""></span>{% trans %}Filter by Categories{% endtrans %}<span class="ml-3 total_count category_count">2</span>
</a>
<!-- Start company cards -->

4
template/page-websocket-api-tool.html.jinja
View File

@@ -37,7 +37,7 @@
<button class="btn btn-outline-secondary send-request">Send request</button>
<div class="input-group loader send-loader" style="display:none;">
<span class="input-group-append">
<img src="{{currentpage.prefix}}assets/img/xrp-loader-96.png" height="24" width="24" />
<img alt="xrpl logo loading" src="{{currentpage.prefix}}assets/img/xrp-loader-96.png" height="24" width="24" />
</span><!--/.input-group-append-->
</div><!--/.input-group.loader-->
</div><!--/.btn-group-->
@@ -45,7 +45,7 @@
<button class="btn btn-outline-secondary connection" data-toggle="modal" data-target="#wstool-1-connection-settings">Offline (Mainnet)</button>
<div class="input-group loader connect-loader" style="display:none;">
<span class="input-group-append">
<img src="{{currentpage.prefix}}assets/img/xrp-loader-96.png" height="24" width="24" />
<img alt="xrpl logo loading" src="{{currentpage.prefix}}assets/img/xrp-loader-96.png" height="24" width="24" />
</span><!--/.input-group-append-->
</div><!--/.input-group.loader-->
<button class="btn btn-outline-secondary permalink" data-toggle="modal" data-target="#wstool-1-permalink" title="Permalink"><i class="fa fa-link"></i></button>

4
template/page-xrp-faucets.html.jinja
View File

@@ -61,11 +61,11 @@
<button id="generate-creds-button" class="btn btn-primary mr-2 mb-2">Generate Testnet credentials</button>
</div><!--/.btn-toolbar-->
<div id='your-credentials'></div>
<div id='loader' style="display: none;"><img class="throbber" src="{{currentpage.prefix}}assets/img/xrp-loader-96.png"> Generating Keys...</div>
<div id='loader' style="display: none;"><img alt="xrpl logo loading" class="throbber" src="{{currentpage.prefix}}assets/img/xrp-loader-96.png"> Generating Keys...</div>
<div id='address'></div>
<div id='secret'></div>
<div id='balance'></div>
<div id='sequence'> <div id='loader' style="display: none;"><img class="throbber" src="{{currentpage.prefix}}assets/img/xrp-loader-96.png"> Waiting...</div></div>
<div id='sequence'> <div id='loader' style="display: none;"><img alt="xrpl logo loading" class="throbber" src="{{currentpage.prefix}}assets/img/xrp-loader-96.png"> Waiting...</div></div>
</div>
</section>
{% endblock %}

6
template/page-xrp-overview.html.jinja
View File

@@ -17,7 +17,7 @@
{% block main %}
<div class="position-relative">
<img src="./img/backgrounds/xrp-overview-blue.svg" class="landing-bg" id="xrp-overview-blue">
<img alt="" src="./img/backgrounds/xrp-overview-blue.svg" class="landing-bg" id="xrp-overview-blue">
</div>
<section class="py-26 text-center">
@@ -104,7 +104,7 @@
</div>
</div>
<div class="mt-10 p-10 br-8 cta-card position-relative">
<img src="./img/backgrounds/cta-xrp-overview-magenta.svg" class="cta cta-bottom-right">
<img alt="" src="./img/backgrounds/cta-xrp-overview-magenta.svg" class="cta cta-bottom-right">
<div class="z-index-1 position-relative">
<h2 class="h4 mb-10-until-sm mb-8-sm">{% trans %}The XRP Ledger was designed with sustainability in mind.{% endtrans %}</h2>
<p class="mb-10">{% trans %}Explore the impact of the world's first major, global, public carbon-neutral blockchain.{% endtrans %}</p>
@@ -125,7 +125,7 @@
<h5 class="longform mb-10">{% trans %}<a href="https://ripple.com" target="_blank">Ripple</a> is a technology company that makes it easier to build a high-performance, global payments business. XRP is a digital asset independent of this.{% endtrans %}</h5>
<p>{% trans %}There is a finite amount of XRP. All XRP is already in existence today—no more than the original 100 billion can be created. The XRPL founders gifted 80 billion XRP, the platform’s native currency, to Ripple. To provide predictability to the XRP supply, Ripple has locked 55 billion XRP (55% of the total possible supply) into a series of escrows using the XRP Ledger itself. The XRPL's transaction processing rules, enforced by the consensus protocol, control the release of the XRP.{% endtrans %}</p>
<div class="mt-10 p-10 br-8 cta-card position-relative">
<img src="./img/backgrounds/cta-xrp-overview-green-2.svg" class="landing-bg cta cta-bottom-right">
<img alt="" src="./img/backgrounds/cta-xrp-overview-green-2.svg" class="landing-bg cta cta-bottom-right">
<div class="z-index-1 position-relative">
<h3 class="h4">{% trans %}As of <span class="stat-highlight" id="ripple-escrow-as-of">December 2017</span> <br/>
<span class="d-inline-flex"><img id="xrp-mark-overview" class="mw-100 invertible-img mr-2" src="./img/logos/xrp-mark.svg" alt="XRP Logo Mark"> <span class="numbers stat-highlight" id="ripple-escrow-amount">55B</span></span><br/>

14
template/page-xrpl-overview.html.jinja
View File

@@ -43,7 +43,7 @@
</section>
<div class="position-relative d-none-sm">
<img src="./img/backgrounds/xrpl-overview-orange.svg" id="xrpl-overview-orange">
<img alt="orange lines" src="./img/backgrounds/xrpl-overview-orange.svg" id="xrpl-overview-orange">
</div>
<section class="container-new py-26">
@@ -62,7 +62,7 @@
<div class="col">
<iframe id="video1" style="display:none;" width="560" height="315" src="https://www.youtube.com/embed/sVTybJ3cNyo" title="Intro to the XRP Ledger" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<a href="#" id="playvideo">
<img src="./assets/img/overview/video_explainer_intro@2x.png" id="xrpl-overview-video-intro" class="w-100 video-image">
<img alt="XRPL logo with play button surrounded with image bubbles of various people" src="./assets/img/overview/video_explainer_intro@2x.png" id="xrpl-overview-video-intro" class="w-100 video-image">
</a>
<div class="text-center d-lg-none">
@@ -92,7 +92,7 @@
<section class="container-new py-26">
<div class="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 cta-card">
<img src="./img/backgrounds/cta-xrpl-overview-green.svg" class="cta cta-bottom-right">
<img alt="" src="./img/backgrounds/cta-xrpl-overview-green.svg" class="cta cta-bottom-right">
<div class="z-index-1 position-relative">
<h2 class="h4 mb-10-until-sm mb-8-sm">{% trans %}A Sustainable Blockchain{% endtrans %}</h2>
<p class="mb-10">{% trans %}Unlike most other blockchains, the XRP Ledger requires no mining and uses negligible energy, key to long-term growth and stability.{% endtrans %}</p>
@@ -132,7 +132,7 @@
<div class="row row-cols-1 row-cols-lg-3 d-flex justify-content-between w-100 mx-0 mx-md-n3 mt-md-5">
<div class="px-md-3 pt-5 pt-md-0">
<a href="#" class="btn1" data-url="https://www.youtube.com/embed/k6VqEkqRTmk?rel=0&amp;showinfo=0&amp;autoplay=1">
<img src="./assets/img/overview/video_explainer_consensus@2x.png" id="xrpl-overview-video-consensus" class="w-100 video-image">
<img alt="Two Monitors with person image bubbles inside, facing each other with a play button in between" src="./assets/img/overview/video_explainer_consensus@2x.png" id="xrpl-overview-video-consensus" class="w-100 video-image">
</a>
<div class="mt-2">
<h4 class="video-title mt-3 mb-0">{% trans %}The Consensus Mechanism{% endtrans %}</h4>
@@ -140,7 +140,7 @@
</div>
<div class="px-md-3 pt-5 pt-md-0">
<a href="#" class="btn1" data-url="https://www.youtube.com/embed/JjaVDXPqnbA?rel=0&amp;showinfo=0&amp;autoplay=1">
<img src="./assets/img/overview/video_explainer_nodes@2x.png" id="xrpl-overview-video-nodes" class="w-100 video-image">
<img alt="graphlike background with play button in center" src="./assets/img/overview/video_explainer_nodes@2x.png" id="xrpl-overview-video-nodes" class="w-100 video-image">
</a>
<div class="mt-2">
<h4 class="video-title mt-3 mb-0">{% trans %}Nodes and Validators{% endtrans %}</h4>
@@ -148,7 +148,7 @@
</div>
<div class="px-md-3 pt-5 pt-md-0">
<a href="#" class="btn1" data-url="https://www.youtube.com/embed/WsmldDNGQ9s?rel=0&amp;showinfo=0&amp;autoplay=1">
<img src="./assets/img/overview/video_explainer_sustainability@2x.png" id="xrpl-overview-video-sustainability" class="w-100 video-image">
<img alt="A globe graph with a play button in center" src="./assets/img/overview/video_explainer_sustainability@2x.png" id="xrpl-overview-video-sustainability" class="w-100 video-image">
</a>
<div class="mt-2">
<h4 class="video-title mt-3 mb-0">{% trans %}Sustainability of the XRP Ledger{% endtrans %}</h4>
@@ -162,7 +162,7 @@
<section class="container-new py-26">
<div class="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 cta-card">
<img src="./img/backgrounds/cta-xrpl-overview-orange.svg" class="cta cta-bottom-right">
<img alt="orange lines" src="./img/backgrounds/cta-xrpl-overview-orange.svg" class="cta cta-bottom-right">
<div class="z-index-1 position-relative">
<h4 class="h4 mb-10-until-sm mb-8-sm">{% trans %}Tomorrow’s Blockchain Starts With You{% endtrans %}</h4>
<p class="mb-10">{% trans %}XRP Ledger’s innovation relies on the shared community experience of builders like you. If you’re ready to start your next big blockchain project, explore the XRPL now and consider applying for an XRPL Grant.{% endtrans %}</p>