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

clean up of all the links, clean up of css and some js

Browse Source
This commit is contained in:
Calvin Jhunjhnuwala
2020-09-01 19:34:03 -07:00
parent 112928659b
commit 2ff5183ecb
21 changed files with 174 additions and 178 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/devportal.css
View File

File diff suppressed because one or more lines are too long

5
assets/css/devportal.css.map
View File

File diff suppressed because one or more lines are too long

5
assets/js/calculator/carbon-calculator.js
View File

@@ -59,9 +59,7 @@ let slider = document.getElementById( 'myRange' ),
dataTypes = document.querySelectorAll( '.d-output' ), dataTypes = document.querySelectorAll( '.d-output' ),
dataViz = document.querySelectorAll( '.viz-output' ); dataViz = document.querySelectorAll( '.viz-output' );
// Update the current slider value (each time you drag the slider handle) // Update the current slider value (each time you drag the slider handle)
function doCalculations( val ){ function doCalculations( val ){
[].slice.call( dataTypes ).forEach( function( dataType ){ [].slice.call( dataTypes ).forEach( function( dataType ){
@@ -111,7 +109,6 @@ function creditSelected(){
} }
function changeDataType( type ){ function changeDataType( type ){
[].slice.call( dataTypes ).forEach( function( dataType ){ [].slice.call( dataTypes ).forEach( function( dataType ){
if ( dataType.classList.contains( type ) ){ if ( dataType.classList.contains( type ) ){
@@ -175,7 +172,7 @@ $( document ).ready( function(){
inputs.removeClass( 'sticky' ); inputs.removeClass( 'sticky' );
data_toggle.addClass( 'hide' ).removeClass( 'show' ); data_toggle.addClass( 'hide' ).removeClass( 'show' );
inputs_offset.removeClass( 'offset' ); inputs_offset.removeClass( 'offset' );
$('#data-toggle').text('Change Inputs') $('#data-toggle').text('Change Inputs');
} }
} }
}); });

BIN
img/graphics/overview-supply.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 75 KiB

After

Width:  |  Height:  |  Size: 75 KiB

BIN
img/graphics/overview-supply@2x.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 174 KiB

After

Width:  |  Height:  |  Size: 175 KiB

11
styles/_font.scss
View File

@@ -36,8 +36,12 @@ h6, .h6 {
p { p {
line-height: 1.5; line-height: 1.5;
} }
a:hover { a{
text-decoration: none; text-decoration: underline;
color: inherit;
&:hover {
text-decoration: none;
}
} }
.fs-base { .fs-base {
@@ -78,6 +82,9 @@ a:hover {
} }
/* STYLIZED LINKS */ /* STYLIZED LINKS */
.arrow-link {
text-decoration: none;
}
.arrow-link:after { .arrow-link:after {
content: url(../img/icon-green-arrow.svg); content: url(../img/icon-green-arrow.svg);
width: 28px; width: 28px;

1
styles/_helpers.scss
View File

@@ -156,4 +156,3 @@
.grey-400 { .grey-400 {
color: $gray-400 color: $gray-400
} }

89
styles/_marketing.scss → styles/_pages.scss
View File

@@ -9,8 +9,6 @@
} }
} }
/* HOME STYLINGS */ /* HOME STYLINGS */
#home-hero-marker { #home-hero-marker {
top: unset; top: unset;
@@ -41,7 +39,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 70px; background-size: 100% 70px;
@media (max-width: 991px) { @media (max-width: 991px) {
padding-left: 2rem !important; padding-left: 2rem !important;
} }
} }
.hc h5 { .hc h5 {
@@ -143,66 +141,6 @@
left: 0; left: 0;
top: 302px; top: 302px;
} }
#table-overview {
td:nth-child(1){
width: 40%;
}
}
/* TABLE STYLING */
.ta-right {
text-align: right;
}
.dblue {
color: #656E81;
}
#calculator-table {
width: 100%;
thead {
border-bottom: 3px solid $white;
}
td {
padding: 0.25rem 0.5rem;
line-height: 1;
@media only screen and (max-width: 768px) {
font-size: $base-size;
}
}
tbody td {
padding: 2rem 0.5rem;
}
tbody tr {
border-bottom: 1px solid $white;
}
td:first-child{
width: 40%;
}
.ratio {
font-size: .075rem;
color: #656E81;
}
@media only screen and (max-width: 992px) {
.ratio {
display: block;
}
table {
font-size: 0.875rem;
}
table .fs-5-5 {
font-size: 1rem !important;
}
table .fs-6 {
font-size: 1.125rem;
}
table td:first-child {
width: auto;
}
}
}
@@ -220,7 +158,7 @@
} }
#data-selector li.active a { #data-selector li.active a {
background: $primary; background: $primary;
color: #000; color: $black;
} }
.tab-content div { .tab-content div {
display: none; display: none;
@@ -247,8 +185,8 @@
#data-selector li:nth-child(2) { #data-selector li:nth-child(2) {
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
border-top: 1px solid #000; border-top: 1px solid $black;
border-bottom: 1px solid #000; border-bottom: 1px solid $black;
} }
} }
@media only screen and (max-width: 576px) { @media only screen and (max-width: 576px) {
@@ -267,8 +205,8 @@
#data-selector li:nth-child(2) { #data-selector li:nth-child(2) {
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
border-top: 1px solid #000; border-top: 1px solid $black;
border-bottom: 1px solid #000; border-bottom: 1px solid $black;
} }
} }
@media only screen and (max-width: 992px) { @media only screen and (max-width: 992px) {
@@ -298,7 +236,7 @@
width: calc(100% - 30px); width: calc(100% - 30px);
left: 15px; left: 15px;
right: 15px; right: 15px;
background: #000; background: $black;
display: none; display: none;
} }
#calculator-inputs.sticky.show .calc-inputs-wrapper { #calculator-inputs.sticky.show .calc-inputs-wrapper {
@@ -354,6 +292,7 @@
margin-left: 13px; margin-left: 13px;
} }
input[type=range] { input[type=range] {
-webkit-appearance: none; /* Hides the slider so that custom slider can be made */ -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
width: 100%; /* Specific width is required for Firefox. */ width: 100%; /* Specific width is required for Firefox. */
@@ -390,7 +329,7 @@ input[type=range]::-ms-track {
height: 1px; /* Slider handle height */ height: 1px; /* Slider handle height */
background: $primary; background: $primary;
padding: 0.125rem; padding: 0.125rem;
border: 8px solid #000; border: 8px solid $black;
box-shadow: 0 0 0 2px $primary; box-shadow: 0 0 0 2px $primary;
cursor: pointer; /* Cursor on hover */ cursor: pointer; /* Cursor on hover */
} }
@@ -406,7 +345,7 @@ input[type=range]::-ms-track {
height: 1px; /* Slider handle height */ height: 1px; /* Slider handle height */
background: $primary; background: $primary;
padding: 0.125rem; padding: 0.125rem;
border: 8px solid #000; border: 8px solid $black;
box-shadow: 0 0 0 2px $primary; box-shadow: 0 0 0 2px $primary;
cursor: pointer; /* Cursor on hover */ cursor: pointer; /* Cursor on hover */
} }
@@ -417,15 +356,15 @@ input[type="range"] {
/** FF*/ /** FF*/
input[type="range"]::-moz-range-progress { input[type="range"]::-moz-range-progress {
background-color: #43e5f7; background-color: $primary;
} }
input[type="range"]::-moz-range-track { input[type="range"]::-moz-range-track {
background-color: #9a905d; background-color: $gray-500;
} }
/* IE*/ /* IE*/
input[type="range"]::-ms-fill-lower { input[type="range"]::-ms-fill-lower {
background-color: #43e5f7; background-color: $primary;
} }
input[type="range"]::-ms-fill-upper { input[type="range"]::-ms-fill-upper {
background-color: #9a905d; background-color: $gray-500;
} }

52
styles/_tables.scss Normal file
View File

@@ -0,0 +1,52 @@
/* TABLE STYLING */
.dblue {
color: #656E81;
}
#table-overview {
td:nth-child(1){
width: 40%;
}
}
#calculator-table {
width: 100%;
thead {
border-bottom: 3px solid $white;
}
td {
padding: 0.25rem 0.5rem;
line-height: 1;
@media only screen and (max-width: 768px) {
font-size: $base-size;
}
}
tbody td {
padding: 2rem 0.5rem;
}
tbody tr {
border-bottom: 1px solid $white;
}
td:first-child{
width: 40%;
}
.ratio {
font-size: .075rem;
color: #656E81;
}
@media only screen and (max-width: 992px) {
.ratio {
display: block;
}
table {
font-size: 0.875rem;
}
table .fs-5-5 {
font-size: 1rem !important;
}
table .fs-6 {
font-size: 1.125rem;
}
table td:first-child {
width: auto;
}
}
}

