ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-15 17:25:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

updates to mobile fonts for h2s

Browse Source
This commit is contained in:
Calvin Jhunjhnuwala
2021-07-02 11:41:59 -07:00
parent 0b5fe21e59
commit f1c5ac6101
15 changed files with 96 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/devportal2021.css
View File

File diff suppressed because one or more lines are too long

6
styles/_font.scss
View File

@@ -33,6 +33,12 @@ h2, .h2 {
font-size: 1.75rem; font-size: 1.75rem;
line-height: 34px; line-height: 34px;
} }
&-sm {
@include media-breakpoint-down(sm) {
font-size: 1.75rem !important;
line-height: 34px !important;
}
}
} }
h3, .h3 { h3, .h3 {
font-size: 3rem; font-size: 3rem;

7
styles/_helpers.scss
View File

@@ -60,6 +60,11 @@
} }
.mb-6 { .mb-6 {
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
&-sm {
@include media-breakpoint-down(sm) {
margin-bottom: 1.5rem;
}
}
} }
.mt-6 { .mt-6 {
margin-top: 1.5rem; margin-top: 1.5rem;
@@ -107,7 +112,7 @@
} }
} }
&-sm { &-sm {
@include media-breakpoint-up(sm) { @include media-breakpoint-down(sm) {
margin-bottom: 2.5rem; margin-bottom: 2.5rem;
} }
} }

8
styles/_pages.scss
View File

@@ -54,6 +54,12 @@
top: 0; top: 0;
left: 0; left: 0;
} }
#xrp-mark-overview {
@include media-breakpoint-down(sm) {
height: 40px;
margin-top: 16px;
}
}
// XRPL Overview Page // XRPL Overview Page
#xrpl-overview-purple { #xrpl-overview-purple {
@@ -62,7 +68,7 @@
left: 0; left: 0;
@include media-breakpoint-down(sm) { @include media-breakpoint-down(sm) {
top: 0; top: 0;
left: -120px; left: -20vw;
} }
} }
#xrpl-overview-orange { #xrpl-overview-orange {

3
styles/_tables.scss
View File

