Replace tabs; use built-in scrollspy

This commit is contained in:
mDuo13
2021-06-29 19:29:51 -07:00
parent 177b361d37
commit fcf9c68e06
8 changed files with 197 additions and 208 deletions

File diff suppressed because one or more lines are too long

View File

@@ -186,4 +186,14 @@ aside .active-parent > a {
} }
} }
&.no-sideline {
border-left: 0;
a:hover, a.active {
border-left: 0;
margin-left: 0;
}
}
} }

View File

@@ -49,7 +49,7 @@
</li> </li>
{% elif not top_page.top_nav_omit %} {% elif not top_page.top_nav_omit %}
<li class="nav-item"> <li class="nav-item">
<a class="nav-link{% if "//" in link.html %} external-link{% endif %}" href="{{top_page.html}}"><span>{{top_page.name}}</span></a> <a class="nav-link{% if "//" in link.html %} external-link{% endif %}" href="{{top_page.html}}"><span>{{top_page.name}}</span></a>
</li> </li>
{% endif %} {% endif %}
{% endmacro %} {% endmacro %}

View File

@@ -61,7 +61,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><h4 class="mb-10">Validators and Unique Node Lists</h4></center> <center><h4 class="mb-10">Validators and Unique Node Lists</h4></center>
<div class="w-100 accordian-row mb-6"> <div class="w-100 accordian-row mb-6">
<h3 class="mb-0 h6" id="headingOne"> <h3 class="mb-0 h6" id="headingOne">
<a href="#" class="white collapsed w-100 d-block" data-toggle="collapse" data-target="#b1" aria-expanded="false" aria-controls="b1">Is XRPL a private blockchain, owned by Ripple?</a> <a href="#" class="white collapsed w-100 d-block" data-toggle="collapse" data-target="#b1" aria-expanded="false" aria-controls="b1">Is XRPL a private blockchain, owned by Ripple?</a>

View File