3
styles/xrpl.scss
View File

@@ -22,6 +22,7 @@ $font-family-sans-serif: -apple-system, system-ui, 'Roboto', sans-serif;
@import "_side-nav.scss"; @import "_side-nav.scss";
@import "_helpers.scss"; @import "_helpers.scss";
@import "_buttons.scss"; @import "_buttons.scss";
@import "_tables.scss";
@import "_use-cases.scss"; @import "_use-cases.scss";
@import "_github-edit.scss"; @import "_github-edit.scss";
@import "_code-tabs.scss"; @import "_code-tabs.scss";
@@ -38,4 +39,4 @@ $font-family-sans-serif: -apple-system, system-ui, 'Roboto', sans-serif;
@import "_lang-selector.scss"; @import "_lang-selector.scss";
@import "_dev-tools.scss"; @import "_dev-tools.scss";
@import "_print.scss"; @import "_print.scss";
@import "_marketing.scss"; @import "_pages.scss";

42
tool/template-calculator.html
View File

@@ -263,47 +263,47 @@
<thead> <thead>
<tr> <tr>
<td></td> <td></td>
<td class="bold ta-right">{% trans %}Kilowatt Hour{% endtrans %}</td> <td class="bold text-right">{% trans %}Kilowatt Hour{% endtrans %}</td>
<td class="bold ta-right">{% trans %}Gallons of Gas{% endtrans %}</td> <td class="bold text-right">{% trans %}Gallons of Gas{% endtrans %}</td>
<td class="bold ta-right">{% trans %}CO2 Emissions*{% endtrans %}</td> <td class="bold text-right">{% trans %}CO2 Emissions*{% endtrans %}</td>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="h36" src="./img/icons/bitcoin@2x.png"></div>Bitcoin</td> <td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="h36" src="./img/icons/bitcoin@2x.png"></div>Bitcoin</td>
<td class="fs-6 ta-right">487.3688<span class="ratio"> KWh/tx</span></td> <td class="fs-6 text-right">487.3688<span class="ratio"> KWh/tx</span></td>
<td class="fs-6 ta-right">38.7744<span class="ratio"> gal/tx</span></td> <td class="fs-6 text-right">38.7744<span class="ratio"> gal/tx</span></td>
<td class="fs-6 ta-right">0.4103<span class="ratio"> Mt/tx</span></td> <td class="fs-6 text-right">0.4103<span class="ratio"> Mt/tx</span></td>
</tr> </tr>
<tr> <tr>
<td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="h36" src="./img/icons/ethereum@2x.png"></div>Ethereum</td> <td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="h36" src="./img/icons/ethereum@2x.png"></div>Ethereum</td>
<td class="fs-6 ta-right">42.8633<span class="ratio"> KWh/tx</span></td> <td class="fs-6 text-right">42.8633<span class="ratio"> KWh/tx</span></td>
<td class="fs-6 ta-right">1.1311<span class="ratio"> gal/tx</span></td> <td class="fs-6 text-right">1.1311<span class="ratio"> gal/tx</span></td>
<td class="fs-6 ta-right">0.0273<span class="ratio"> Mt/tx</span></td> <td class="fs-6 text-right">0.0273<span class="ratio"> Mt/tx</span></td>
</tr> </tr>
<tr> <tr>
<td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="h36" src="./img/icons/xrp@2x.png"></div>XRP</td> <td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="h36" src="./img/icons/xrp@2x.png"></div>XRP</td>
<td class="fs-6 ta-right">0.0079<span class="ratio"> KWh/tx</span></td> <td class="fs-6 text-right">0.0079<span class="ratio"> KWh/tx</span></td>
<td class="fs-6 ta-right">0.0006<span class="dblue">0</span><span class="ratio"> gal/tx</span></td> <td class="fs-6 text-right">0.0006<span class="dblue">0</span><span class="ratio"> gal/tx</span></td>
<td class="fs-6 ta-right">3.7<sup>-12</sup><span class="ratio"> Mt/tx</span></td> <td class="fs-6 text-right">3.7<sup>-12</sup><span class="ratio"> Mt/tx</span></td>
</tr> </tr>
<tr> <tr>
<td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="w40" src="./img/icons/visa@2x.png"></div>Visa</td> <td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="w40" src="./img/icons/visa@2x.png"></div>Visa</td>
<td class="fs-6 ta-right">0.0008<span class="ratio"> KWh/tx</span></td> <td class="fs-6 text-right">0.0008<span class="ratio"> KWh/tx</span></td>
<td class="fs-6 ta-right">0.00006<span class="ratio"> gal/tx</span></td> <td class="fs-6 text-right">0.00006<span class="ratio"> gal/tx</span></td>
<td class="fs-6 ta-right">5.0<sup>-13</sup><span class="ratio"> Mt/tx</span></td> <td class="fs-6 text-right">5.0<sup>-13</sup><span class="ratio"> Mt/tx</span></td>
</tr> </tr>
<tr> <tr>
<td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="w40" src="./img/icons/mastercard@2x.png"></div>Mastercard</td> <td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="w40" src="./img/icons/mastercard@2x.png"></div>Mastercard</td>
<td class="fs-6 ta-right">0.0006<span class="ratio"> KWh/tx</span></td> <td class="fs-6 text-right">0.0006<span class="ratio"> KWh/tx</span></td>
<td class="fs-6 ta-right">0.00005<span class="ratio"> gal/tx</span></td> <td class="fs-6 text-right">0.00005<span class="ratio"> gal/tx</span></td>
<td class="fs-6 ta-right">5.0<sup>-13</sup><span class="ratio"> Mt/tx</span></td> <td class="fs-6 text-right">5.0<sup>-13</sup><span class="ratio"> Mt/tx</span></td>
</tr> </tr>
<tr> <tr>
<td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="w40" src="./img/icons/paper-money@2x.png"></div>Paper</td> <td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="w40" src="./img/icons/paper-money@2x.png"></div>Paper</td>
<td class="fs-6 ta-right">0.044<span class="dblue">0</span><span class="ratio"> KWh/tx</span></td> <td class="fs-6 text-right">0.044<span class="dblue">0</span><span class="ratio"> KWh/tx</span></td>
<td class="fs-6 ta-right">0.0035<span class="dblue">0</span><span class="ratio"> gal/tx</span></td> <td class="fs-6 text-right">0.0035<span class="dblue">0</span><span class="ratio"> gal/tx</span></td>
<td class="fs-6 ta-right">2.32<sup>-11</sup><span class="ratio"> Mt/tx</span></td> <td class="fs-6 text-right">2.32<sup>-11</sup><span class="ratio"> Mt/tx</span></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>