@@ -50,7 +50,7 @@ td:nth-child(1) {
.dblue { .dblue {
color: #656E81; color: $gray-600;
} }
#overview-table { #overview-table {
td:nth-child(1){ td:nth-child(1){
@@ -92,6 +92,7 @@ td:nth-child(1) {
tbody td { tbody td {
padding: 2rem 0; padding: 2rem 0;
} }
thead tr,
tbody tr { tbody tr {
border-bottom: 1px solid $gray-600; border-bottom: 1px solid $gray-600;
} }

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

@@ -37,7 +37,7 @@
<section class="container-new py-26"> <section class="container-new py-26">
<div class="col-lg-6 offset-lg-3 p-10-until-sm pt-0"> <div class="col-lg-6 offset-lg-3 p-10-until-sm pt-0">
<h2 class="h4 mb-8">{% trans %}Energy Consumption for Cash, Credit Cards and Crypto{% endtrans %}</h2> <h2 class="h4 h2-sm mb-8">{% trans %}Energy Consumption for Cash, Credit Cards and Crypto{% endtrans %}</h2>
<h5 class="longform mb-10">{% trans %}Moving money carries cost—and not just the fee on your transaction or the value of your payment.{% endtrans %}</h5> <h5 class="longform mb-10">{% trans %}Moving money carries cost—and not just the fee on your transaction or the value of your payment.{% endtrans %}</h5>
<p class="mb-6">{% trans %}Whether it’s in cash, on a credit card or with crypto, every transaction you make consumes energy, and therefore, emits pollutants into the environment.{% endtrans %}</p> <p class="mb-6">{% trans %}Whether it’s in cash, on a credit card or with crypto, every transaction you make consumes energy, and therefore, emits pollutants into the environment.{% endtrans %}</p>
<p class="mb-6">{% trans %}The impact of this is startling when you look at the total transactions across an entire year—for any one form of currency.{% endtrans %}</p> <p class="mb-6">{% trans %}The impact of this is startling when you look at the total transactions across an entire year—for any one form of currency.{% endtrans %}</p>
@@ -49,7 +49,7 @@
<div class="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 bg-grey-800 text-center"> <div class="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 bg-grey-800 text-center">
<img src="./img/backgrounds/cta-calculator-green.svg" class="cta cta-bottom-right"> <img src="./img/backgrounds/cta-calculator-green.svg" class="cta cta-bottom-right">
<div class="z-index-1 position-relative"> <div class="z-index-1 position-relative">
<h2 class="h4 mb-10">{% trans %}How Does XRP Compare to Other Currencies?{% endtrans %}</h2> <h2 class="h4 mb-10-until-sm mb-8-sm">{% trans %}How Does XRP Compare to Other Currencies?{% endtrans %}</h2>
<a class="btn btn-primary btn-arrow" href="assets/pdf/xrpl-sustainability-methodology-2020.pdf">Methodology</a> <a class="btn btn-primary btn-arrow" href="assets/pdf/xrpl-sustainability-methodology-2020.pdf">Methodology</a>
</div> </div>
</div> </div>
@@ -275,7 +275,7 @@
<div class="container-new py-26"> <div class="container-new py-26">
<section class="row last-section"> <section class="row last-section">
<div class="col-sm-8 col-sm-offset-4"> <div class="col-sm-8 col-sm-offset-4">
<h4>{% trans %}Breaking Down Individual Transactions{% endtrans %}</h4> <h3 class="h2-sm">{% trans %}Breaking Down Individual Transactions{% endtrans %}</h3>
<p>{% trans %}Looking at individual transactions below, compare how a single transaction across each form of currency equates to kWh, CO<sub>2</sub> emissions, and gallons of gas.{% endtrans %}</p> <p>{% trans %}Looking at individual transactions below, compare how a single transaction across each form of currency equates to kWh, CO<sub>2</sub> emissions, and gallons of gas.{% endtrans %}</p>
</div> </div>
<div class="col-sm-12 mt-14 overflow-x-xs"> <div class="col-sm-12 mt-14 overflow-x-xs">

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

@@ -37,7 +37,7 @@
<section class="container-new py-26" id="run-a-network-node"> <section class="container-new py-26" id="run-a-network-node">
<div class="d-flex flex-column-reverse col-sm-8 p-0"> <div class="d-flex flex-column-reverse col-sm-8 p-0">
<h3 class="h4">{% trans %}Run an XRP Ledger Network Node{% endtrans %}</h3> <h3 class="h4 h2-sm">{% trans %}Run an XRP Ledger Network Node{% endtrans %}</h3>
<h6 class="green-500 mb-3">{% trans %}Contribute to Consensus{% endtrans %}</h6> <h6 class="green-500 mb-3">{% trans %}Contribute to Consensus{% endtrans %}</h6>
</div> </div>
{% set curated_cards = [ {% set curated_cards = [
@@ -51,7 +51,7 @@
<section class="container-new py-26" id="find-us-on-platforms"> <section class="container-new py-26" id="find-us-on-platforms">
<div class="d-flex flex-column-reverse col-sm-8 p-0"> <div class="d-flex flex-column-reverse col-sm-8 p-0">
<h3 class="h4">{% trans %}Find us on the platforms below{% endtrans %}</h3> <h3 class="h4 h2-sm">{% trans %}Find us on the platforms below{% endtrans %}</h3>
<h6 class="green-500 mb-3">{% trans %}Join the Conversation{% endtrans %}</h6> <h6 class="green-500 mb-3">{% trans %}Join the Conversation{% endtrans %}</h6>
</div> </div>
@@ -83,11 +83,11 @@
</section> </section>
<section class="container-new py-26"> <section class="container-new py-26">
<div class="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 bg-grey-800 text-center"> <div class="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 bg-grey-800 text-center">
<img src="./img/backgrounds/cta-community-purple.svg" class="cta cta-top-left"> <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 src="./img/backgrounds/cta-community-green.svg" class="cta cta-bottom-right">
<div class="z-index-1 position-relative"> <div class="z-index-1 position-relative">
<div class="d-flex flex-column-reverse"> <div class="d-flex flex-column-reverse">
<h2 class="h4 mb-10">{% trans %}A community-driven resource for all things XRPL.org{% endtrans %}</h2> <h2 class="h4 mb-10-until-sm mb-8-sm">{% trans %}A community-driven resource for all things XRPL.org{% endtrans %}</h2>
<h5 class="green-500 mb-3">{% trans %}Contribute to XRPL.org{% endtrans %}</h5> <h5 class="green-500 mb-3">{% trans %}Contribute to XRPL.org{% endtrans %}</h5>
</div> </div>
<p class="mb-10">{% trans %}Thank you for your interest in contributing to XRPL.org. This website was created as an XRPL community resource and is meant to be a living, breathing source of truth for XRP Ledger resources. This portal is open-source and anyone can suggest changes.{% endtrans %}</p> <p class="mb-10">{% trans %}Thank you for your interest in contributing to XRPL.org. This website was created as an XRPL community resource and is meant to be a living, breathing source of truth for XRP Ledger resources. This portal is open-source and anyone can suggest changes.{% endtrans %}</p>

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

@@ -65,7 +65,7 @@
<section class="container-new py-26"> <section class="container-new py-26">
<div class="col-md-6 offset-md-3 w-100 pl-0 pr-0" id="faqs-accordian-2"> <div class="col-md-6 offset-md-3 w-100 pl-0 pr-0" id="faqs-accordian-2">
<center><h2 class="h4 mb-10">Validators and Unique Node Lists</h2></center> <center><h2 class="h4 h2-sm mb-10">Validators and Unique Node Lists</h2></center>
{% set faqs2 = [ {% set faqs2 = [
{ "number": "1", { "number": "1",
"question": _("What service do transaction validators provide?"), "question": _("What service do transaction validators provide?"),
@@ -118,7 +118,7 @@
<section class="container-new py-26"> <section class="container-new py-26">
<div class="col-md-6 offset-md-3 w-100 pl-0 pr-0" id="faqs-accordian-3"> <div class="col-md-6 offset-md-3 w-100 pl-0 pr-0" id="faqs-accordian-3">
<center><h2 class="h4 mb-10">Role of XRP</h2></center> <center><h2 class="h4 h2-sm mb-10">Role of XRP</h2></center>
{% set faqs3 = [ {% set faqs3 = [
{ "number": "1", { "number": "1",
"question": _("Why does Ripple use XRP holdings?"), "question": _("Why does Ripple use XRP holdings?"),
@@ -145,7 +145,7 @@
<section class="container-new py-26"> <section class="container-new py-26">
<div class="col-md-6 offset-md-3 w-100 pl-0 pr-0" id="faqs-accordian-4"> <div class="col-md-6 offset-md-3 w-100 pl-0 pr-0" id="faqs-accordian-4">
<center><h2 class="h4 mb-10">Security Concerns</h2></center> <center><h2 class="h4 h2-sm mb-10">Security Concerns</h2></center>
{% set faqs = [ {% set faqs = [
{ "number": "1", { "number": "1",
"question": _("What is Ripple's process for reviewing third-party code contributions?"), "question": _("What is Ripple's process for reviewing third-party code contributions?"),

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

@@ -33,7 +33,7 @@
<section class="container-new py-26"> <section class="container-new py-26">
<div class="col-lg-6 offset-lg-3"> <div class="col-lg-6 offset-lg-3">
<h6 class="longform mb-10">{% trans %}In 2011, three engineers—David Schwartz, Jed McCaleb, and Arthur Britto—began developing the XRP Ledger (XRPL). Fascinated by Bitcoin, they set out to create a better version that improved upon its limitations—with the goal of creating a digital asset that was more sustainable and built specifically for payments.{% endtrans %}</h6> <h4 class="longform mb-10">{% trans %}In 2011, three engineers—David Schwartz, Jed McCaleb, and Arthur Britto—began developing the XRP Ledger (XRPL). Fascinated by Bitcoin, they set out to create a better version that improved upon its limitations—with the goal of creating a digital asset that was more sustainable and built specifically for payments.{% endtrans %}</h4>
<p class="mb-6">{% trans %}The XRP Ledger first launched in June 2012. Shortly thereafter, they were joined by Chris Larsen, and the group started the Company NewCoin in September 2012 (quickly renamed OpenCoin and now named Ripple).{% endtrans %}</p> <p class="mb-6">{% trans %}The XRP Ledger first launched in June 2012. Shortly thereafter, they were joined by Chris Larsen, and the group started the Company NewCoin in September 2012 (quickly renamed OpenCoin and now named Ripple).{% endtrans %}</p>
<p class="mb-0">{% trans %}The XRPL founders gifted 80 billion XRP, the platform’s native currency, to the company. Ripple has since put the majority in escrow.{% endtrans %}</p> <p class="mb-0">{% trans %}The XRPL founders gifted 80 billion XRP, the platform’s native currency, to the company. Ripple has since put the majority in escrow.{% endtrans %}</p>
</div> </div>
@@ -50,8 +50,10 @@
<div class="timeline-block mb-20-sm mb-10-until-sm"> <div class="timeline-block mb-20-sm mb-10-until-sm">
<div class="timeline-dot"></div> <div class="timeline-dot"></div>
<div class="timeline-content text-sm-left text-md-right"> <div class="timeline-content text-sm-left text-md-right">
<h6 class="h1 mb-3">2011</h6> <div class="d-flex flex-column-reverse">
<h4 class="mb-6 h5">{% trans %}2011 XRP Ledger Development{% endtrans %}</h4> <h2 class="mb-6 h5 h2-sm">{% trans %}2011 XRP Ledger Development{% endtrans %}</h2>
<h6 class="h1 mb-3">2011</h6>
</div>
<p>{% trans %}In early 2011, three developers—David Schwartz, Jed McCaleb, and Arthur Britto—were fascinated with Bitcoin but observed the waste inherent in mining. They sought to create a more sustainable system for sending value (an idea outlined in a <a href="https://bitcointalk.org/index.php?topic=10193.0" target="_blank">May 2011 forum post: “Bitcoin without mining”</a>).{% endtrans %}</p> <p>{% trans %}In early 2011, three developers—David Schwartz, Jed McCaleb, and Arthur Britto—were fascinated with Bitcoin but observed the waste inherent in mining. They sought to create a more sustainable system for sending value (an idea outlined in a <a href="https://bitcointalk.org/index.php?topic=10193.0" target="_blank">May 2011 forum post: “Bitcoin without mining”</a>).{% endtrans %}</p>
<a class="btn btn-primary read-more mt-10" href="#" data-target="section-1">Read More</a> <a class="btn btn-primary read-more mt-10" href="#" data-target="section-1">Read More</a>
<div class="hidden-section" id="section-1"> <div class="hidden-section" id="section-1">
@@ -62,8 +64,10 @@
<div class="timeline-block mb-20-sm mb-10-until-sm"> <div class="timeline-block mb-20-sm mb-10-until-sm">
<div class="timeline-dot"></div> <div class="timeline-dot"></div>
<div class="timeline-content"> <div class="timeline-content">
<h6 class="h1 mb-3">2012</h6> <div class="d-flex flex-column-reverse">
<h4 class="mb-6 h5">{% trans %}XRPL Launches its Native Currency, XRP{% endtrans %}</h4> <h2 class="mb-6 h5 h2-sm">{% trans %}XRPL Launches its Native Currency, XRP{% endtrans %}</h2>
<h6 class="h1 mb-3">2012</h6>
</div>
<p>{% trans %}The trio of developers continued the work to build a distributed ledger that improved upon these fundamental limitations of Bitcoin, originally naming the code Ripple. The ledger included a digital asset that would originally be called “ripples” (XRP as the currency code) to follow the same naming convention as Bitcoin (BTC). At the time, the name Ripple stood for the open-source project, the unique consensus ledger (Ripple Consensus Ledger), transaction protocol (Ripple Transaction Protocol or RTXP), the network (Ripple network), and the digital asset (known as “ripples”).{% endtrans %}</p> <p>{% trans %}The trio of developers continued the work to build a distributed ledger that improved upon these fundamental limitations of Bitcoin, originally naming the code Ripple. The ledger included a digital asset that would originally be called “ripples” (XRP as the currency code) to follow the same naming convention as Bitcoin (BTC). At the time, the name Ripple stood for the open-source project, the unique consensus ledger (Ripple Consensus Ledger), transaction protocol (Ripple Transaction Protocol or RTXP), the network (Ripple network), and the digital asset (known as “ripples”).{% endtrans %}</p>
<a class="btn btn-primary read-more mt-10" href="#" data-target="section-2">Read More</a> <a class="btn btn-primary read-more mt-10" href="#" data-target="section-2">Read More</a>
<div class="hidden-section" id="section-2"> <div class="hidden-section" id="section-2">
@@ -77,8 +81,10 @@
<div class="timeline-block mb-20-sm mb-10-until-sm"> <div class="timeline-block mb-20-sm mb-10-until-sm">
<div class="timeline-dot"></div> <div class="timeline-dot"></div>
<div class="timeline-content text-sm-left text-md-right"> <div class="timeline-content text-sm-left text-md-right">
<h6 class="h1 mb-3">2013</h6> <div class="d-flex flex-column-reverse">
<h4 class="mb-6 h5">{% trans %}OpenCoin Rebranded to Ripple Labs{% endtrans %}</h4> <h2 class="mb-6 h5 h2-sm">{% trans %}OpenCoin Rebranded to Ripple Labs{% endtrans %}</h2>
<h6 class="h1 mb-3">2013</h6>
</div>
<p>{% trans %}Since the early days, OpenCoin set out to revolutionize the global financial system. Despite the revolutionary ideals of many of Bitcoin’s early believers, Larsen never thought blockchain technology should be used to overthrow the existing financial system. He believed that history’s most transformative innovations have always relied on the great ideas that came before them—not displacing them.{% endtrans %}</p> <p>{% trans %}Since the early days, OpenCoin set out to revolutionize the global financial system. Despite the revolutionary ideals of many of Bitcoin’s early believers, Larsen never thought blockchain technology should be used to overthrow the existing financial system. He believed that history’s most transformative innovations have always relied on the great ideas that came before them—not displacing them.{% endtrans %}</p>
<a class="btn btn-primary read-more mt-10" href="#" data-target="section-3">Read More</a> <a class="btn btn-primary read-more mt-10" href="#" data-target="section-3">Read More</a>
<div class="hidden-section" id="section-3"> <div class="hidden-section" id="section-3">
@@ -90,8 +96,10 @@
<div class="timeline-block mb-20-sm mb-10-until-sm"> <div class="timeline-block mb-20-sm mb-10-until-sm">
<div class="timeline-dot"></div> <div class="timeline-dot"></div>
<div class="timeline-content"> <div class="timeline-content">
<h6 class="h1 mb-3">2020</h6> <div class="d-flex flex-column-reverse">
<h4 class="mb-6 h5">{% trans %}XRPL Foundation Launched{% endtrans %}</h4> <h2 class="mb-6 h5 h2-sm">{% trans %}XRPL Foundation Launched{% endtrans %}</h2>
<h6 class="h1 mb-3">2020</h6>
</div>
<p>{% trans %}<a href="https://xrplf.org/docs/XRP_Foundation_Release_24Sep2020.pdf" target="_blank">Founded</a> September 24, 2020, the XRPL Foundation is an independent and nonprofit entity with a mission to accelerate the development and adoption of the decentralized XRP Ledger. The Foundation received an initial donation of over $6.5M from Coil, Ripple, and Gatehub to fund the Foundation’s work in service of the growing number of developers and other community members building on the XRP Ledger.{% endtrans %}</p> <p>{% trans %}<a href="https://xrplf.org/docs/XRP_Foundation_Release_24Sep2020.pdf" target="_blank">Founded</a> September 24, 2020, the XRPL Foundation is an independent and nonprofit entity with a mission to accelerate the development and adoption of the decentralized XRP Ledger. The Foundation received an initial donation of over $6.5M from Coil, Ripple, and Gatehub to fund the Foundation’s work in service of the growing number of developers and other community members building on the XRP Ledger.{% endtrans %}</p>
</div> </div>
</div> </div>

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

@@ -38,7 +38,7 @@
<section class="container-new py-26"> <section class="container-new py-26">
<div class="col-lg-6 offset-lg-3 pl-0-sm pr-0-sm p-8-sm p-10-until-sm"> <div class="col-lg-6 offset-lg-3 pl-0-sm pr-0-sm p-8-sm p-10-until-sm">
<h2 class="h4 mb-8">{% trans %}The XRP Ledger: A Scalable, Sustainable Blockchain{% endtrans %}</h2> <h2 class="h4 mb-8 h2-sm">{% trans %}The XRP Ledger: A Scalable, Sustainable Blockchain{% endtrans %}</h2>
<h6 class="longform mb-10">{% trans %}The XRP Ledger (XRPL) is a decentralized, public blockchain led by a global developer community.{% endtrans %}</h6> <h6 class="longform mb-10">{% trans %}The XRP Ledger (XRPL) is a decentralized, public blockchain led by a global developer community.{% endtrans %}</h6>
<p class="mb-0">{% trans %}It’s fast, energy efficient, and reliable. With ease of development, low transaction costs, and a knowledgeable community, it provides developers with a strong open-source foundation for executing on the most demanding projects—without hurting the environment.{% endtrans %}</p> <p class="mb-0">{% trans %}It’s fast, energy efficient, and reliable. With ease of development, low transaction costs, and a knowledgeable community, it provides developers with a strong open-source foundation for executing on the most demanding projects—without hurting the environment.{% endtrans %}</p>
</div> </div>
@@ -46,7 +46,7 @@
<section class="container-new py-26"> <section class="container-new py-26">
<div class="d-flex flex-column-reverse col-sm-8 p-0 mx-10-until-md"> <div class="d-flex flex-column-reverse col-sm-8 p-0 mx-10-until-md">
<h3 class="h4">{% trans %}Why developers choose the XRP Ledger{% endtrans %}</h3> <h3 class="h4 h2-sm">{% trans %}Why developers choose the XRP Ledger{% endtrans %}</h3>
<h6 class="green-500 mb-3">{% trans %}Discover Benefits{% endtrans %}</h6> <h6 class="green-500 mb-3">{% trans %}Discover Benefits{% endtrans %}</h6>
</div> </div>
<ul class="mt-10 card-grid card-grid-3xN"> <ul class="mt-10 card-grid card-grid-3xN">
@@ -82,7 +82,7 @@
<section class="container-new py-26"> <section class="container-new py-26">
<div class="d-flex flex-column-reverse col-sm-8 p-0 mx-10-until-md"> <div class="d-flex flex-column-reverse col-sm-8 p-0 mx-10-until-md">
<h3 class="h4">{% trans %}Activate the power of the XRP Ledger and find the building blocks for your next innovation{% endtrans %}</h3> <h3 class="h4 h2-sm">{% trans %}Activate the power of the XRP Ledger and find the building blocks for your next innovation{% endtrans %}</h3>
<h6 class="green-500 mb-3">{% trans %}Explore Advanced Features{% endtrans %}</h6> <h6 class="green-500 mb-3">{% trans %}Explore Advanced Features{% endtrans %}</h6>
</div> </div>
<div class="mt-10 card-grid card-grid-3xN"> <div class="mt-10 card-grid card-grid-3xN">
@@ -121,7 +121,7 @@
<section class="container-new py-26"> <section class="container-new py-26">
<div class="d-flex flex-column-reverse col-sm-8 p-0 mx-10-until-md"> <div class="d-flex flex-column-reverse col-sm-8 p-0 mx-10-until-md">
<h3 class="h4">{% trans %}Choose a path to start building on the XRPL{% endtrans %}</h3> <h3 class="h4 h2-sm">{% trans %}Choose a path to start building on the XRPL{% endtrans %}</h3>
<h6 class="green-500 mb-3">{% trans %}Get Started{% endtrans %}</h6> <h6 class="green-500 mb-3">{% trans %}Get Started{% endtrans %}</h6>
</div> </div>
<div class="mt-10 card-grid card-grid-3xN"> <div class="mt-10 card-grid card-grid-3xN">
@@ -160,7 +160,7 @@
<section class="container-new py-26"> <section class="container-new py-26">
<div class="col-lg-6 offset-lg-3 p-6-sm p-10-until-sm br-8 bg-grey-800 text-center"> <div class="col-lg-6 offset-lg-3 p-6-sm p-10-until-sm br-8 bg-grey-800 text-center">
<img src="./img/backgrounds/cta-home-purple.svg" class="landing-bg cta cta-top-left"> <img src="./img/backgrounds/cta-home-purple.svg" class="d-none-sm cta cta-top-left">
<img src="./img/backgrounds/cta-home-green.svg" class="cta cta-bottom-right"> <img src="./img/backgrounds/cta-home-green.svg" class="cta cta-bottom-right">
<div class="z-index-1 position-relative"> <div class="z-index-1 position-relative">
<h2 class="h4 mb-8-sm mb-10-until-sm">{% trans %}Our Shared Vision for XRPL’s Future{% endtrans %}</h2> <h2 class="h4 mb-8-sm mb-10-until-sm">{% trans %}Our Shared Vision for XRPL’s Future{% endtrans %}</h2>
@@ -172,7 +172,7 @@
<section class="container-new py-26"> <section class="container-new py-26">
<div class="d-flex flex-column-reverse col-sm-8 p-0 mx-10-until-md"> <div class="d-flex flex-column-reverse col-sm-8 p-0 mx-10-until-md">
<h3 class="h4">{% trans %}Explore what the community is building to enable new features and use cases on XRPL{% endtrans %}</h3> <h3 class="h4 h2-sm">{% trans %}Explore what the community is building to enable new features and use cases on XRPL{% endtrans %}</h3>
<h6 class="green-500 mb-3">{% trans %}Preview New Features{% endtrans %}</h6> <h6 class="green-500 mb-3">{% trans %}Preview New Features{% endtrans %}</h6>
</div> </div>
<ul class="mt-10 card-grid card-grid-3xN"> <ul class="mt-10 card-grid card-grid-3xN">
@@ -202,7 +202,7 @@
<img src="./img/backgrounds/cta-home-magenta.svg" class="cta cta-bottom-right"> <img src="./img/backgrounds/cta-home-magenta.svg" class="cta cta-bottom-right">
<div class="z-index-1 position-relative"> <div class="z-index-1 position-relative">
<div class="d-flex flex-column-reverse"> <div class="d-flex flex-column-reverse">
<h2 class="h4 mb-10">{% trans %}XRPL.org: By the community, for the community{% endtrans %}</h2> <h2 class="h4 mb-8-sm mb-10-until-sm">{% trans %}XRPL.org: by the community, for the community{% endtrans %}</h2>
<h5 class="green-500 mb-3">{% trans %}Get Involved{% endtrans %}</h5> <h5 class="green-500 mb-3">{% trans %}Get Involved{% endtrans %}</h5>
</div> </div>
<p class="mb-10">{% trans %}XRPL.org is a community-driven resource by and for developers who build on the XRP Ledger (XRPL).{% endtrans %}</p> <p class="mb-10">{% trans %}XRPL.org is a community-driven resource by and for developers who build on the XRP Ledger (XRPL).{% endtrans %}</p>

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

@@ -32,7 +32,7 @@
</section> </section>
<section class="container-new py-26"> <section class="container-new py-26">
<div class="col-md-6 offset-md-3 p-10-until-sm pt-0"> <div class="col-md-6 offset-md-3 p-10-until-sm pl-0-sm pr-0-sm pt-0">
<h6 class="longform mb-10">{% trans %}The digital asset XRP is a truly global currency—ideally suited to enable today’s global economy.{% endtrans %}</h6> <h6 class="longform mb-10">{% trans %}The digital asset XRP is a truly global currency—ideally suited to enable today’s global economy.{% endtrans %}</h6>
<p class="mb-6">{% trans %}As an optimal medium of exchange, XRP and the XRP Ledger on which it operates help to move money around the world faster, cheaper and more sustainably than any other currency available today. {% endtrans %}</p> <p class="mb-6">{% trans %}As an optimal medium of exchange, XRP and the XRP Ledger on which it operates help to move money around the world faster, cheaper and more sustainably than any other currency available today. {% endtrans %}</p>
<p class="mb-10">{% trans %}It was designed this way, and it’s proving its impact in global payments and beyond.{% endtrans %}</p> <p class="mb-10">{% trans %}It was designed this way, and it’s proving its impact in global payments and beyond.{% endtrans %}</p>
@@ -46,7 +46,7 @@
<section class="container-new py-26"> <section class="container-new py-26">
<div class="col-md-6 offset-md-3 p-10-until-sm pl-0-sm pr-0-sm"> <div class="col-md-6 offset-md-3 p-10-until-sm pl-0-sm pr-0-sm">
<h2 class="h4 mb-8">{% trans %}Creating Economic Opportunity{% endtrans %}</h2> <h2 class="h4 h2-sm mb-8">{% trans %}Creating Economic Opportunity{% endtrans %}</h2>
<h5 class="longform mb-10">{% trans %}For more than <a href="https://www.un.org/sites/un2.un.org/files/wmr_2020.pdf" target="_blank">272 million migrants</a> worldwide, sending and receiving money across borders is expensive, unreliable and complex.{% endtrans %}</h5> <h5 class="longform mb-10">{% trans %}For more than <a href="https://www.un.org/sites/un2.un.org/files/wmr_2020.pdf" target="_blank">272 million migrants</a> worldwide, sending and receiving money across borders is expensive, unreliable and complex.{% endtrans %}</h5>
<p class="mb-6">{% trans %}XRP and the XRP Ledger are changing that. The technology has been adopted by financial institutions around the world to source liquidity for international transactions. Because of the unprecedented efficiency it offers, they’re able to bring down costs and improve services.{% endtrans %}</p> <p class="mb-6">{% trans %}XRP and the XRP Ledger are changing that. The technology has been adopted by financial institutions around the world to source liquidity for international transactions. Because of the unprecedented efficiency it offers, they’re able to bring down costs and improve services.{% endtrans %}</p>
<p class="mb-0">{% trans %}This means hundreds of millions of people worldwide who need to move money safely and securely across borders can do so more affordably and reliably than ever before.{% endtrans %}</p> <p class="mb-0">{% trans %}This means hundreds of millions of people worldwide who need to move money safely and securely across borders can do so more affordably and reliably than ever before.{% endtrans %}</p>
@@ -56,14 +56,14 @@
<section class="container-new py-26"> <section class="container-new py-26">
<div class="mt-10 card-grid card-grid-2xN"> <div class="mt-10 card-grid card-grid-2xN">
<div class="col-new ls-none mb-16-sm"> <div class="col-new ls-none mb-16-sm">
<h2 class="h4 mb-8">{% trans %}Building for the Future{% endtrans %}</h2> <h2 class="h4 h2-sm mb-8">{% trans %}Building for the Future{% endtrans %}</h2>
<h5 class="longform mb-10">{% trans %}Digital assets and blockchain technology are the future of finance. Open and decentralized, they offer the first-ever global standards for value exchange broadly—whether it’s money, stocks, loyalty points, intellectual property or more.{% endtrans %}</h5> <h5 class="longform mb-10">{% trans %}Digital assets and blockchain technology are the future of finance. Open and decentralized, they offer the first-ever global standards for value exchange broadly—whether it’s money, stocks, loyalty points, intellectual property or more.{% endtrans %}</h5>
<p class="mb-6">{% trans %}This has spawned increasing adoption of the technology across the financial services industry, from retail and institutional investment to commercial use cases like CBDCs, NFTs and cross-border payments.{% endtrans %}</p> <p class="mb-6">{% trans %}This has spawned increasing adoption of the technology across the financial services industry, from retail and institutional investment to commercial use cases like CBDCs, NFTs and cross-border payments.{% endtrans %}</p>
<p class="mb-0">{% trans %}With usage growing, it’s critical that measures are taken today to ensure that the technology is environmentally sustainable tomorrow.{% endtrans %}</p> <p class="mb-0">{% trans %}With usage growing, it’s critical that measures are taken today to ensure that the technology is environmentally sustainable tomorrow.{% endtrans %}</p>
</div> </div>
<div class="col-new ls-none mb-16-sm"> <div class="col-new ls-none mb-16-sm">
<div class="col-md-8 mx-auto pl-0-sm pr-0-sm"> <div class="col-md-8 mx-auto pl-0-sm pr-0-sm">
<h6 class="mb-10">{% trans %}Projected BTC, ETH and XRP Transactions in USD{% endtrans %}</h6> <h6 class="mb-10-until-sm mb-8-sm">{% trans %}Projected BTC, ETH and XRP Transactions in USD{% endtrans %}</h6>
<div class="mb-10"> <div class="mb-10">
<div class="d-flex align-items-baseline mb-3"> <div class="d-flex align-items-baseline mb-3">
<h5 class="mb-0">{% trans %}2025{% endtrans %}</h5> <h5 class="mb-0">{% trans %}2025{% endtrans %}</h5>
@@ -95,7 +95,7 @@
<section class="container-new py-26"> <section class="container-new py-26">
<div class="col-md-6 offset-md-3 p-10-until-sm pl-0-sm pr-0-sm"> <div class="col-md-6 offset-md-3 p-10-until-sm pl-0-sm pr-0-sm">
<h2 class="h4 mb-8">{% trans %}Are All Digital Assets Alike?{% endtrans %}</h2> <h2 class="h4 h2-sm mb-8">{% trans %}Are All Digital Assets Alike?{% endtrans %}</h2>
<h5 class="longform mb-10">{% trans %}All digital assets have different strengths that make them ideal for various use cases.{% endtrans %}</h5> <h5 class="longform mb-10">{% trans %}All digital assets have different strengths that make them ideal for various use cases.{% endtrans %}</h5>
<p class="mb-6">{% trans %}Bitcoin has historically been recognized as a store of value and Ether (ETH) for its smart contract capabilities.{% endtrans %}</p> <p class="mb-6">{% trans %}Bitcoin has historically been recognized as a store of value and Ether (ETH) for its smart contract capabilities.{% endtrans %}</p>
<p class="mb-6">{% trans %}XRP was designed to be optimal for global payments—it’s fast, cheap, scalable and energy-efficient. But the XRP Ledger is also increasingly popular for innovative blockchain use cases, like NFTs and DeFi.{% endtrans %}</p> <p class="mb-6">{% trans %}XRP was designed to be optimal for global payments—it’s fast, cheap, scalable and energy-efficient. But the XRP Ledger is also increasingly popular for innovative blockchain use cases, like NFTs and DeFi.{% endtrans %}</p>
@@ -106,7 +106,7 @@
<section class="container-new py-26"> <section class="container-new py-26">
<div class="col-md-6 offset-md-3 p-10-until-sm pl-0-sm pr-0-sm"> <div class="col-md-6 offset-md-3 p-10-until-sm pl-0-sm pr-0-sm">
<h2 class="h4 mb-8">{% trans %}What Makes the XRP Ledger Green?{% endtrans %}</h2> <h2 class="h4 h2-sm mb-8">{% trans %}What Makes the XRP Ledger Green?{% endtrans %}</h2>
<h5 class="longform mb-10">{% trans %}Most currencies today—whether digital or physical—are not environmentally friendly. The potential for long-term impact on our planet could hold startling consequences. {% endtrans %}</h5> <h5 class="longform mb-10">{% trans %}Most currencies today—whether digital or physical—are not environmentally friendly. The potential for long-term impact on our planet could hold startling consequences. {% endtrans %}</h5>
<p class="mb-6">{% trans %}The XRP Ledger processes transactions through a unique “consensus” mechanism that consumes negligible energy and all XRP currency is already in circulation.{% endtrans %}</p> <p class="mb-6">{% trans %}The XRP Ledger processes transactions through a unique “consensus” mechanism that consumes negligible energy and all XRP currency is already in circulation.{% endtrans %}</p>
<p class="mb-6">{% trans %}Cash also leaves a substantial carbon footprint, and the environmental impact goes beyond energy consumption—eutrophication (due to waste), photochemical ozone creation, greenhouse gas emissions and more factor into the equation.{% endtrans %}</p> <p class="mb-6">{% trans %}Cash also leaves a substantial carbon footprint, and the environmental impact goes beyond energy consumption—eutrophication (due to waste), photochemical ozone creation, greenhouse gas emissions and more factor into the equation.{% endtrans %}</p>

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

@@ -75,7 +75,7 @@
<section class="container-new py-26"> <section class="container-new py-26">
<div class="col-sm-7 p-0 mx-10-until-sm"> <div class="col-sm-7 p-0 mx-10-until-sm">
<div class="d-flex flex-column-reverse"> <div class="d-flex flex-column-reverse">
<h3 class="h4">{% trans %}Businesses and projects running<br class="until-sm"> on the XRP Ledger{% endtrans %}</h3> <h3 class="h4 h2-sm">{% trans %}Businesses and projects running<br class="until-sm"> on the XRP Ledger{% endtrans %}</h3>
<h6 class="green-500 mb-3">{% trans %}Solving Real Problems Across Industries{% endtrans %}</h6> <h6 class="green-500 mb-3">{% trans %}Solving Real Problems Across Industries{% endtrans %}</h6>
</div> </div>
<p class="mb-0 longform mt-8-until-sm mt-3 ">{% trans %}There are companies and developer projects around the world that leverage the XRP Ledger to solve interesting problems across a variety of industries and use cases.{% endtrans %}</p> <p class="mb-0 longform mt-8-until-sm mt-3 ">{% trans %}There are companies and developer projects around the world that leverage the XRP Ledger to solve interesting problems across a variety of industries and use cases.{% endtrans %}</p>

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

@@ -53,7 +53,7 @@
<div class="col-new mt-lg-0"> <div class="col-new mt-lg-0">
<div class="link-section pb-26" id="about-xrp"> <div class="link-section pb-26" id="about-xrp">
<h2 class="h4 mb-8">{% trans %}What Is XRP?{% endtrans %}</h2> <h2 class="h4 h2-sm mb-8">{% trans %}What Is XRP?{% endtrans %}</h2>
<h5 class="longform mb-10">{% trans %}XRP is a digital asset that’s native to the XRP Ledger—an open-source, permissionless and decentralized <a href="https://www.distributedagreement.com/2018/09/24/what-is-a-blockchain/" target="_blank">blockchain technology.</a>{% endtrans %}</h5> <h5 class="longform mb-10">{% trans %}XRP is a digital asset that’s native to the XRP Ledger—an open-source, permissionless and decentralized <a href="https://www.distributedagreement.com/2018/09/24/what-is-a-blockchain/" target="_blank">blockchain technology.</a>{% endtrans %}</h5>
<p class="mb-6">{% trans %}Created in 2012 specifically for payments, XRP can settle transactions on the ledger in 3-5 seconds. It was built to be a better Bitcoin—faster, cheaper and greener than any other digital asset.{% endtrans %}</p> <p class="mb-6">{% trans %}Created in 2012 specifically for payments, XRP can settle transactions on the ledger in 3-5 seconds. It was built to be a better Bitcoin—faster, cheaper and greener than any other digital asset.{% endtrans %}</p>
<div class="overflow-x-xs"> <div class="overflow-x-xs">
@@ -106,7 +106,7 @@
<div class="mt-10 p-10 br-8 bg-grey-800 text-center position-relative"> <div class="mt-10 p-10 br-8 bg-grey-800 text-center position-relative">
<img src="./img/backgrounds/cta-xrp-overview-magenta.svg" class="cta cta-bottom-right"> <img src="./img/backgrounds/cta-xrp-overview-magenta.svg" class="cta cta-bottom-right">
<div class="z-index-1 position-relative"> <div class="z-index-1 position-relative">
<h2 class="h4 mb-10">{% trans %}XRP was designed with sustinability in mind.{% endtrans %}</h2> <h2 class="h4 mb-10-until-sm mb-8-sm">{% trans %}XRP was designed with sustinability in mind.{% endtrans %}</h2>
<p class="mb-10">{% trans %}Explore how the energy consumption of XRP compares to other currencies.{% endtrans %}</p> <p class="mb-10">{% trans %}Explore how the energy consumption of XRP compares to other currencies.{% endtrans %}</p>
<a class="btn btn-primary btn-arrow" href="carbon-calculator.html">{% trans %}Green Currency Calculator{% endtrans %}</a> <a class="btn btn-primary btn-arrow" href="carbon-calculator.html">{% trans %}Green Currency Calculator{% endtrans %}</a>
</div> </div>
@@ -114,28 +114,28 @@
</div> </div>
<div class="py-26 link-section" id="xrp-trading"> <div class="py-26 link-section" id="xrp-trading">
<h2 class="h4 mb-8">{% trans %}How Is XRP Used in Trading?{% endtrans %}</h2> <h2 class="h4 h2-sm mb-8">{% trans %}How Is XRP Used in Trading?{% endtrans %}</h2>
<h5 class="longform mb-10">{% trans %}XRP is traded on more than 100 markets and exchanges worldwide.{% endtrans %}</h5> <h5 class="longform mb-10">{% trans %}XRP is traded on more than 100 markets and exchanges worldwide.{% endtrans %}</h5>
<p class="mb-6">{% trans %}XRP’s low transaction fees, reliability and high-speed enable traders to use the digital asset as high-speed, cost-efficient and reliable collateral across trading venues—<a href="https://ripple.com/insights/xrp-a-preferred-base-currency-for-arbitrage-trading/" target="_blank">seizing arbitrage opportunities</a>, servicing margin calls and managing general trading inventory in real time.{% endtrans %}</p> <p class="mb-6">{% trans %}XRP’s low transaction fees, reliability and high-speed enable traders to use the digital asset as high-speed, cost-efficient and reliable collateral across trading venues—<a href="https://ripple.com/insights/xrp-a-preferred-base-currency-for-arbitrage-trading/" target="_blank">seizing arbitrage opportunities</a>, servicing margin calls and managing general trading inventory in real time.{% endtrans %}</p>
<p>{% trans %}Because of the properties inherent to XRP and the ecosystem around it, traders worldwide are able to shift collateral, bridge currencies and switch from one crypto into another nearly instantly, across any exchange on the planet.{% endtrans %}</p> <p>{% trans %}Because of the properties inherent to XRP and the ecosystem around it, traders worldwide are able to shift collateral, bridge currencies and switch from one crypto into another nearly instantly, across any exchange on the planet.{% endtrans %}</p>
</div> </div>
<div class="py-26 link-section" id="ripple"> <div class="py-26 link-section" id="ripple">
<h2 class="h4 mb-8">{% trans %}What Is the Relationship Between Ripple and XRP?{% endtrans %}</h2> <h2 class="h4 h2-sm mb-8">{% trans %}What Is the Relationship Between Ripple and XRP?{% endtrans %}</h2>
<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> <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> <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 bg-grey-800 text-center position-relative"> <div class="mt-10 p-10 br-8 bg-grey-800 text-center position-relative">
<img src="./img/backgrounds/cta-xrp-overview-green-2.svg" class="cta cta-bottom-right"> <img src="./img/backgrounds/cta-xrp-overview-green-2.svg" class="landing-bg cta cta-bottom-right">
<div class="z-index-1 position-relative"> <div class="z-index-1 position-relative">
<h3 class="h4 mb-10">{% trans %}As of <span class="green-500">December 2017</span> <br/> <h3 class="h4">{% trans %}As of <span class="green-500">December 2017</span> <br/>
<span class="d-inline-flex"><img class="mw-100 mr-2" src="./img/logos/xrp-mark.svg"> <span class="numbers green-500">55B</span></span><br/> <span class="d-inline-flex"><img id="xrp-mark-overview" class="mw-100 mr-2" src="./img/logos/xrp-mark.svg" alt="XRP Logo Mark"> <span class="numbers green-500">55B</span></span><br/>
XRP remains in escrow{% endtrans %}</h3> XRP remains in escrow{% endtrans %}</h3>
</div> </div>
</div> </div>
</div> </div>
<div class="link-section py-26" id="wallets"> <div class="link-section py-26" id="wallets">
<h2 class="h4 mb-8">{% trans %}What Wallets Support XRP?{% endtrans %}</h2> <h2 class="h4 h2-sm mb-8">{% trans %}What Wallets Support XRP?{% endtrans %}</h2>
<h5 class="longform mb-10">{% trans %}Digital wallets are pieces of software that allow people to send, receive, and store cryptocurrencies, including XRP. There are two types of digital wallets: custodial and non-custodial.{% endtrans %}</h5> <h5 class="longform mb-10">{% trans %}Digital wallets are pieces of software that allow people to send, receive, and store cryptocurrencies, including XRP. There are two types of digital wallets: custodial and non-custodial.{% endtrans %}</h5>
<div class="card-grid card-grid-2xN mb-10"> <div class="card-grid card-grid-2xN mb-10">
<div class="mr-5-until-md"> <div class="mr-5-until-md">
@@ -187,7 +187,7 @@
</div> </div>
<div class="py-26 link-section" id="exchanges"> <div class="py-26 link-section" id="exchanges">
<h2 class="h4 mb-8">{% trans %}What Exchanges Support XRP?{% endtrans %}</h2> <h2 class="h4 h2-sm mb-8">{% trans %}What Exchanges Support XRP?{% endtrans %}</h2>
<h5 class="longform mb-10">{% trans %}Exchanges are where people trade currencies. XRP is traded on more than 100 markets and exchanges worldwide.{% endtrans %}</h5> <h5 class="longform mb-10">{% trans %}Exchanges are where people trade currencies. XRP is traded on more than 100 markets and exchanges worldwide.{% endtrans %}</h5>
<p class="mb-10">{% trans %}There are different types of exchanges that vary depending on the type of market (spot, futures, options, swaps), and the type of security model (custodial, non-custodial).{% endtrans %}</p> <p class="mb-10">{% trans %}There are different types of exchanges that vary depending on the type of market (spot, futures, options, swaps), and the type of security model (custodial, non-custodial).{% endtrans %}</p>
<div class="card-grid card-grid-2xN mb-10"> <div class="card-grid card-grid-2xN mb-10">

21
template/page-xrpl-foundation.html.jinja
View File

@@ -37,13 +37,13 @@
<section class="container-new py-26"> <section class="container-new py-26">
<div class="col-lg-6 offset-lg-3 p-10-util-sm pl-0-sm pr-0-sm"> <div class="col-lg-6 offset-lg-3 p-10-util-sm pl-0-sm pr-0-sm">
<h4 class="mb-8">{% trans %}The Vision{% endtrans %}</h4> <h4 class="mb-8 h2-sm">{% trans %}The Vision{% endtrans %}</h4>
<h6 class="longform">{% trans %}The Foundation’s vision is to support the development of a diverse XRP Ledger community by focusing on governance, amendments to the core code, and an evolving list of robust validators — all key to creating a dynamic ecosystem that supports a growing and innovative Ledger. {% endtrans %}</h6> <h6 class="longform">{% trans %}The Foundation’s vision is to support the development of a diverse XRP Ledger community by focusing on governance, amendments to the core code, and an evolving list of robust validators — all key to creating a dynamic ecosystem that supports a growing and innovative Ledger. {% endtrans %}</h6>
</div> </div>
</section> </section>
<section class="container-new py-26"> <section class="container-new py-26">
<h3 class="h4 mx-10-until-md">{% trans %}Key Areas of Focus{% endtrans %}</h3> <h3 class="h4 h2-sm mx-10-until-md">{% trans %}Key Areas of Focus{% endtrans %}</h3>
<ul class="mt-10 card-grid card-grid-3xN mb-0"> <ul class="mt-10 card-grid card-grid-3xN mb-0">
{% set features = [ {% set features = [
{ "title": _("Core Technology"), { "title": _("Core Technology"),
@@ -59,7 +59,7 @@
] %} ] %}
{% for feat in features %} {% for feat in features %}
<li class="col-new ls-none"> <li class="col-new ls-none">
<h4 class="mb-0 h5">{{feat.title}}</h4> <h3 class="mb-0 h5">{{feat.title}}</h3>
<p class="mt-8-until-sm mt-3 mb-0">{{feat.description}}</p> <p class="mt-8-until-sm mt-3 mb-0">{{feat.description}}</p>
</li> </li>
{% endfor %} {% endfor %}
@@ -67,10 +67,10 @@
</section> </section>
<section class="container-new py-26"> <section class="container-new py-26">
<div class="mx-10-until-md"> <div class="mx-10-until-md">
<h3 class="h4 mb-20-until-sm">{% trans %}XRP Ledger Foundation Values and Beliefs{% endtrans %}</h3> <h2 class="h4 h2-sm mb-20-until-sm">{% trans %}XRP Ledger Foundation Values and Beliefs{% endtrans %}</h2>
<h4 class="h5 mb-0 mt-10">{% trans %}We Value:{% endtrans %}</h4> <h4 class="h5 mb-3-sm-i mt-10">{% trans %}We Value:{% endtrans %}</h4>
</div> </div>
<ul class="card-grid card-grid-3xN mb-10"> <ul class="card-grid card-grid-3xN mb-10">
{% set values = [ {% set values = [
{ "description": _("Our role as an independent organization acting in the best interests of the XRP Ledger community") }, { "description": _("Our role as an independent organization acting in the best interests of the XRP Ledger community") },
@@ -81,9 +81,10 @@
<li class="col-new ls-none">{{val.description}}</li> <li class="col-new ls-none">{{val.description}}</li>
{% endfor %} {% endfor %}
</ul> </ul>
<div class="mx-10-until-md"> <div class="mx-10-until-md">
<h4 class="h5">{% trans %}We Believe:{% endtrans %}</h4> <h4 class="h5 mb-3-sm-i">{% trans %}We Believe:{% endtrans %}</h4>
</div> </div>
<ul class="card-grid card-grid-3xN"> <ul class="card-grid card-grid-3xN">
{% set beliefs = [ {% set beliefs = [
{ "description": _("Trust is foundational to our mission and understand building trust is a slow, steady process") }, { "description": _("Trust is foundational to our mission and understand building trust is a slow, steady process") },
@@ -100,7 +101,7 @@
<img src="./img/backgrounds/cta-foundation-orange.svg" class="cta cta-top-left"> <img src="./img/backgrounds/cta-foundation-orange.svg" class="cta cta-top-left">
<img src="./img/backgrounds/cta-foundation-magenta.svg" class="cta cta-bottom-right"> <img src="./img/backgrounds/cta-foundation-magenta.svg" class="cta cta-bottom-right">
<div class="z-index-1 position-relative"> <div class="z-index-1 position-relative">
<h2 class="h4 mb-10">{% trans %}Contact Us{% endtrans %}</h2> <h3 class="h4 mb-10-until-sm mb-8-sm">{% trans %}Contact Us{% endtrans %}</h3>
<a class="btn btn-primary btn-arrow" href="https://xrplf.org/" target="_blank">xrplf.org</a> <a class="btn btn-primary btn-arrow" href="https://xrplf.org/" target="_blank">xrplf.org</a>
</div> </div>
</div> </div>

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

@@ -36,9 +36,9 @@
</div> </div>
<section class="container-new py-26"> <section class="container-new py-26">
<div class="col-lg-6 offset-lg-3 pl-0-sm pr-0-sm p-8-sm p-10-until-sm"> <div class="col-lg-6 offset-lg-3 pl-0-sm pr-0-sm p-10-until-sm">
<div class="d-flex flex-column-reverse"> <div class="d-flex flex-column-reverse">
<h2 class="h4 mb-8">{% trans %}How the XRP Ledger works{% endtrans %}</h2> <h2 class="h4 h2-sm mb-8">{% trans %}How the XRP Ledger works{% endtrans %}</h2>
<h6 class="green-500 mb-3">{% trans %}XRP Ledger Basics{% endtrans %}</h6> <h6 class="green-500 mb-3">{% trans %}XRP Ledger Basics{% endtrans %}</h6>
</div> </div>
<h5 class="longform mb-10">{% trans %}The XRP Ledger is a decentralized public blockchain. {% endtrans %}</h5> <h5 class="longform mb-10">{% trans %}The XRP Ledger is a decentralized public blockchain. {% endtrans %}</h5>
@@ -47,13 +47,11 @@
</div> </div>
</section> </section>
<section class="container-new py-26"> <section class="container-new py-26">
<div class="mt-10 card-grid card-grid-2xN"> <div class="card-grid card-grid-2xN">
<div class="col-new"> <div class="col-new">
<div class="d-flex flex-column-reverse"> <div class="d-flex flex-column-reverse">
<h2 class="h4 mb-8">{% trans %}How the Consensus Protocol works{% endtrans %}</h2> <h2 class="h4 h2-sm mb-8">{% trans %}How the Consensus Protocol works{% endtrans %}</h2>
<h6 class="green-500 mb-3">{% trans %}Consensus{% endtrans %}</h6> <h6 class="green-500 mb-3">{% trans %}Consensus{% endtrans %}</h6>
</div> </div>
<h5 class="longform mb-10">{% trans %}XRPL uses a consensus protocol, in which designated servers called <a href="run-a-rippled-validator.html">validators</a> come to an agreement on the order and outcome of XRP transactions every 3-5 seconds.{% endtrans %}</h5> <h5 class="longform mb-10">{% trans %}XRPL uses a consensus protocol, in which designated servers called <a href="run-a-rippled-validator.html">validators</a> come to an agreement on the order and outcome of XRP transactions every 3-5 seconds.{% endtrans %}</h5>
@@ -70,7 +68,7 @@
<div class="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 bg-grey-800 text-center"> <div class="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 bg-grey-800 text-center">
<img src="./img/backgrounds/cta-xrpl-overview-green.svg" class="cta cta-bottom-right"> <img src="./img/backgrounds/cta-xrpl-overview-green.svg" class="cta cta-bottom-right">
<div class="z-index-1 position-relative"> <div class="z-index-1 position-relative">
<h2 class="h4 mb-10">{% trans %}A Greener Blockchain{% endtrans %}</h2> <h2 class="h4 mb-10-until-sm mb-8-sm">{% trans %}A Greener Blockchain{% endtrans %}</h2>
<p class="mb-10">{% trans %}Unlike most other blockchains, the XRP Ledger does not need mining, so <a href="impact.html">no energy is wasted</a> in the transaction process. Learn how this compares to other platforms with our <a href="carbon-calculator.html">Green Currency Calculator</a>.{% endtrans %}</p> <p class="mb-10">{% trans %}Unlike most other blockchains, the XRP Ledger does not need mining, so <a href="impact.html">no energy is wasted</a> in the transaction process. Learn how this compares to other platforms with our <a href="carbon-calculator.html">Green Currency Calculator</a>.{% endtrans %}</p>
<a class="btn btn-primary btn-arrow" href="impact.html">Learn More</a> <a class="btn btn-primary btn-arrow" href="impact.html">Learn More</a>
</div> </div>
@@ -78,23 +76,23 @@
</section> </section>
<section class="container-new py-26"> <section class="container-new py-26">
<div class="mt-10 card-grid card-grid-2xN"> <div class="card-grid card-grid-2xN">
<div class="col-new mb-16-sm"> <div class="col-new">
<div class="d-flex flex-column-reverse"> <div class="d-flex flex-column-reverse">
<h4 class="h4 mb-8">{% trans %}XRPL provides powerful utility across the blockchain space{% endtrans %}</h4> <h4 class="h4 h2-sm mb-8">{% trans %}XRPL provides powerful utility across the blockchain space{% endtrans %}</h4>
<h6 class="green-500 mb-3">{% trans %}XRPL Today{% endtrans %}</h6> <h6 class="green-500 mb-3">{% trans %}XRPL Today{% endtrans %}</h6>
</div> </div>
<h5 class="longform mb-10">{% trans %}The ledger’s unique properties, such as its fast and efficient consensus algorithm and censorship-resistant transaction processing, are leveraged by thousands of developers.{% endtrans %}</h5> <h5 class="longform mb-10">{% trans %}The ledger’s unique properties, such as its fast and efficient consensus algorithm and censorship-resistant transaction processing, are leveraged by thousands of developers.{% endtrans %}</h5>
<p class="mb-10">{% trans %}With the XRPL, these developers are building innovative projects and applications across blockchain use cases including tokenization of assets, online gaming, asset custody, NFTs, and DeFi.{% endtrans %}</p> <p class="mb-10">{% trans %}With the XRPL, these developers are building innovative projects and applications across blockchain use cases including tokenization of assets, online gaming, asset custody, NFTs, and DeFi.{% endtrans %}</p>
<a class="btn btn-primary btn-arrow mb-16-sm" href="uses.html">{% trans %}Explore More{% endtrans %}</a> <a class="btn btn-primary btn-arrow mb-10-sm" href="uses.html">{% trans %}Explore More{% endtrans %}</a>
</div> </div>
<div class="col-new"> <div class="col-new mb-0">
<div class="d-flex flex-column-reverse"> <div class="d-flex flex-column-reverse">
<h4 class="h4 mb-8">{% trans %}Fulfilling the vision of the XRPL community{% endtrans %}</h4> <h4 class="h4 h2-sm mb-8">{% trans %}Fulfilling the vision of the XRPL community{% endtrans %}</h4>
<h6 class="green-500 mb-3">{% trans %}XRPL Tomorrow{% endtrans %}</h6> <h6 class="green-500 mb-3">{% trans %}XRPL Tomorrow{% endtrans %}</h6>
</div> </div>
<h5 class="longform mb-10">{% trans %}While XRPL is the choice of developers who don’t want to sacrifice security or performance and who want to build on the greenest blockchain, that’s only the beginning.{% endtrans %}</h5> <h5 class="longform mb-10">{% trans %}While XRPL is the choice of developers who don’t want to sacrifice security or performance and who want to build on the greenest blockchain, that’s only the beginning.{% endtrans %}</h5>
<p class="mb-6">{% trans %}As a community-led blockchain, XRPL’s vision is also a community effort. <a href="https://xrplf.org/" target="_blank">The XRPL Foundation</a> is currently collaborating with community members to define a shared vision statement. Stay tuned for more on this effort—we can’t wait to share it with you.{% endtrans %}</p> <p class="mb-0">{% trans %}As a community-led blockchain, XRPL’s vision is also a community effort. <a href="https://xrplf.org/" target="_blank">The XRPL Foundation</a> is currently collaborating with community members to define a shared vision statement. Stay tuned for more on this effort—we can’t wait to share it with you.{% endtrans %}</p>
</div> </div>
</div> </div>
</section> </section>
@@ -103,7 +101,7 @@
<div class="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 bg-grey-800 text-center"> <div class="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 bg-grey-800 text-center">
<img src="./img/backgrounds/cta-xrpl-overview-orange.svg" class="cta cta-bottom-right"> <img src="./img/backgrounds/cta-xrpl-overview-orange.svg" class="cta cta-bottom-right">
<div class="z-index-1 position-relative"> <div class="z-index-1 position-relative">
<h4 class="h4 mb-10">{% trans %}Tomorrow’s Blockchain Starts With You{% endtrans %}</h4> <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> <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>
<a class="btn btn-primary btn-arrow" href="https://xrplgrants.org/" target="_blank">{% trans %}XRPL Grants{% endtrans %}</a> <a class="btn btn-primary btn-arrow" href="https://xrplgrants.org/" target="_blank">{% trans %}XRPL Grants{% endtrans %}</a>
</div> </div>