@@ -21,19 +21,19 @@
</div> </div>
<div id="error" class="devportal-callout warning"></div> <div id="error" class="devportal-callout warning"></div>
<ul id="links" class="nav nav-pills"> <ul id="links" class="nav nav-pills">
<li><a id="permalink" href="#" target="_blank" rel="noopener">{% trans %}Permalink{% endtrans %}</a></li> <li><a id="permalink" href="#" target="_blank" rel="noopener">{% trans %}Permalink{% endtrans %}</a></li>
<li><a id="explorerlink" href="#" target="_blank" rel="noopener">{% trans %}Explorer{% endtrans %}</a></li> <li><a id="explorerlink" href="#" target="_blank" rel="noopener">{% trans %}Explorer{% endtrans %}</a></li>
</ul> </ul>
<div class="group group-tx"> <div class="group group-tx">
<h3><a href="tx.html">tx</a></h3> <h3><a href="tx.html">tx</a></h3>
<ul class="tools nav nav-pills"> <ul class="tools nav nav-pills">
<li><a class="tx-expand">{% trans %}expand all{% endtrans %}</a></li> <li><a class="tx-expand">{% trans %}expand all{% endtrans %}</a></li>
<li><a class="tx-collapse">{% trans %}collapse all{% endtrans %}</a></li> <li><a class="tx-collapse">{% trans %}collapse all{% endtrans %}</a></li>
</ul> </ul>
<pre id="tx_info" class="json"></pre> <pre id="tx_info" class="json"></pre>
<ul class="tools nav nav-pills"> <ul class="tools nav nav-pills">
<li><a class="tx-expand">{% trans %}expand all{% endtrans %}</a></li> <li><a class="tx-expand">{% trans %}expand all{% endtrans %}</a></li>
<li><a class="tx-collapse">{% trans %}collapse all{% endtrans %}</a></li> <li><a class="tx-collapse">{% trans %}collapse all{% endtrans %}</a></li>
</ul> </ul>
</div> </div>
@@ -42,54 +42,54 @@
<pre id="account_info" class="json"></pre> <pre id="account_info" class="json"></pre>
<h3><a href="account_lines.html">account_lines</a></h3> <h3><a href="account_lines.html">account_lines</a></h3>
<ul class="tools nav nav-pills"> <ul class="tools nav nav-pills">
<li><a class="account-lines-expand">{% trans %}expand all{% endtrans %}</a></li> <li><a class="account-lines-expand">{% trans %}expand all{% endtrans %}</a></li>
<li><a class="account-lines-collapse">{% trans %}collapse all{% endtrans %}</a></li> <li><a class="account-lines-collapse">{% trans %}collapse all{% endtrans %}</a></li>
</ul> </ul>
<pre id="account_lines" class="json"></pre> <pre id="account_lines" class="json"></pre>
<ul class="tools nav nav-pills"> <ul class="tools nav nav-pills">
<li><a class="account-lines-expand">{% trans %}expand all{% endtrans %}</a></li> <li><a class="account-lines-expand">{% trans %}expand all{% endtrans %}</a></li>
<li><a class="account-lines-collapse">{% trans %}collapse all{% endtrans %}</a></li> <li><a class="account-lines-collapse">{% trans %}collapse all{% endtrans %}</a></li>
</ul> </ul>
<h3><a href="account_tx.html">account_tx</a> (last 20)</h3> <h3><a href="account_tx.html">account_tx</a> (last 20)</h3>
<ul class="tools nav nav-pills"> <ul class="tools nav nav-pills">
<li><a class="account-tx-expand-tx">{% trans %}expand tx{% endtrans %}</a></li> <li><a class="account-tx-expand-tx">{% trans %}expand tx{% endtrans %}</a></li>
<li><a class="account-tx-expand">{% trans %}expand all{% endtrans %}</a></li> <li><a class="account-tx-expand">{% trans %}expand all{% endtrans %}</a></li>
<li><a class="account-tx-collapse">{% trans %}collapse all{% endtrans %}</a></li> <li><a class="account-tx-collapse">{% trans %}collapse all{% endtrans %}</a></li>
<li><a class="account-tx-more">{% trans %}next 20{% endtrans %}</a></li> <li><a class="account-tx-more">{% trans %}next 20{% endtrans %}</a></li>
<li><a class="account-tx-back">{% trans %}prev 20{% endtrans %}</a></li> <li><a class="account-tx-back">{% trans %}prev 20{% endtrans %}</a></li>
</ul> </ul>
<pre id="account_tx" class="json"></pre> <pre id="account_tx" class="json"></pre>
<ul class="tools nav nav-pills"> <ul class="tools nav nav-pills">
<li><a class="account-tx-expand-tx">{% trans %}expand tx{% endtrans %}</a></li> <li><a class="account-tx-expand-tx">{% trans %}expand tx{% endtrans %}</a></li>
<li><a class="account-tx-expand">{% trans %}expand all{% endtrans %}</a></li> <li><a class="account-tx-expand">{% trans %}expand all{% endtrans %}</a></li>
<li><a class="account-tx-collapse">{% trans %}collapse all{% endtrans %}</a></li> <li><a class="account-tx-collapse">{% trans %}collapse all{% endtrans %}</a></li>
<li><a class="account-tx-more">{% trans %}next 20{% endtrans %}</a></li> <li><a class="account-tx-more">{% trans %}next 20{% endtrans %}</a></li>
<li><a class="account-tx-back">{% trans %}prev 20{% endtrans %}</a></li> <li><a class="account-tx-back">{% trans %}prev 20{% endtrans %}</a></li>
</ul> </ul>
<h3><a href="account_objects.html">account_objects</a></h3> <h3><a href="account_objects.html">account_objects</a></h3>
<ul class="tools nav nav-pills"> <ul class="tools nav nav-pills">
<li><a class="account-objects-expand">{% trans %}expand all{% endtrans %}</a></li> <li><a class="account-objects-expand">{% trans %}expand all{% endtrans %}</a></li>
<li><a class="account-objects-collapse">{% trans %}collapse all{% endtrans %}</a></li> <li><a class="account-objects-collapse">{% trans %}collapse all{% endtrans %}</a></li>
</ul> </ul>
<pre id="account_objects" class="json"></pre> <pre id="account_objects" class="json"></pre>
<ul class="tools nav nav-pills"> <ul class="tools nav nav-pills">
<li><a class="account-objects-expand">{% trans %}expand all{% endtrans %}</a></li> <li><a class="account-objects-expand">{% trans %}expand all{% endtrans %}</a></li>
<li><a class="account-objects-collapse">{% trans %}collapse all{% endtrans %}</a></li> <li><a class="account-objects-collapse">{% trans %}collapse all{% endtrans %}</a></li>
</ul> </ul>
</div> </div>
<div class="group group-ledger"> <div class="group group-ledger">
<h3><a href="ledger.html">ledger</a></h3> <h3><a href="ledger.html">ledger</a></h3>
<ul class="tools nav nav-pills"> <ul class="tools nav nav-pills">
<li><a class="ledger-expand-tx">{% trans %}expand tx{% endtrans %}</a></li> <li><a class="ledger-expand-tx">{% trans %}expand tx{% endtrans %}</a></li>
<li><a class="ledger-tx-expand">{% trans %}expand all{% endtrans %}</a></li> <li><a class="ledger-tx-expand">{% trans %}expand all{% endtrans %}</a></li>
<li><a class="ledger-tx-collapse">{% trans %}collapse all{% endtrans %}</a></li> <li><a class="ledger-tx-collapse">{% trans %}collapse all{% endtrans %}</a></li>
</ul> </ul>
<pre id="ledger_info" class="json"></pre> <pre id="ledger_info" class="json"></pre>
<ul class="tools nav nav-pills"> <ul class="tools nav nav-pills">
<li><a class="ledger-tx-expand-tx">{% trans %}expand tx{% endtrans %}</a></li> <li><a class="ledger-tx-expand-tx">{% trans %}expand tx{% endtrans %}</a></li>
<li><a class="ledger-tx-expand">{% trans %}expand all{% endtrans %}</a></li> <li><a class="ledger-tx-expand">{% trans %}expand all{% endtrans %}</a></li>
<li><a class="ledger-tx-collapse">{% trans %}collapse all{% endtrans %}</a></li> <li><a class="ledger-tx-collapse">{% trans %}collapse all{% endtrans %}</a></li>
</ul> </ul>
</div> </div>