10
tool/template-contribute.html
View File

@@ -30,13 +30,13 @@
</div> </div>
<div class="col-md-6 offset-md-1 mb-10 mt-10"> <div class="col-md-6 offset-md-1 mb-10 mt-10">
<div class="d-flex flex-wrap w-100"> <div class="d-flex flex-wrap w-100">
<a class="square square-50 d-flex card-b" href="#"> <a class="square square-50 d-flex card-b" href="https://forum.xpring.io/">
<div class="align-center align-self-end"> <div class="align-center align-self-end">
<img class="mw-100 mx-autod-block" src="./img/logos/xpring.png" style="margin-bottom: 48px;"> <img class="mw-100 mx-autod-block" src="./img/logos/xpring.png" style="margin-bottom: 48px;">
<p class="btn btn-clear d-block">Xpring Forum</p> <p class="btn btn-clear d-block">Xpring Forum</p>
</div> </div>
</a> </a>
<a class="square square-50 d-flex card-b" href="#"> <a class="square square-50 d-flex card-b" href="https://www.xrpchat.com/">
<div class="align-center align-self-end"> <div class="align-center align-self-end">
<img class="mw-100 mx-auto d-block" src="./img/overview/real.png" style="height: 83px; margin-bottom: 26px;"> <img class="mw-100 mx-auto d-block" src="./img/overview/real.png" style="height: 83px; margin-bottom: 26px;">
<p class="btn btn-clear d-block">XRP Chat Forum</p> <p class="btn btn-clear d-block">XRP Chat Forum</p>
@@ -49,15 +49,15 @@
<section class="row mb-30"> <section class="row mb-30">
<div class="col-md-6 offset-md-1 order-2 mb-10"> <div class="col-md-6 offset-md-1 order-2 mb-10">
<div class="d-flex flex-wrap w-100"> <div class="d-flex flex-wrap w-100">
<a class="square square-50 d-flex card-b" href="#"> <a class="square square-50 d-flex card-b" href="https://github.com/ripple/xrpl-dev-portal" target="_blank">
<img class="mw-100" src="./img/logos/github.png"> <img class="mw-100" src="./img/logos/github.png">
</a> </a>
</div> </div>
</div> </div>
<div class="col-md-5 order-1"> <div class="col-md-5 order-1">
<h2 class="mb-10 h1">{% trans %}For Developers{% endtrans %}</h2> <h2 class="mb-10 h1">{% trans %}For Developers{% endtrans %}</h2>
<p class="mb-10 normal">{% trans %}Contributing to XRPL.org is a great way to learn about the XRP Ledger. This portal is open-source and anyone can suggest changes. For more information, please <a href="#">read and consider the contributing guidelines</a>.{% endtrans %}</p> <p class="mb-10 normal">{% trans %}Contributing to XRPL.org is a great way to learn about the XRP Ledger. This portal is open-source and anyone can suggest changes. For more information, please <a href="https://github.com/ripple/xrpl-dev-portal/blob/master/CONTRIBUTING.md" target="_blank">read and consider the contributing guidelines</a>.{% endtrans %}</p>
<p>{% trans %}You may also be interested in learning about <a href="#">Interledger</a>, <a href="#">Xpring</a>, and <a href="#">PayID</a>.{% endtrans %}</p> <p>{% trans %}You may also be interested in learning about <a href="https://interledger.org/" target="_blank">Interledger</a>, <a href="https://xpring.io/" target="_blank">Xpring</a>, and <a href="https://payid.org/" target="_blank">PayID</a>.{% endtrans %}</p>
</div> </div>
</section> </section>

62
tool/template-explore-businesses.html
View File

