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>
{% elif not top_page.top_nav_omit %}
<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>
{% endif %}
{% endmacro %}

View File

@@ -61,7 +61,7 @@
<section class="container-new py-26">
<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">
<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>

View File

@@ -21,19 +21,19 @@
</div>
<div id="error" class="devportal-callout warning"></div>
<ul id="links" class="nav nav-pills">
<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="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>
</ul>
<div class="group group-tx">
<h3><a href="tx.html">tx</a></h3>
<ul class="tools nav nav-pills">
<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-expand">{% trans %}expand all{% endtrans %}</a></li>
<li><a class="tx-collapse">{% trans %}collapse all{% endtrans %}</a></li>
</ul>
<pre id="tx_info" class="json"></pre>
<ul class="tools nav nav-pills">
<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-expand">{% trans %}expand all{% endtrans %}</a></li>
<li><a class="tx-collapse">{% trans %}collapse all{% endtrans %}</a></li>
</ul>
</div>
@@ -42,54 +42,54 @@
<pre id="account_info" class="json"></pre>
<h3><a href="account_lines.html">account_lines</a></h3>
<ul class="tools nav nav-pills">
<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-expand">{% trans %}expand all{% endtrans %}</a></li>
<li><a class="account-lines-collapse">{% trans %}collapse all{% endtrans %}</a></li>
</ul>
<pre id="account_lines" class="json"></pre>
<ul class="tools nav nav-pills">
<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-expand">{% trans %}expand all{% endtrans %}</a></li>
<li><a class="account-lines-collapse">{% trans %}collapse all{% endtrans %}</a></li>
</ul>
<h3><a href="account_tx.html">account_tx</a> (last 20)</h3>
<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">{% trans %}expand 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-back">{% trans %}prev 20{% 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-collapse">{% trans %}collapse all{% 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>
</ul>
<pre id="account_tx" class="json"></pre>
<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">{% trans %}expand 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-back">{% trans %}prev 20{% 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-collapse">{% trans %}collapse all{% 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>
</ul>
<h3><a href="account_objects.html">account_objects</a></h3>
<ul class="tools nav nav-pills">
<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-expand">{% trans %}expand all{% endtrans %}</a></li>
<li><a class="account-objects-collapse">{% trans %}collapse all{% endtrans %}</a></li>
</ul>
<pre id="account_objects" class="json"></pre>
<ul class="tools nav nav-pills">
<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-expand">{% trans %}expand all{% endtrans %}</a></li>
<li><a class="account-objects-collapse">{% trans %}collapse all{% endtrans %}</a></li>
</ul>
</div>
<div class="group group-ledger">
<h3><a href="ledger.html">ledger</a></h3>
<ul class="tools nav nav-pills">
<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-collapse">{% trans %}collapse all{% 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-collapse">{% trans %}collapse all{% endtrans %}</a></li>
</ul>
<pre id="ledger_info" class="json"></pre>
<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">{% trans %}expand all{% endtrans %}</a></li>
<li><a class="ledger-tx-collapse">{% trans %}collapse all{% 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-collapse">{% trans %}collapse all{% endtrans %}</a></li>
</ul>
</div>

View File

@@ -30,19 +30,19 @@
</section>
<section class="container-new my-20">
<div class="card-grid card-grid-1x2">
<div class="card-grid card-grid-1x2">
<div class="col-new">
<ul class="p-0 sticky-top top-24">
<li class="ls-none"><a class="sidelinks" href="#about-xrp">About XRP</a></li>
<li class="ls-none"><a class="sidelinks" href="#xrp-trading">XRP in Trading</a></li>
<li class="ls-none"><a class="sidelinks" href="#ripple">Ripple vs. XRP</a></li>
<li class="ls-none"><a class="sidelinks" href="#wallets">XRP Wallets</a></li>
<li class="ls-none"><a class="sidelinks" href="#exchanges">XRP Exchanges</a></li>
</ul>
<ul class="page-toc no-sideline p-0 sticky-top top-24">
<li class="nav-item"><a class="sidelinks nav-link" href="#about-xrp">About XRP</a></li>
<li class="nav-item"><a class="sidelinks nav-link" href="#xrp-trading">XRP in Trading</a></li>
<li class="nav-item"><a class="sidelinks nav-link" href="#ripple">Ripple vs. XRP</a></li>
<li class="nav-item"><a class="sidelinks nav-link" href="#wallets">XRP Wallets</a></li>
<li class="nav-item"><a class="sidelinks nav-link" href="#exchanges">XRP Exchanges</a></li>
</ul>
</div>
<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>
<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>
@@ -67,13 +67,13 @@
<td>{% trans %}$0.50/tx{% endtrans %}</td>
</tr>
<tr>
<td>{% trans %}Scalable{% endtrans %}</td>
<td>{% trans %}1,500 tx per second{% endtrans %}</td>
<td>{% trans %}3 tx per second{% endtrans %}</td>
<td>{% trans %}Scalable{% endtrans %}</td>
<td>{% trans %}1,500 tx per second{% endtrans %}</td>
<td>{% trans %}3 tx per second{% endtrans %}</td>
</tr>
<tr>
<td>{% trans %}Sustainable{% endtrans %}</td>
<td>{% trans %}Environmentally sustainable (negligible energy consumption){% endtrans %}</td>
<td>{% trans %}Sustainable{% endtrans %}</td>
<td>{% trans %}Environmentally sustainable (negligible energy consumption){% endtrans %}</td>
<td>{% trans %}0.3% of global energy consumption{% endtrans %}</td>
</tr>
</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>
<div class="card-grid card-grid-2xN mb-10">
<div class="mr-5-until-md">
<img class="mw-100 mb-1" src="./img/icons/briefcase.svg">
<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>
</div>
<div class="ml-5-until-md">
<img class="mw-100 mb-1" src="./img/icons/user.svg">
<h6 class="fs-4-5">{% trans %}Individual Consumers{% endtrans %}</h6>
<p>{% trans %}Use XRP to move different currencies around the world. {% endtrans %}</p>
</div>
<div class="mr-5-until-md">
<img class="mw-100 mb-1" src="./img/icons/briefcase.svg">
<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>
</div>
<div class="ml-5-until-md">
<img class="mw-100 mb-1" src="./img/icons/user.svg">
<h6 class="fs-4-5">{% trans %}Individual Consumers{% endtrans %}</h6>
<p>{% trans %}Use XRP to move different currencies around the world. {% endtrans %}</p>
</div>
</div>
<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-magenta.svg" class="cta cta-bottom-right">
<div class="z-index-1 position-relative">
<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>
<a class="btn btn-primary btn-arrow">Green Currency Calculator</a>
</div>
<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">
<div class="z-index-1 position-relative">
<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>
<a class="btn btn-primary btn-arrow" href="carbon-calculator.html">Green Currency Calculator</a>
</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>{% 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">
<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">
<div class="z-index-1 position-relative">
<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/>
XRP remains in escrow{% endtrans %}</h3>
</div>
<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">
<div class="z-index-1 position-relative">
<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/>
XRP remains in escrow{% endtrans %}</h3>
</div>
</div>
</div>
<div class="link-section py-26" id="wallets">
<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>
<div class="card-grid card-grid-2xN mb-10">
<div class="mr-5-until-md">
<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>
<ul class="ls-none p-0">
<li class="li-links">
<a class="align-items-center d-flex" href=""><img class="mw-100" src="./img/wallets/ledger.svg"></a>
</li>
<li class="li-links">
<a class="align-items-center d-flex" href=""><img class="mw-100" src="./img/wallets/secalot.svg"></a>
</li>
<li class="li-links">
<a class="align-items-center d-flex" href=""><img class="mw-100" src="./img/wallets/trezor.svg"></a>
</li>
<li class="li-links">
<a class="align-items-center d-flex" href=""><img class="mw-100" src="./img/wallets/gatehub.svg"></a>
</li>
</ul>
</div>
<div class="ml-5-until-md mt-10-sm">
<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>
<ul class="ls-none p-0">
<li class="li-links">
<a class="align-items-center d-flex" href=""><img class="mw-100" src="./img/wallets/xumm.svg"></a>
</li>
<li class="li-links">
<a class="align-items-center d-flex" href=""><img class="mw-100" src="./img/wallets/trust.svg"></a>
</li>
</ul>
</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>
</div>
<div class="link-section py-26" id="wallets">
<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>
<div class="card-grid card-grid-2xN mb-10">
<div class="mr-5-until-md">
<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>
<ul class="nav flex-column">
<li class="nav-item">
<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 class="nav-item">
<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 class="nav-item">
<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 class="nav-item">
<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>
</ul>
</div>
<div class="ml-5-until-md mt-10-sm">
<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>
<ul class="nav flex-column">
<li class="nav-item">
<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 class="nav-item">
<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>
</ul>
</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>
</div>
<div class="py-26 link-section" id="exchanges">
<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>
<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="mr-5-until-md">
<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>
</div>
<div class="ml-5-until-md">
<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>
</div>
</div>
<div class="card-grid card-grid-2xN mb-10">
<div class="mr-5-until-md">
<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>
</div>
<div class="ml-5-until-md">
<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>
</div>
</div>
<h6>{% trans %}Top Exchanges, according to CryptoCompare{% endtrans %}</h6>
<div class="card-grid card-grid-2xN mb-10">
<div class="mr-5-until-md">
<ul class="ls-none p-0 mb-0">
<li class="li-links">
<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>
</li>
<li class="li-links">
<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>
</li>
<li class="li-links">
<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>
</li>
<li class="li-links">
<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>
</li>
<li class="li-links">
<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>
</li>
</ul>
</div>
<div class="ml-5-until-md">
<ul class="ls-none p-0">
<li class="li-links">
<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>
</li>
<li class="li-links">
<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>
</li>
<li class="li-links">
<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>
</li>
<li class="li-links">
<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>
</li>
<li class="li-links">
<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>
</li>
</ul>
</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>
</div>
<div class="py-26 link-section" id="exchanges">
<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>
<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="mr-5-until-md">
<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>
</div>
<div class="ml-5-until-md">
<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>
</div>
</div>
<div class="card-grid card-grid-2xN mb-10">
<div class="mr-5-until-md">
<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>
</div>
<div class="ml-5-until-md">
<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>
</div>
</div>
<h6>{% trans %}Top Exchanges, according to CryptoCompare{% endtrans %}</h6>
<div class="card-grid card-grid-2xN mb-10">
<div class="mr-5-until-md">
<ul class="nav flex-column">
<li class="nav-item">
<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 class="nav-item">
<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 class="nav-item">
<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 class="nav-item">
<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 class="nav-item">
<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>
</ul>
</div>
<div class="ml-5-until-md">
<ul class="nav flex-column">
<li class="nav-item">
<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 class="nav-item">
<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 class="nav-item">
<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 class="nav-item">
<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 class="nav-item">
<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>
</ul>
</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>
</div>
</div>
</div>
@@ -242,27 +242,6 @@
{% 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">
gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});

View File

@@ -37,7 +37,7 @@
<section class="container-new py-26">
<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>
</div>
</section>
@@ -69,18 +69,18 @@
</section>
<section class="container-new py-26">
<div class="mx-10">
<h3 class="h4 mb-20">{% trans %}XRP Ledger Foundation Values and Beliefs{% endtrans %}</h3>
<h4 class="h5">{% trans %}We Value:{% endtrans %}</h4>
</div>
<div class="mx-10">
<h3 class="h4 mb-20">{% trans %}XRP Ledger Foundation Values and Beliefs{% endtrans %}</h3>
<h4 class="h5">{% trans %}We Value:{% endtrans %}</h4>
</div>
<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 %}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>
</ul>
<div class="mx-10">
<h4 class="h5">{% trans %}We Believe:{% endtrans %}</h4>
</div>
<h4 class="h5">{% trans %}We Believe:{% endtrans %}</h4>
</div>
<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 %}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>
</div>
<ul class="page-toc nav flex-column" role="directory">
{% 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>
{% endif %}{% endfor %}
</ul>
{% 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>
{% endif %}{% endfor %}
</ul>
</div>
{% endblock %}