View File

@@ -30,19 +30,19 @@
</section> </section>
<section class="container-new my-20"> <section class="container-new my-20">
<div class="card-grid card-grid-1x2"> <div class="card-grid card-grid-1x2">
<div class="col-new"> <div class="col-new">
<ul class="p-0 sticky-top top-24"> <ul class="page-toc no-sideline p-0 sticky-top top-24">
<li class="ls-none"><a class="sidelinks" href="#about-xrp">About XRP</a></li> <li class="nav-item"><a class="sidelinks nav-link" href="#about-xrp">About XRP</a></li>
<li class="ls-none"><a class="sidelinks" href="#xrp-trading">XRP in Trading</a></li> <li class="nav-item"><a class="sidelinks nav-link" href="#xrp-trading">XRP in Trading</a></li>
<li class="ls-none"><a class="sidelinks" href="#ripple">Ripple vs. XRP</a></li> <li class="nav-item"><a class="sidelinks nav-link" href="#ripple">Ripple vs. XRP</a></li>
<li class="ls-none"><a class="sidelinks" href="#wallets">XRP Wallets</a></li> <li class="nav-item"><a class="sidelinks nav-link" href="#wallets">XRP Wallets</a></li>
<li class="ls-none"><a class="sidelinks" href="#exchanges">XRP Exchanges</a></li> <li class="nav-item"><a class="sidelinks nav-link" href="#exchanges">XRP Exchanges</a></li>
</ul> </ul>
</div> </div>
<div class="col-new"> <div class="col-new">
<div class="link-section" id="about-xrp"> <div class="link-section" id="about-xrp">
<h2 class="h4 mb-8">{% trans %}What Is XRP?{% endtrans %}</h2> <h2 class="h4 mb-8">{% trans %}What Is XRP?{% endtrans %}</h2>
<h5 class="longform mb-10">{% trans %}XRP is a digital asset thats native to the XRP Ledger—an open-source, permissionless and decentralized blockchain technology.{% endtrans %}</h5> <h5 class="longform mb-10">{% trans %}XRP is a digital asset thats native to the XRP Ledger—an open-source, permissionless and decentralized blockchain technology.{% 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>
@@ -67,13 +67,13 @@
<td>{% trans %}$0.50/tx{% endtrans %}</td> <td>{% trans %}$0.50/tx{% endtrans %}</td>
</tr> </tr>
<tr> <tr>
<td>{% trans %}Scalable{% endtrans %}</td> <td>{% trans %}Scalable{% endtrans %}</td>
<td>{% trans %}1,500 tx per second{% endtrans %}</td> <td>{% trans %}1,500 tx per second{% endtrans %}</td>
<td>{% trans %}3 tx per second{% endtrans %}</td> <td>{% trans %}3 tx per second{% endtrans %}</td>
</tr> </tr>
<tr> <tr>
<td>{% trans %}Sustainable{% endtrans %}</td> <td>{% trans %}Sustainable{% endtrans %}</td>
<td>{% trans %}Environmentally sustainable (negligible energy consumption){% endtrans %}</td> <td>{% trans %}Environmentally sustainable (negligible energy consumption){% endtrans %}</td>
<td>{% trans %}0.3% of global energy consumption{% endtrans %}</td> <td>{% trans %}0.3% of global energy consumption{% endtrans %}</td>
</tr> </tr>
</tbody> </tbody>
@@ -81,25 +81,25 @@
<p class="mb-10">{% trans %}XRP can be sent directly without needing a central intermediary, making it a convenient instrument in bridging two different currencies quickly and efficiently. It is freely exchanged on the open market and used in the real world for enabling cross-border payments and microtransactions.{% endtrans %}</p> <p class="mb-10">{% trans %}XRP can be sent directly without needing a central intermediary, making it a convenient instrument in bridging two different currencies quickly and efficiently. It is freely exchanged on the open market and used in the real world for enabling cross-border payments and microtransactions.{% endtrans %}</p>
<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">
<img class="mw-100 mb-1" src="./img/icons/briefcase.svg"> <img class="mw-100 mb-1" src="./img/icons/briefcase.svg">
<h6 class="fs-4-5">{% trans %}Financial Institutions{% endtrans %}</h6> <h6 class="fs-4-5">{% trans %}Financial Institutions{% endtrans %}</h6>
<p class="">{% trans %}Leverage XRP as a bridge currency to facilitate faster, more affordable cross-border payments around the world.{% endtrans %}</p> <p class="">{% trans %}Leverage XRP as a bridge currency to facilitate faster, more affordable cross-border payments around the world.{% endtrans %}</p>
</div> </div>
<div class="ml-5-until-md"> <div class="ml-5-until-md">
<img class="mw-100 mb-1" src="./img/icons/user.svg"> <img class="mw-100 mb-1" src="./img/icons/user.svg">
<h6 class="fs-4-5">{% trans %}Individual Consumers{% endtrans %}</h6> <h6 class="fs-4-5">{% trans %}Individual Consumers{% endtrans %}</h6>
<p>{% trans %}Use XRP to move different currencies around the world. {% endtrans %}</p> <p>{% trans %}Use XRP to move different currencies around the world. {% endtrans %}</p>
</div> </div>
</div> </div>
<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-orange.svg" class="cta cta-top-left"> <img src="./img/backgrounds/cta-xrp-overview-orange.svg" class="cta cta-top-left">
<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">{% 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">Green Currency Calculator</a> <a class="btn btn-primary btn-arrow" href="carbon-calculator.html">Green Currency Calculator</a>
</div> </div>
</div> </div>
</div> </div>
@@ -116,121 +116,121 @@
<p class="mb-6">{% trans %}In December of 2017, Ripple placed 55 Billion XRP into a cryptographically secured escrow account to support stable and healthy XRP markets.{% endtrans %}</p> <p class="mb-6">{% trans %}In December of 2017, Ripple placed 55 Billion XRP into a cryptographically secured escrow account to support stable and healthy XRP markets.{% 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 Ripples 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 escrow account to support stable and healthy XRP markets.{% 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 Ripples 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 escrow account to support stable and healthy XRP markets.{% 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.svg" class="cta cta-top-left"> <img src="./img/backgrounds/cta-xrp-overview-green.svg" class="cta cta-top-left">
<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="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 mb-10">{% 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 class="mw-100 mr-2" src="./img/logos/xrp-mark.svg"> <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 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">
<h6 class="fs-4-5">{% trans %}Custodial Wallets{% endtrans %}</h6> <h6 class="fs-4-5">{% trans %}Custodial Wallets{% endtrans %}</h6>
<p class="">{% trans %}Custodial wallets manage a user's private key, which allows the wallet to withdraw crypto currency on a user's behalf.{% endtrans %}</p> <p class="">{% trans %}Custodial wallets manage a user's private key, which allows the wallet to withdraw crypto currency on a user's behalf.{% endtrans %}</p>
<ul class="ls-none p-0"> <ul class="nav flex-column">
<li class="li-links"> <li class="nav-item">
<a class="align-items-center d-flex" href=""><img class="mw-100" src="./img/wallets/ledger.svg"></a> <a class="nav-link external-link" href="https://www.ledger.com/" target="_blank"><img class="mw-100" src="./img/wallets/ledger.svg" alt="Ledger"></a>
</li> </li>
<li class="li-links"> <li class="nav-item">
<a class="align-items-center d-flex" href=""><img class="mw-100" src="./img/wallets/secalot.svg"></a> <a class="nav-link external-link" href="https://www.secalot.com/" target="_blank"><img class="mw-100" src="./img/wallets/secalot.svg" alt="Secalot"></a>
</li> </li>
<li class="li-links"> <li class="nav-item">
<a class="align-items-center d-flex" href=""><img class="mw-100" src="./img/wallets/trezor.svg"></a> <a class="nav-link external-link" href="https://trezor.io/" target="_blank"><img class="mw-100" src="./img/wallets/trezor.svg" alt="Trezor"></a>
</li> </li>
<li class="li-links"> <li class="nav-item">
<a class="align-items-center d-flex" href=""><img class="mw-100" src="./img/wallets/gatehub.svg"></a> <a class="nav-link external-link" href="https://gatehub.net/" target="_blank"><img class="mw-100" src="./img/wallets/gatehub.svg" alt="Gatehub"></a>
</li> </li>
</ul> </ul>
</div> </div>
<div class="ml-5-until-md mt-10-sm"> <div class="ml-5-until-md mt-10-sm">
<h6 class="fs-4-5">{% trans %}Non-Custodial Wallets{% endtrans %}</h6> <h6 class="fs-4-5">{% trans %}Non-Custodial Wallets{% endtrans %}</h6>
<p>{% trans %}Non-custodial wallets do not manage a user's private key, which is up to the user to manage, and therefore cannot send crypto currency on the user's behalf.{% endtrans %}</p> <p>{% trans %}Non-custodial wallets do not manage a user's private key, which is up to the user to manage, and therefore cannot send crypto currency on the user's behalf.{% endtrans %}</p>
<ul class="ls-none p-0"> <ul class="nav flex-column">
<li class="li-links"> <li class="nav-item">
<a class="align-items-center d-flex" href=""><img class="mw-100" src="./img/wallets/xumm.svg"></a> <a class="nav-link external-link" href="https://xumm.app/" target="_blank"><img class="mw-100" src="./img/wallets/xumm.svg" alt="Xumm"></a>
</li> </li>
<li class="li-links"> <li class="nav-item">
<a class="align-items-center d-flex" href=""><img class="mw-100" src="./img/wallets/trust.svg"></a> <a class="nav-link external-link" href="https://trustwallet.com/" target="_blank"><img class="mw-100" src="./img/wallets/trust.svg" alt="Trust Wallet"></a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<p class="fs-3 mt-10">{% trans %}Disclaimer: This information is drawn from other sources on the internet. XRPL.org does not endorse or recommend any exchanges or make any representations with respect to exchanges or the purchase or sale of digital assets more generally. Its advisable to conduct your own due diligence before relying on any third party or third-party technology, and providers may vary significantly in their compliance, data security, and privacy practices.{% endtrans %}</p> <p class="fs-3 mt-10">{% trans %}Disclaimer: This information is drawn from other sources on the internet. XRPL.org does not endorse or recommend any exchanges or make any representations with respect to exchanges or the purchase or sale of digital assets more generally. Its advisable to conduct your own due diligence before relying on any third party or third-party technology, and providers may vary significantly in their compliance, data security, and privacy practices.{% endtrans %}</p>
</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 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">
<div class="mr-5-until-md"> <div class="mr-5-until-md">
<h6 class="fs-4-5">{% trans %}Spot Exchanges{% endtrans %}</h6> <h6 class="fs-4-5">{% trans %}Spot Exchanges{% endtrans %}</h6>
<p class="mb-0">{% trans %}Spot exchanges allow people to buy and sell cryptocurrencies at current (spot) market rates. {% endtrans %}</p> <p class="mb-0">{% trans %}Spot exchanges allow people to buy and sell cryptocurrencies at current (spot) market rates.{% endtrans %}</p>
</div> </div>
<div class="ml-5-until-md"> <div class="ml-5-until-md">
<h6 class="fs-4-5">{% trans %}Futures, Options and Swap Exchanges{% endtrans %}</h6> <h6 class="fs-4-5">{% trans %}Futures, Options and Swap Exchanges{% endtrans %}</h6>
<p class="mb-0">{% trans %}Futures, options and swap exchanges allow people to buy and sell standardized contracts of cryptocurrency market rates in the future.{% endtrans %}</p> <p class="mb-0">{% trans %}Futures, options and swap exchanges allow people to buy and sell standardized contracts of cryptocurrency market rates in the future.{% endtrans %}</p>
</div> </div>
</div> </div>
<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">
<h6 class="fs-4-5">{% trans %}Custodial Exchanges{% endtrans %}</h6> <h6 class="fs-4-5">{% trans %}Custodial Exchanges{% endtrans %}</h6>
<p class="mb-0">{% trans %}Custodial exchanges manage a users private keys, and publish centralized order books of buyers and sellers. {% endtrans %}</p> <p class="mb-0">{% trans %}Custodial exchanges manage a users private keys, and publish centralized order books of buyers and sellers.{% endtrans %}</p>
</div> </div>
<div class="ml-5-until-md"> <div class="ml-5-until-md">
<h6 class="fs-4-5">{% trans %}Non-Custodial Exchanges{% endtrans %}</h6> <h6 class="fs-4-5">{% trans %}Non-Custodial Exchanges{% endtrans %}</h6>
<p class="mb-0">{% trans %}Non-custodial exchanges, also known as decentralized exchanges, do not manage a users private keys, and publish decentralized order books of buyers and sellers on a blockchain.{% endtrans %}</p> <p class="mb-0">{% trans %}Non-custodial exchanges, also known as decentralized exchanges, do not manage a users private keys, and publish decentralized order books of buyers and sellers on a blockchain.{% endtrans %}</p>
</div> </div>
</div> </div>
<h6>{% trans %}Top Exchanges, according to CryptoCompare{% endtrans %}</h6> <h6>{% trans %}Top Exchanges, according to CryptoCompare{% endtrans %}</h6>
<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">
<ul class="ls-none p-0 mb-0"> <ul class="nav flex-column">
<li class="li-links"> <li class="nav-item">
<a class="align-items-center d-flex" href=""><span class="longform mr-3">1</span><img class="mw-100" src="./img/exchanges/bitstamp.svg"></a> <a class="nav-link external-link" href="https://www.bitstamp.com/" target="_blank"><span class="longform mr-3">1</span><img class="mw-100" src="./img/exchanges/bitstamp.svg" alt="Bitstamp"></a>
</li> </li>
<li class="li-links"> <li class="nav-item">
<a class="align-items-center d-flex" href=""><span class="longform mr-3">2</span><img class="mw-100" src="./img/exchanges/kraken.svg"></a> <a class="nav-link external-link" href="https://www.kraken.com/" target="_blank"><span class="longform mr-3">2</span><img class="mw-100" src="./img/exchanges/kraken.svg" alt="Kraken"></a>
</li> </li>
<li class="li-links"> <li class="nav-item">
<a class="align-items-center d-flex" href=""><span class="longform mr-3">3</span><img class="mw-100" src="./img/exchanges/cex-io.svg"></a> <a class="nav-link external-link" href="https://cex.io/" target="_blank"><span class="longform mr-3">3</span><img class="mw-100" src="./img/exchanges/cex-io.svg" alt="Cex.io"></a>
</li> </li>
<li class="li-links"> <li class="nav-item">
<a class="align-items-center d-flex" href=""><span class="longform mr-3">4</span><img class="mw-100" src="./img/exchanges/liquid.svg"></a> <a class="nav-link external-link" href="https://www.liquid.com/" target="_blank"><span class="longform mr-3">4</span><img class="mw-100" src="./img/exchanges/liquid.svg" alt="Liquid"></a>
</li> </li>
<li class="li-links"> <li class="nav-item">
<a class="align-items-center d-flex" href=""><span class="longform mr-3">5</span><img class="mw-100" src="./img/exchanges/lmax.svg"></a> <a class="nav-link external-link" href="https://www.lmax.com/" target="_blank"><span class="longform mr-3">5</span><img class="mw-100" src="./img/exchanges/lmax.svg" alt="LMAX"></a>
</li> </li>
</ul> </ul>
</div> </div>
<div class="ml-5-until-md"> <div class="ml-5-until-md">
<ul class="ls-none p-0"> <ul class="nav flex-column">
<li class="li-links"> <li class="nav-item">
<a class="align-items-center d-flex" href=""><span class="longform mr-3">6</span><img class="mw-100" src="./img/exchanges/bitfinex.svg"></a> <a class="nav-link external-link" href="https://www.bitfinex.com/" target="_blank"><span class="longform mr-3">6</span><img class="mw-100" src="./img/exchanges/bitfinex.svg" alt="Bitfinex"></a>
</li> </li>
<li class="li-links"> <li class="nav-item">
<a class="align-items-center d-flex" href=""><span class="longform mr-3">7</span><img class="mw-100" src="./img/exchanges/etoro.svg"></a> <a class="nav-link external-link" href="https://www.etoro.com/crypto/exchange/" target="_blank"><span class="longform mr-3">7</span><img class="mw-100" src="./img/exchanges/etoro.svg" alt="eToro"></a>
</li> </li>
<li class="li-links"> <li class="nav-item">
<a class="align-items-center d-flex" href=""><span class="longform mr-3">8</span><img class="mw-100" src="./img/exchanges/currency.svg"></a> <a class="nav-link external-link" href="https://currency.com" target="_blank"><span class="longform mr-3">8</span><img class="mw-100" src="./img/exchanges/currency.svg" alt="Currency.com"></a>
</li> </li>
<li class="li-links"> <li class="nav-item">
<a class="align-items-center d-flex" href=""><span class="longform mr-3">9</span><img class="mw-100" src="./img/exchanges/bittrex.svg"></a> <a class="nav-link external-link" href="https://bittrex.com/" target="_blank"><span class="longform mr-3">9</span><img class="mw-100" src="./img/exchanges/bittrex.svg" alt="Bittrex"></a>
</li> </li>
<li class="li-links"> <li class="nav-item">
<a class="align-items-center d-flex" href=""><span class="longform mr-3">10</span><img class="mw-100" src="./img/exchanges/ftx.svg"></a> <a class="nav-link external-link" href="https://ftx.com/" target="_blank"><span class="longform mr-3">10</span><img class="mw-100" src="./img/exchanges/ftx.svg" alt="FTX"></a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<p class="fs-3 mt-10">{% trans %}Disclaimer: This information is drawn from other sources on the internet. XRPL.org does not endorse or recommend any exchanges or make any representations with respect to exchanges or the purchase or sale of digital assets more generally. Its advisable to conduct your own due diligence before relying on any third party or third-party technology, and providers may vary significantly in their compliance, data security, and privacy practices.{% endtrans %}</p> <p class="fs-3 mt-10">{% trans %}Disclaimer: This information is drawn from other sources on the internet. XRPL.org does not endorse or recommend any exchanges or make any representations with respect to exchanges or the purchase or sale of digital assets more generally. Its advisable to conduct your own due diligence before relying on any third party or third-party technology, and providers may vary significantly in their compliance, data security, and privacy practices.{% endtrans %}</p>
</div> </div>
</div> </div>
</div> </div>
@@ -242,29 +242,8 @@
{% block endbody %} {% block endbody %}
<script type="text/javascript">
$(window).scroll(function() {
var position = $(this).scrollTop();
$('.link-section').each(function() {
var target = $(this).offset().top;
var id = $(this).attr('id');
if (position >= target) {
$('.sidelinks').removeClass('active');
$('a[href="#' + id + '"]').addClass('active');
}
});
});
$('.sidelinks').on('click', function() {
$('html, body').animate({scrollTop: $(this.hash).offset().top + 5}, 1000);
return false;
});
</script>
<script type="application/javascript"> <script type="application/javascript">
gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'}); gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
</script> </script>
{% endblock %} {% endblock %}

View File

@@ -37,7 +37,7 @@
<section class="container-new py-26"> <section class="container-new py-26">
<div class="col-md-6 offset-md-3 p-10"> <div class="col-md-6 offset-md-3 p-10">
<h4>{% trans %}The Vision{% endtrans %}</h4> <h4>{% trans %}The Vision{% endtrans %}</h4>
<h6 class="longform mb-10">{% trans %}The Foundations 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 mb-10">{% trans %}The Foundations 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>
@@ -69,18 +69,18 @@
</section> </section>
<section class="container-new py-26"> <section class="container-new py-26">
<div class="mx-10"> <div class="mx-10">
<h3 class="h4 mb-20">{% trans %}XRP Ledger Foundation Values and Beliefs{% endtrans %}</h3> <h3 class="h4 mb-20">{% trans %}XRP Ledger Foundation Values and Beliefs{% endtrans %}</h3>
<h4 class="h5">{% trans %}We Value:{% endtrans %}</h4> <h4 class="h5">{% 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">
<li class="col-new ls-none mb-16-sm">{% trans %}Our role as an independent organization acting in the best interests of the XRP Ledger community{% endtrans %}</li> <li class="col-new ls-none mb-16-sm">{% trans %}Our role as an independent organization acting in the best interests of the XRP Ledger community{% endtrans %}</li>
<li class="col-new ls-none mb-16-sm">{% trans %}Having the resources and support to compete on an equal playing field with other blockhain foundations to achieve our goals{% endtrans %}</li> <li class="col-new ls-none mb-16-sm">{% trans %}Having the resources and support to compete on an equal playing field with other blockhain foundations to achieve our goals{% endtrans %}</li>
<li class="col-new ls-none mb-16-sm">{% trans %}Cultivating a diverse developer ecosystem, where many entities contribute to and benefit from the XRP Ledger{% endtrans %}</li> <li class="col-new ls-none mb-16-sm">{% trans %}Cultivating a diverse developer ecosystem, where many entities contribute to and benefit from the XRP Ledger{% endtrans %}</li>
</ul> </ul>
<div class="mx-10"> <div class="mx-10">
<h4 class="h5">{% trans %}We Believe:{% endtrans %}</h4> <h4 class="h5">{% trans %}We Believe:{% endtrans %}</h4>
</div> </div>
<ul class="card-grid card-grid-3xN"> <ul class="card-grid card-grid-3xN">
<li class="col-new ls-none mb-16-sm">{% trans %}Trust is foundational to our mission and understand building trust is a slow, steady process{% endtrans %}</li> <li class="col-new ls-none mb-16-sm">{% trans %}Trust is foundational to our mission and understand building trust is a slow, steady process{% endtrans %}</li>
<li class="col-new ls-none mb-16-sm">{% trans %}Close working relationships between developers and organizations that build on and contribute to the XRP Ledger are critical to its innovation and success{% endtrans %}</li> <li class="col-new ls-none mb-16-sm">{% trans %}Close working relationships between developers and organizations that build on and contribute to the XRP Ledger are critical to its innovation and success{% endtrans %}</li>

View File

@@ -37,10 +37,10 @@
<h4>{% trans %}In this document{% endtrans %}</h4> <h4>{% trans %}In this document{% endtrans %}</h4>
</div> </div>
<ul class="page-toc nav flex-column" role="directory"> <ul class="page-toc nav flex-column" role="directory">
{% for h in headers %}{% if h.level < 4 %} {% for h in headers %}{% if h.level < 4 %}
<li class="nav-item level-{{h.level}}"><a class="nav-link" href="#{{h.id}}">{{h.text}}</a></li> <li class="nav-item level-{{h.level}}"><a class="nav-link" href="#{{h.id}}">{{h.text}}</a></li>
{% endif %}{% endfor %} {% endif %}{% endfor %}
</ul> </ul>
</div> </div>
{% endblock %} {% endblock %}