@@ -28,18 +28,18 @@
<p class="mt-12 mb-10">{% trans %}While exchanges and wallet providers are the most common businesses running on the XRP Ledger, there are many other companies that leverage the technology to solve interesting problems across myriad industries.{% endtrans %}</p> <p class="mt-12 mb-10">{% trans %}While exchanges and wallet providers are the most common businesses running on the XRP Ledger, there are many other companies that leverage the technology to solve interesting problems across myriad industries.{% endtrans %}</p>
<div class="row"> <div class="row">
<ul class="col ml-3"> <ul class="col ml-3">
<li>{% trans %}Asset Custody{% endtrans %}</li> <li><a href="https://www.bitgo.com/" target="_blank">{% trans %}Asset Custody{% endtrans %}</a></li>
<li>{% trans %}Payment Processing{% endtrans %}</li> <li><a href="https://bitpay.com/" target="_blank">{% trans %}Payment Processing{% endtrans %}</a></li>
<li>{% trans %}Micropayments{% endtrans %}</li> <li><a href="https://coil.com/" target="_blank">{% trans %}Micropayments{% endtrans %}</a></li>
<li>{% trans %}Wallets{% endtrans %}</li> <li><a href="https://www.exodus.io/" target="_blank">{% trans %}Wallets{% endtrans %}</a></li>
<li>{% trans %}Music{% endtrans %}</li> <li><a href="https://raisedinspace.com/" target="_blank">{% trans %}Music{% endtrans %}</a></li>
</ul> </ul>
<ul class="col"> <ul class="col">
<li>{% trans %}On-Demand Liquidity{% endtrans %}</li> <li><a href="https://ripple.com/" target="_blank">{% trans %}On-Demand Liquidity{% endtrans %}</a></li>
<li>{% trans %}Gaming{% endtrans %}</li> <li><a href="https://www.forte.io/" target="_blank">{% trans %}Gaming{% endtrans %}</a></li>
<li>{% trans %}Infrastructure{% endtrans %}</li> <li><a href="https://towo.io/" target="_blank">{% trans %}Infrastructure{% endtrans %}</a></li>
<li>{% trans %}Security{% endtrans %}</li> <li><a href="https://xrplorer.com/" target="_blank">{% trans %}Security{% endtrans %}</a></li>
<li>{% trans %}Applications{% endtrans %}</li> <li><a href="https://xrpl-labs.com/" target="_blank">{% trans %}Applications{% endtrans %}</a></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -47,55 +47,55 @@
<section class="row mb-50"> <section class="row mb-50">
<h6 class="section-marker">{% trans %}Businesses Using XRP{% endtrans %}</h6> <h6 class="section-marker">{% trans %}Businesses Using XRP{% endtrans %}</h6>
<a class="col-md-5 mb-20 card-b" href="https://www.bitgo.com/"> <a class="col-md-5 mb-20 card-b" href="https://www.bitgo.com/" target="_blank">
<img class="mw-100" src="./img/businesses/bitgo.png"> <img class="mw-100" src="./img/businesses/bitgo.png">
<h3 class="my-10 h4">{% trans %}Asset Custody{% endtrans %}</h3> <h3 class="my-10 h4">{% trans %}Asset Custody{% endtrans %}</h3>
<p>{% trans %}BitGo provides custodial and non-custodial asset holdings for digital assets including XRP. BitGo's enterprise-level security empowers businesses to integrate digital currencies like XRP into new and existing financial systems.{% endtrans %}</p> <p class="text-white">{% trans %}BitGo provides custodial and non-custodial asset holdings for digital assets including XRP. BitGo's enterprise-level security empowers businesses to integrate digital currencies like XRP into new and existing financial systems.{% endtrans %}</p>
</a> </a>
<a class="col-md-5 mb-20 card-b offset-md-1" href="https://bitpay.com/"> <a class="col-md-5 mb-20 card-b offset-md-1" href="https://bitpay.com/" target="_blank">
<img class="mw-100" src="./img/businesses/bitpay.png"> <img class="mw-100" src="./img/businesses/bitpay.png">
<h3 class="my-10 h4">{% trans %}Payment Processing{% endtrans %}</h3> <h3 class="my-10 h4">{% trans %}Payment Processing{% endtrans %}</h3>
<p>{% trans %}BitPay builds powerful, enterprise-grade tools for accepting and spending cryptocurrencies, including XRP.{% endtrans %}</p> <p class="text-white">{% trans %}BitPay builds powerful, enterprise-grade tools for accepting and spending cryptocurrencies, <a href="https://bitpay.com/blog/bitpay-xrp-live/" target="_blank">including XRP</a>.{% endtrans %}</p>
</a> </a>
<a class="col-md-5 mb-20 card-b" href="https://coil.com/"> <a class="col-md-5 mb-20 card-b" href="https://coil.com/" target="_blank">
<img class="mw-100" src="./img/businesses/coil.png"> <img class="mw-100" src="./img/businesses/coil.png">
<h3 class="my-10 h4">{% trans %}Web Monetization{% endtrans %}</h3> <h3 class="my-10 h4">{% trans %}Web Monetization{% endtrans %}</h3>
<p>{% trans %}Coil provides an alternative to the status quo of paid advertisements with web monetization. Coil's web monetization uses the interledger protocol (ILP) to stream micropayments as users consume content. The XRP Ledger's payment channels provide an ideal system for settling these micropayments at high speed and low cost.{% endtrans %}</p> <p class="text-white">{% trans %}Coil provides an alternative to the status quo of paid advertisements with web monetization. Coil's web monetization uses the interledger protocol (ILP) to stream micropayments as users consume content. The XRP Ledger's <a href="http://xrpl.local/payment-channels.html" target="_blank">payment channels</a> provide an ideal system for settling these micropayments at high speed and low cost.{% endtrans %}</p>
</a> </a>
<a class="col-md-5 mb-20 card-b offset-md-1" href="https://www.forte.io/"> <a class="col-md-5 mb-20 card-b offset-md-1" href="https://www.forte.io/" target="_blank">
<img class="mw-100" src="./img/businesses/forte.png"> <img class="mw-100" src="./img/businesses/forte.png">
<h3 class="my-10 h4">{% trans %}Online Gaming{% endtrans %}</h3> <h3 class="my-10 h4">{% trans %}Online Gaming{% endtrans %}</h3>
<p>{% trans %}Forte offers an unprecedented set of easy-to-use tools and services for game developers to integrate blockchain technology into their games, to unlock new economic and creative opportunities for gamers across the world.{% endtrans %}</p> <p class="text-white">{% trans %}Forte offers an unprecedented set of easy-to-use tools and services for game developers to integrate blockchain technology into their games, to unlock new economic and creative opportunities for gamers across the world.{% endtrans %}</p>
</a> </a>
<a class="col-md-5 mb-20 card-b" href="https://www.exodus.io/"> <a class="col-md-5 mb-20 card-b" href="https://www.exodus.io/" target="_blank">
<img class="mw-100" src="./img/businesses/exodus.png"> <img class="mw-100" src="./img/businesses/exodus.png">
<h3 class="my-10 h4">{% trans %}Wallets and Apps{% endtrans %}</h3> <h3 class="my-10 h4">{% trans %}Wallets and Apps{% endtrans %}</h3>
<p>{% trans %}Exodus offers wallets and applications for securing, managing and exchanging crypto.{% endtrans %}</p> <p class="text-white">{% trans %}Exodus offers wallets and applications for securing, managing and exchanging crypto.{% endtrans %}</p>
</a> </a>
<a class="col-md-5 mb-20 card-b offset-md-1" href="https://raisedinspace.com/"> <a class="col-md-5 mb-20 card-b offset-md-1" href="https://raisedinspace.com/" target="_blank">
<img class="mw-100" src="./img/businesses/raised-in-space.png"> <img class="mw-100" src="./img/businesses/raised-in-space.png">
<h3 class="my-10 h4">{% trans %}Music{% endtrans %}</h3> <h3 class="my-10 h4">{% trans %}Music{% endtrans %}</h3>
<p>{% trans %}Raised in Space is a music/tech investment group focused on raising the value of music, innovating across the entire value chain of the music industry.{% endtrans %}</p> <p class="text-white">{% trans %}Raised in Space is a music/tech investment group focused on raising the value of music, innovating across the entire value chain of the music industry.{% endtrans %}</p>
</a> </a>
<a class="col-md-5 mb-20 card-b" href="https://ripple.com/"> <a class="col-md-5 mb-20 card-b" href="https://ripple.com/" target="_blank">
<img class="mw-100" src="./img/businesses/ripple.png"> <img class="mw-100" src="./img/businesses/ripple.png">
<h3 class="my-10 h4">{% trans %}On-Demand Liquidity{% endtrans %}</h3> <h3 class="my-10 h4">{% trans %}On-Demand Liquidity{% endtrans %}</h3>
<p>{% trans %}Ripple powers instant, lower-cost settlement of cross-border payments using XRP to source liquidity on demand. XRP is ideally suited for global payments because it's quicker, less costly, and more scalable than any other digital asset.{% endtrans %}</p> <p class="text-white">{% trans %}Ripple powers instant, lower-cost settlement of cross-border payments using XRP to source liquidity on demand. XRP is ideally suited for global payments because it's quicker, less costly, and more scalable than any other digital asset.{% endtrans %}</p>
</a> </a>
<a class="col-md-5 mb-20 card-b offset-md-1" href="https://towo.io/"> <a class="col-md-5 mb-20 card-b offset-md-1" href="https://towo.io/" target="_blank">
<img class="mw-100" src="./img/businesses/towo-labs.png"> <img class="mw-100" src="./img/businesses/towo-labs.png">
<h3 class="my-10 h4">{% trans %}Infrastructure{% endtrans %}</h3> <h3 class="my-10 h4">{% trans %}Infrastructure{% endtrans %}</h3>
<p>{% trans %}Towo Labs was founded in 2019, to develop XRP Ledger and Interledger infrastructures and make non-custodial crypto management easier.{% endtrans %}</p> <p class="text-white">{% trans %}Towo Labs was founded in 2019, to develop XRP Ledger and Interledger infrastructures and make non-custodial crypto management easier.{% endtrans %}</p>
</a> </a>
<a class="col-md-5 mb-20 card-b" href="https://xrplorer.com/"> <a class="col-md-5 mb-20 card-b" href="https://xrplorer.com/" target="_blank">
<img class="mw-100" src="./img/businesses/xrplorer.png"> <img class="mw-100" src="./img/businesses/xrplorer.png">
<h3 class="my-10 h4">{% trans %}Security{% endtrans %}</h3> <h3 class="my-10 h4">{% trans %}Security{% endtrans %}</h3>
<p>{% trans %}Xrplorer offers services and tools that help prevent and combat fraudulent activity on the XRPL as well as custom APIs and analytics that supplement the XRPL APIs where they are not enough.{% endtrans %}</p> <p class="text-white">{% trans %}Xrplorer offers services and tools that help prevent and combat fraudulent activity on the XRPL as well as custom APIs and analytics that supplement the XRPL APIs where they are not enough.{% endtrans %}</p>
</a> </a>
<a class="col-md-5 mb-20 card-b offset-md-1"> <a class="col-md-5 mb-20 card-b offset-md-1" href="https://xrpl-labs.com/" target="_blank">
<img class="mw-100" src="./img/businesses/xrpl-labs.png" href="https://xrpl-labs.com/"> <img class="mw-100" src="./img/businesses/xrpl-labs.png" >
<h3 class="my-10 h4">{% trans %}Applications{% endtrans %}</h3> <h3 class="my-10 h4">{% trans %}Applications{% endtrans %}</h3>
<p>{% trans %}From cold storage to apps for signing transactions, XRPL Labs is dedicated to building software on the XRP Ledger.{% endtrans %}</p> <p class="text-white">{% trans %}From cold storage to apps for signing transactions, XRPL Labs is dedicated to building software on the XRP Ledger.{% endtrans %}</p>
</a> </a>
<div class="w-100"></div> <div class="w-100"></div>

20
tool/template-explore-exchanges.html
View File

@@ -35,34 +35,34 @@
<h5 class="ml-3 mb-3">{% trans %}Top Exchanges, according to CryptoCompare (as of August 2020):{% endtrans %}</h5> <h5 class="ml-3 mb-3">{% trans %}Top Exchanges, according to CryptoCompare (as of August 2020):{% endtrans %}</h5>
<div class="w-100"></div> <div class="w-100"></div>
<div class="d-flex flex-wrap w-100"> <div class="d-flex flex-wrap w-100">
<a class="square d-flex card-b" href="https://www.coinbase.com/"> <a class="square d-flex card-b" href="https://www.coinbase.com/" target="_blank">
<img class="mw-100" src="./img/exchanges/coinbase.png" alt="Coinbase logo"> <img class="mw-100" src="./img/exchanges/coinbase.png" alt="Coinbase logo">
</a> </a>
<a class="square d-flex card-b" href="https://www.binance.com/"> <a class="square d-flex card-b" href="https://www.binance.com/" target="_blank">
<img class="mw-100" src="./img/exchanges/binance.png" alt="Binance logo"> <img class="mw-100" src="./img/exchanges/binance.png" alt="Binance logo">
</a> </a>
<a class="square d-flex card-b" href="https://www.bitstamp.com/"> <a class="square d-flex card-b" href="https://www.bitstamp.com/" target="_blank">
<img class="mw-100" src="./img/exchanges/bitstamp.png" alt="Bitstamp logo"> <img class="mw-100" src="./img/exchanges/bitstamp.png" alt="Bitstamp logo">
</a> </a>
<a class="square d-flex card-b" href="https://www.kraken.com/"> <a class="square d-flex card-b" href="https://www.kraken.com/" target="_blank">
<img class="mw-100" src="./img/exchanges/kraken.png" alt="Kraken logo"> <img class="mw-100" src="./img/exchanges/kraken.png" alt="Kraken logo">
</a> </a>
<a class="square d-flex card-b" href="https://cex.io/"> <a class="square d-flex card-b" href="https://cex.io/" target="_blank">
<img class="mw-100" src="./img/exchanges/cex-io.png" alt="Cex.io logo"> <img class="mw-100" src="./img/exchanges/cex-io.png" alt="Cex.io logo">
</a> </a>
<a class="square d-flex card-b" href="https://www.bitfinex.com/"> <a class="square d-flex card-b" href="https://www.bitfinex.com/" target="_blank">
<img class="mw-100" src="./img/exchanges/bitfinex.png" alt="Bitfinex logo"> <img class="mw-100" src="./img/exchanges/bitfinex.png" alt="Bitfinex logo">
</a> </a>
<a class="square d-flex card-b" href="https://www.luno.com/"> <a class="square d-flex card-b" href="https://www.luno.com/" target="_blank">
<img class="mw-100" src="./img/exchanges/luno.png" alt="Luno logo"> <img class="mw-100" src="./img/exchanges/luno.png" alt="Luno logo">
</a> </a>
<a class="square d-flex card-b" href="https://bittrex.com/"> <a class="square d-flex card-b" href="https://bittrex.com/" target="_blank">
<img class="mw-100" src="./img/exchanges/bittrex.png" alt="Bittrex logo"> <img class="mw-100" src="./img/exchanges/bittrex.png" alt="Bittrex logo">
</a> </a>
<a class="square d-flex card-b" href="https://www.independentreserve.com/"> <a class="square d-flex card-b" href="https://www.independentreserve.com/" target="_blank">
<img class="mw-100" src="./img/exchanges/independent-reserve.png" alt="Independent Reserve logo"> <img class="mw-100" src="./img/exchanges/independent-reserve.png" alt="Independent Reserve logo">
</a> </a>
<a class="square d-flex card-b" href="https://www.liquid.com/"> <a class="square d-flex card-b" href="https://www.liquid.com/" target="_blank">
<img class="mw-100" src="./img/exchanges/liquid.png" alt="Liquid logo"> <img class="mw-100" src="./img/exchanges/liquid.png" alt="Liquid logo">
</a> </a>
</div> </div>

2
tool/template-explore-news.html
View File

@@ -36,7 +36,7 @@
<div class="col-md-6 offset-md-1 order-2 order-md-1"> <div class="col-md-6 offset-md-1 order-2 order-md-1">
<h2 class="mb-10">{% trans %}Cross-Border Payments{% endtrans %}</h2> <h2 class="mb-10">{% trans %}Cross-Border Payments{% endtrans %}</h2>
<p class="mb-10 normal">{% trans %}Through RippleNet, financial institutions can use XRP to bridge two currencies in 3-5 seconds, ensuring payments are quickly sent and received in the local currency on either side of a transaction.{% endtrans %}</p> <p class="mb-10 normal">{% trans %}Through RippleNet, financial institutions can use XRP to bridge two currencies in 3-5 seconds, ensuring payments are quickly sent and received in the local currency on either side of a transaction.{% endtrans %}</p>
<a href="#" class="btn btn-clear">{% trans %}Learn About On-Demand Liquidity{% endtrans %}</a> <a href="https://ripple.com/ripplenet/on-demand-liquidity" class="btn btn-clear">{% trans %}Learn About On-Demand Liquidity{% endtrans %}</a>
</div> </div>
</section> </section>

14
tool/template-explore-wallets.html
View File

@@ -34,28 +34,28 @@
<h5 class="ml-3 mb-3">{% trans %}XRPL Trusted Wallets:{% endtrans %}</h5> <h5 class="ml-3 mb-3">{% trans %}XRPL Trusted Wallets:{% endtrans %}</h5>
<div class="w-100"></div> <div class="w-100"></div>
<div class="d-flex flex-wrap w-100 mb-10"> <div class="d-flex flex-wrap w-100 mb-10">
<a class="square d-flex card-b" href="https://xpring.io/portal/"> <a class="square d-flex card-b" href="https://xpring.io/portal/" target="_blank">
<img class="mw-100" src="./img/wallets/xpring.png" alt="Xpring logo"> <img class="mw-100" src="./img/wallets/xpring.png" alt="Xpring logo">
</a> </a>
<a class="square d-flex card-b" href="https://xumm.app/"> <a class="square d-flex card-b" href="https://xumm.app/" target="_blank">
<img class="mw-100" src="./img/wallets/xumm.png" alt="Xumm logo"> <img class="mw-100" src="./img/wallets/xumm.png" alt="Xumm logo">
</a> </a>
<a class="square d-flex card-b" href="https://trustwallet.com/"> <a class="square d-flex card-b" href="https://trustwallet.com/" target="_blank">
<img class="mw-100" src="./img/wallets/trust-wallet.png" alt="Trust Wallet logo"> <img class="mw-100" src="./img/wallets/trust-wallet.png" alt="Trust Wallet logo">
</a> </a>
<a class="square d-flex card-b" href="https://www.secureblockchains.com/harbor-xrp-wallet/"> <a class="square d-flex card-b" href="https://www.secureblockchains.com/harbor-xrp-wallet/" target="_blank">
<img class="mw-100" src="./img/wallets/harbor-wallet.png" alt="Harbor Wallet logo"> <img class="mw-100" src="./img/wallets/harbor-wallet.png" alt="Harbor Wallet logo">
</a> </a>
</div> </div>
<h5 class="ml-3 mb-3">{% trans %}Hardware Wallets:{% endtrans %}</h5> <h5 class="ml-3 mb-3">{% trans %}Hardware Wallets:{% endtrans %}</h5>
<div class="d-flex flex-wrap w-100"> <div class="d-flex flex-wrap w-100">
<a class="square d-flex card-b" href="https://trezor.io/"> <a class="square d-flex card-b" href="https://trezor.io/" target="_blank">
<img class="mw-100" src="./img/wallets/trezor.png" alt="Trezor logo"> <img class="mw-100" src="./img/wallets/trezor.png" alt="Trezor logo">
</a> </a>
<a class="square d-flex card-b" href="https://www.ledger.com/"> <a class="square d-flex card-b" href="https://www.ledger.com/" target="_blank">
<img class="mw-100" src="./img/wallets/ledger.png" alt="Ledger logo"> <img class="mw-100" src="./img/wallets/ledger.png" alt="Ledger logo">
</a> </a>
<a class="square d-flex card-b" href="https://www.secalot.com/"> <a class="square d-flex card-b" href="https://www.secalot.com/" target="_blank">
<img class="mw-100" src="./img/wallets/secalot.png" alt="Secalot logo"> <img class="mw-100" src="./img/wallets/secalot.png" alt="Secalot logo">
</a> </a>
</div> </div>

4
tool/template-home.html
View File

@@ -112,8 +112,8 @@
</div> </div>
<div class="col-sm-5 offset-sm-1"> <div class="col-sm-5 offset-sm-1">
<h3 class="h1 mb-9">{% trans %}Green by Nature{% endtrans %}</h3> <h3 class="h1 mb-9">{% trans %}Green by Nature{% endtrans %}</h3>
<p>{% trans %}XRP was designed with sustainability in mind. Contrary to other blockchains that use proof-of-work, the XRP Ledger confirms transactions through a unique “consensus” mechanism that consumes negligible energy.{% endtrans %}</p> <p>{% trans %}XRP was designed with sustainability in mind. Contrary to other blockchains that use proof-of-work, the XRP Ledger confirms transactions through a unique <a href="intro-to-consensus.html">“consensus”</a> mechanism that consumes negligible energy.{% endtrans %}</p>
<p class="mb-10">{% trans %}Explore the energy consumption of XRP compared to cash, credit cards and other popular crypto with the Green Currency Calculator.{% endtrans %}</p> <p class="mb-10">{% trans %}Explore the energy consumption of XRP compared to cash, credit cards and other popular crypto with the <a href="carbon-calculator.html">Green Currency Calculator</a>.{% endtrans %}</p>
<a href="carbon-calculator.html" class="btn btn-clear">{% trans %}Go Green{% endtrans %}</a> <a href="carbon-calculator.html" class="btn btn-clear">{% trans %}Go Green{% endtrans %}</a>
<h4 class="mt-20 mb-10">{% trans %}Partners in Sustainability{% endtrans %}</h4> <h4 class="mt-20 mb-10">{% trans %}Partners in Sustainability{% endtrans %}</h4>
<div class="d-flex align-items-center flex-wrap justify-content-between"> <div class="d-flex align-items-center flex-wrap justify-content-between">

8
tool/template-learn-history.html
View File

@@ -28,7 +28,7 @@
<h2 class="mt-12 mb-10">{% trans %}In 2011, three engineers—David Schwartz, Jed McCaleb and Arthur Britto—began developing the XRP Ledger.{% endtrans %}</h2> <h2 class="mt-12 mb-10">{% trans %}In 2011, three engineers—David Schwartz, Jed McCaleb and Arthur Britto—began developing the XRP Ledger.{% endtrans %}</h2>
<p>{% trans %}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 %}</p> <p>{% trans %}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 %}</p>
<p>{% trans %}The XRP Ledger first launched in June 2012. Shortly thereafter, they were joined by Chris Larsen and the group started the Company OpenCoin in September 2012 (now named Ripple).{% endtrans %}</p> <p>{% trans %}The XRP Ledger first launched in June 2012. Shortly thereafter, they were joined by Chris Larsen and the group started the Company OpenCoin in September 2012 (now named Ripple).{% endtrans %}</p>
<p>{% trans %}The founders of the XRP Ledger gifted 80 billion XRP to the company. Ripple has since sold some of its XRP and put the rest in escrow.{% endtrans %}</p> <p>{% trans %}The founders of the XRP Ledger gifted 80 billion XRP to the company. Ripple has since sold some of its XRP and put the rest in <a href="https://ripple.com/insights/explanation-ripples-xrp-escrow/" target="_blank">escrow</a>.{% endtrans %}</p>
</div> </div>
</section> </section>
<section class="row mb-60"> <section class="row mb-60">
@@ -40,8 +40,8 @@
<div class="timeline-dot"></div> <div class="timeline-dot"></div>
<div class="timeline-content"> <div class="timeline-content">
<h4 class="mb-10">{% trans %}2011 XRP Ledger Development{% endtrans %}</h4> <h4 class="mb-10">{% trans %}2011 XRP Ledger Development{% endtrans %}</h4>
<p>{% trans %}The history of the XRP Ledger and its native digital asset XRP dates back to early 2011 when 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 better system for sending value (an idea outlined in a May 2011 forum post: “Bitcoin without mining”).{% endtrans %}</p> <p>{% trans %}The history of the XRP Ledger and its native digital asset XRP dates back to early 2011 when three developers—David Schwartz, Jed McCaleb and Arthur Britto—were fascinated with Bitcoin but observed the <a href="carbon-calculator.html">waste inherent in mining</a>. They sought to create a better 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 %}Their initial observations about the high energy consumption and scalability issues that would plague Bitcoin proved prescient. (In 2019, estimates suggest Bitcoin mining used more energy than the entire country of Portugal!) Moreover, their initial read indicated that significant problems could arise if any miner obtained (or miners colluded to obtain) greater than 50% of the mining power—that risk persists with Bitcoin (and Ethereum) today as mining power has consolidated in China.{% endtrans %}</p> <p>{% trans %}Their initial observations about the high energy consumption and scalability issues that would plague Bitcoin proved prescient. (In 2019, estimates suggest <a href="carbon-calculator.html">Bitcoin mining used</a> more energy than the entire country of Portugal!) Moreover, their initial read indicated that significant problems could arise if any miner obtained (or miners colluded to obtain) greater than 50% of the mining power—that risk persists with Bitcoin (and Ethereum) today as mining power has consolidated in China.{% endtrans %}</p>
</div> </div>
</div> </div>
<div class="timeline-block mb-10"> <div class="timeline-block mb-10">
@@ -80,7 +80,7 @@
<div class="col-sm-5 offset-sm-1 order-2 order-sm-1 mt-20"> <div class="col-sm-5 offset-sm-1 order-2 order-sm-1 mt-20">
<h2 class="mb-10">{% trans %}How Digital Assets Will Help Create a Sustainable Global Economy{% endtrans %}</h2> <h2 class="mb-10">{% trans %}How Digital Assets Will Help Create a Sustainable Global Economy{% endtrans %}</h2>
<p class="mb-10">{% trans %}Hear from Ripple co-founder Chris Larsen in the inaugural episode of the Block Stars podcast.{% endtrans %}</p> <p class="mb-10">{% trans %}Hear from Ripple co-founder Chris Larsen in the inaugural episode of the Block Stars podcast.{% endtrans %}</p>
<a href="https://ripple.com/podcast" class="btn btn-clear">{% trans %}Listen Now{% endtrans %}</a> <a href="https://podcasts.apple.com/us/podcast/how-digital-assets-will-help-create-sustainable-global/id1511803793?i=1000473686455" class="btn btn-clear">{% trans %}Listen Now{% endtrans %}</a>
</div> </div>
</section> </section>
</div> </div>

1
tool/template-learn-impact.html
View File

@@ -50,7 +50,6 @@
</div> </div>
<p class="col-md">{% 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="col-md">{% 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>
</div> </div>
<a href="#" class="btn btn-clear">{% trans %}Learn More{% endtrans %}</a>
</div> </div>
</section> </section>

16
tool/template-learn-overview.html
View File

@@ -27,7 +27,7 @@
<div class="col-md-8"> <div class="col-md-8">
<h2 class="mb-8">{% trans %}What is XRP?{% endtrans %}</h2> <h2 class="mb-8">{% trans %}What is XRP?{% endtrans %}</h2>
<div class="row"> <div class="row">
<p class="col-sm">{% trans %}XRP is a digital asset that’s native to the XRP Ledger, an open-source, permissionless and decentralized blockchain technology.{% endtrans %}</p> <p class="col-sm">{% 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 %}</p>
<p class="col-sm">{% 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="col-sm">{% 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> </div>
</div> </div>
@@ -88,7 +88,7 @@
<h2>{% trans %}How Does the XRP Ledger Work?{% endtrans %}</h2> <h2>{% trans %}How Does the XRP Ledger Work?{% endtrans %}</h2>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<p>{% trans %}The XRP Ledger is open-source technology on which anyone can build. The XRP Ledger is maintained by a global “XRP Community”—a diverse set of participants composed of software engineers, server operators and validators.{% endtrans %}</p> <p>{% trans %}The XRP Ledger is open-source technology on which anyone can build. The XRP Ledger is maintained by a global “XRP Community”—a diverse set of participants composed of software engineers, server operators and <a href="run-a-rippled-validator.html">validators</a>.{% endtrans %}</p>
<p>{% trans %}The XRP Ledger uses a consensus protocol, in which validators come to an agreement on the order of XRP transactions every 3-5 seconds. This agreement serves as the final and irreversible settlement.{% endtrans %}</p> <p>{% trans %}The XRP Ledger uses a consensus protocol, in which validators come to an agreement on the order of XRP transactions every 3-5 seconds. This agreement serves as the final and irreversible settlement.{% endtrans %}</p>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
@@ -100,7 +100,7 @@
<img class="mw-100" src="./img/graphics/validator.png"> <img class="mw-100" src="./img/graphics/validator.png">
</div> </div>
<div class="col-lg-5 offset-lg-1"> <div class="col-lg-5 offset-lg-1">
<h4 class="mb-10">{% trans %}Anyone can operate a validator; currently, over 150 validators are active on the ledger, operated by universities, exchanges, businesses and individuals.{% endtrans %}</h4> <h4 class="mb-10">{% trans %}Anyone can operate a validator; currently, over 150 <a href="run-a-rippled-validator.html">validators</a> are active on the ledger, operated by universities, exchanges, businesses and individuals.{% endtrans %}</h4>
<a href="consensus-network.html" class="btn btn-clear">{% trans %}Get Technical{% endtrans %}</a> <a href="consensus-network.html" class="btn btn-clear">{% trans %}Get Technical{% endtrans %}</a>
</div> </div>
</section> </section>
@@ -109,7 +109,7 @@
<h6 class="section-marker">{% trans %}Internet of Value{% endtrans %}</h6> <h6 class="section-marker">{% trans %}Internet of Value{% endtrans %}</h6>
<div class="col-lg-6"> <div class="col-lg-6">
<h2 class="mb-10">{% trans %}Why Is XRP Useful?{% endtrans %}</h2> <h2 class="mb-10">{% trans %}Why Is XRP Useful?{% endtrans %}</h2>
<h5 class="mb-10 normal h4">{% trans %}XRP is fast, low-cost, sustainable and scalable. It is the key to fueling growth and realizing the true potential of our global economy—the Internet of Value.{% endtrans %}</h5> <h5 class="mb-10 normal h4">{% trans %}XRP is fast, low-cost, sustainable and scalable. It is the key to fueling growth and realizing the true potential of our global economy—the <a href="https://ripple.com/insights/the-internet-of-value-what-it-means-and-how-it-benefits-everyone/" target="_blank">Internet of Value</a>.{% endtrans %}</h5>
</div> </div>
<div class="w-100 mt-20"></div> <div class="w-100 mt-20"></div>
<div class="col-md-4 mb-20"> <div class="col-md-4 mb-20">
@@ -119,7 +119,7 @@
</div> </div>
<div class="col-md-4 mb-20"> <div class="col-md-4 mb-20">
<h4>{% trans %}Individuals{% endtrans %}</h4> <h4>{% trans %}Individuals{% endtrans %}</h4>
<p class="my-10">{% trans %}Individual consumers can use XRP to move different currencies around the world. For example, through wallets and exchanges that use PayID, anyone can use XRP—or any currency, be it fiat or digital assets—to easily make purchases across any payments network.{% endtrans %}</p> <p class="my-10">{% trans %}Individual consumers can use XRP to move different currencies around the world. For example, through wallets and exchanges that use <a href="https://payid.org/" target="_blank">PayID</a>, anyone can use XRP—or any currency, be it fiat or digital assets—to easily make purchases across any payments network.{% endtrans %}</p>
<a href="uses.html" class="text-white bold arrow-link">{% trans %}More About Uses{% endtrans %}</a> <a href="uses.html" class="text-white bold arrow-link">{% trans %}More About Uses{% endtrans %}</a>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
@@ -203,7 +203,7 @@
<div class="col-md-5 order-2 order-md-1"> <div class="col-md-5 order-2 order-md-1">
<h2 class="mb-10">{% trans %}How Is XRP Used in Trading?{% endtrans %}</h2> <h2 class="mb-10">{% trans %}How Is XRP Used in Trading?{% endtrans %}</h2>
<p>{% trans %}XRP is traded on more than 140 markets and <a href="exchanges.html">exchanges</a> worldwide.{% endtrans %}</p> <p>{% trans %}XRP is traded on more than 140 markets and <a href="exchanges.html">exchanges</a> worldwide.{% endtrans %}</p>
<p>{% 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—seizing arbitrage opportunities, servicing margin calls and managing general trading inventory in real time.{% endtrans %}</p> <p>{% 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>
<a href="exchanges.html" class="mt-10 btn btn-clear">{% trans %}Find Out More{% endtrans %}</a> <a href="exchanges.html" class="mt-10 btn btn-clear">{% trans %}Find Out More{% endtrans %}</a>
</div> </div>
@@ -218,8 +218,8 @@
</div> </div>
<div class="col-md-5 offset-md-1"> <div class="col-md-5 offset-md-1">
<h2 class="mb-10">{% trans %}What Is the Relationship Between Ripple and XRP?{% endtrans %}</h2> <h2 class="mb-10">{% trans %}What Is the Relationship Between Ripple and XRP?{% endtrans %}</h2>
<p>{% trans %}Ripple is a technology company that makes it easier to build a high-performance, global payments business through its platform, RippleNet. XRP is a digital asset independent of this, and is used in Ripple’s On-Demand Liquidity service to facilitate efficient and cost-effective cross-border transactions. In December of 2017, Ripple placed 55 Billion XRP into a cryptographically secured <a href="https://ripple.com/insights/explanation-ripples-xrp-escrow/" target="_blank">escrow</a> account to support stable and healthy XRP <a href="https://ripple.com/xrp/market-performance" target="_blank">markets</a>.{% endtrans %}</p> <p>{% trans %}Ripple is a technology company that makes it easier to build a high-performance, global payments business through its platform, RippleNet. XRP is a digital asset independent of this, and is used in Ripple’s On-Demand Liquidity service to facilitate efficient and cost-effective cross-border transactions. In December of 2017, Ripple placed 55 Billion XRP into a cryptographically secured <a href="https://ripple.com/insights/explanation-ripples-xrp-escrow/" target="_blank">escrow</a> account to support stable and healthy <a href="https://ripple.com/xrp/market-performance" target="_blank">XRP markets</a>.{% endtrans %}</p>
<a href="https://ripple.com/" class="mt-10 btn btn-clear">{% trans %}Visit Ripple's Website{% endtrans %}</a> <a class="mt-10 btn btn-clear" href="https://ripple.com/" target="_blank">{% trans %}Visit Ripple's Website{% endtrans %}</a>
</div> </div>
</div> </div>
</section> </section>

5
tool/template-learn-uses.html
View File

@@ -41,7 +41,8 @@
<div class="col-md-6 offset-md-1 order-2 order-md-1"> <div class="col-md-6 offset-md-1 order-2 order-md-1">
<h2 class="mb-10">{% trans %}Cross-Border Payments{% endtrans %}</h2> <h2 class="mb-10">{% trans %}Cross-Border Payments{% endtrans %}</h2>
<p class="mb-10 normal">{% trans %}Through RippleNet, financial institutions can use XRP to bridge two currencies in 3-5 seconds, ensuring payments are quickly sent and received in the local currency on either side of a transaction.{% endtrans %}</p> <p class="mb-10 normal">{% trans %}Through RippleNet, financial institutions can use XRP to bridge two currencies in 3-5 seconds, ensuring payments are quickly sent and received in the local currency on either side of a transaction.{% endtrans %}</p>
<a href="https://ripple.com/ripplenet/on-demand-liquidity" class="btn btn-clear">{% trans %}Learn About On-Demand Liquidity{% endtrans %}</a> <a href="https://ripple.com/ripplenet/on-demand-liquidity" class="btn btn-clear" target=
"_blank">{% trans %}Learn About On-Demand Liquidity{% endtrans %}</a>
</div> </div>
</section> </section>
@@ -89,7 +90,7 @@
<div class="col-md-6 offset-md-1 order-2 order-md-1"> <div class="col-md-6 offset-md-1 order-2 order-md-1">
<h2 class="mb-10">{% trans %}Institutional Trading{% endtrans %}</h2> <h2 class="mb-10">{% trans %}Institutional Trading{% endtrans %}</h2>
<p class="mb-10 normal">{% trans %}Market participants use XRP as a high-speed, cost-efficient and reliable trading collateral. This means seizing arbitrage opportunities, servicing margin calls and managing general trade inventory in real time.{% endtrans %}</p> <p class="mb-10 normal">{% trans %}Market participants use XRP as a high-speed, cost-efficient and reliable trading collateral. This means seizing arbitrage opportunities, servicing margin calls and managing general trade inventory in real time.{% endtrans %}</p>
<a href="#" class="btn btn-clear">{% trans %}Learn More{% endtrans %}</a> <a href="https://blog.xpring.io/how-xrp-enables-faster-low-cost-cross-exchange-transfers/" class="btn btn-clear" target="_blank">{% trans %}Learn More{% endtrans %}</a>
</div> </div>
</section> </section>