adding wallet logos, edits to the xrp overview page

This commit is contained in:
Calvin Jhunjhnuwala
2021-06-26 00:32:41 -07:00
58 changed files with 1319 additions and 307 deletions

View File

@@ -23,6 +23,6 @@
{% if not have_edit_link %}
{% set githuburl = target.github_forkurl %}
{% endif %}
<a href="{{githuburl}}" target="_blank" class="nav-link github-edit">{% trans %}Edit{% endtrans %}</a>
<a href="{{githuburl}}" target="_blank" class="nav-link github-edit">{% trans %}Edit page{% endtrans %}</a>
{% endif %}
</div><!-- /.github-edit -->

View File

@@ -1,30 +1,55 @@
<div class="container-fluid">
<nav class="top-nav navbar navbar-expand-lg navbar-dark row">
<a href="{% if target.prefix %}{{target.prefix}}{% else %}/{% endif %}" class="navbar-brand"><img src="{{currentpage.prefix}}assets/img/XRPLedger_DevPortal-white.svg" class="logo" height="44" alt="{{target.display_name}}" /></a>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarHolder" aria-controls="navbarHolder" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
<nav class="top-nav navbar navbar-expand-lg navbar-dark fixed-top">
<a href="{% if target.prefix %}{{target.prefix}}{% else %}/{% endif %}" class="navbar-brand"><img src="{{currentpage.prefix}}assets/img/XRPLedger_DevPortal-white.svg" class="logo" height="40" alt="{{target.display_name}}" /></a>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#top-main-nav" aria-controls="navbarHolder" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"><div></div></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarHolder">
<ul class="nav navbar-nav">
<div class="collapse navbar-collapse justify-content-between" id="top-main-nav">
<ul class="nav navbar-nav" id="topnav-pages">
{% macro dropdown(top_page) %}
{% set printed_groupings = [] %}
{% if top_page.children|selectattr('top_nav_omit', 'undefined_or_ne', True)|list|length %}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="topnav_{{top_page.html}}" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{% if top_page.top_nav_name is defined %}{{top_page.top_nav_name}}{% else %}{{top_page.name}}{% endif %}</a>
<div class="top-nav-dropdown dropdown-menu" aria-labelledby="topnav_{{top_page.html}}"><div class="row">
<!-- TODO: link for the parent page here, handle non -->
{% for link in top_page.children if not link.top_nav_omit %}
{% if link.top_nav_grouping is defined and link.top_nav_grouping not in printed_groupings %}
<h5>{{link.top_nav_grouping}}</h5>
{% set _ = printed_groupings.append(link.top_nav_grouping) %}
<a class="nav-link dropdown-toggle" href="#" id="topnav_{{slug(top_page.html)}}" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span>{% if top_page.top_nav_name is defined %}{{top_page.top_nav_name}}{% else %}{{top_page.name}}{% endif %}</span></a>
<div class="dropdown-menu" aria-labelledby="topnav_{{slug(top_page.html)}}" id="topnav_dd_{{slug(top_page.html)}}">
{% if top_page.top_nav_hero_image is defined %}
<a class="dropdown-item dropdown-hero" id="dropdown-hero-for-{{slug(top_page.name)}}" href="{{top_page.html}}">
<img src="{{top_page.top_nav_hero_image}}" alt="{{top_page.name}} icon" />
<div class="dropdown-hero-text">
<h4>{{top_page.name}}</h4>
<p>{{top_page.blurb}}</p>
</div>
</a>
{% else %}
<div class="navcol col-for-{{slug(top_page.top_nav_grouping)}}">
<h5 class="dropdown-item">{{top_page.top_nav_grouping}}</h5>
{% set _ = printed_groupings.append(top_page.top_nav_grouping) %}
<a class="dropdown-item {% if currentpage == top_page %} active{% endif %}" href="{{top_page.html}}">{{top_page.name}}</a>
{% endif %}
<a class="dropdown-item {% if currentpage == link %} active{% endif %}" href="{{link.html}}">{% if link.top_nav_name is defined %}{{link.top_nav_name}}{% else %}{{link.name}}{% endif %}</a>
{% set dropdownchildren = top_page.children|list %}
{% for linkhtml in top_page.top_nav_shortcuts %}
{% set _ = dropdownchildren.append(pages|selectattr("html", "defined_and_equalto", linkhtml)|first) %}
{% endfor %}
</div></div>
{% for link in dropdownchildren if not link.top_nav_omit %}
{% if link.top_nav_grouping not in printed_groupings %}
{% if printed_groupings %}
</div><!--./col-->
{% endif %}
{% if link.top_nav_grouping is defined %}
<div class="navcol col-for-{{slug(link.top_nav_grouping)}}">
<h5 class="dropdown-item">{{link.top_nav_grouping}}</h5>
{% else %}
<div class="navcol col-for-ungrouped">
{% endif %}
{% set _ = printed_groupings.append(link.top_nav_grouping) %}
{% endif %}
<a class="dropdown-item{% if currentpage == link %} active{% endif %}{% if "//" in link.html %} external-link{% endif %}" href="{{link.html}}">{% if link.top_nav_name is defined %}{{link.top_nav_name}}{% else %}{{link.name}}{% endif %}</a>
{% endfor %}
</div><!--./col-->
</div><!--/.dropdown-menu-->
</li>
{% elif not top_page.top_nav_omit %}
<li class="nav-item">
<a class="nav-link" href="{{top_page.html}}">{{top_page.name}}</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 %}
@@ -32,38 +57,35 @@
{% for page in (pages|first).children %}
{{ dropdown(page) }}
{% endfor %}
{% include 'component-github-edit.html.jinja' %}
<li class="nav-item" id="navbar-search">
<form class="navbar-form navbar-right" role="search">
<div class="form-inline">
<div class="input-group">
<label class="input-group-prepend" for="topsearchbar"><i class="fa fa-search input-group-text"></i><span class="sr-only">{% trans %}Search site...{% endtrans %}</span></label>
<input id="topsearchbox" name="q" type="text" class="form-control" placeholder="{% trans %}Search site...{% endtrans %}">
<div class="input-group-append d-none d-lg-flex">
<button type="button" class="btn btn-default" data-toggle="dropdown" data-target="topnav-search-dropdown-toggle"><i class="fa fa-times"></i><span class="sr-only">{% trans %}Close Search{% endtrans %}</span></button>
</div>
</div><!--/.input-group-->
</div>
</form>
</li><!--/#navbar-search-->
</ul><!-- /.navbar-nav -->
<div class="nav navbar-nav language-selector">
<div class="nav-item" id="topnav-search">
<form class="navbar-form navbar-right" role="search">
<div class="form-inline">
<div class="input-group">
<label class="input-group-prepend" for="topsearchbox"><i class="fa fa-search input-group-text"></i><span class="sr-only">{% trans %}Search{% endtrans %}</span></label>
<input id="topsearchbox" name="q" type="text" class="form-control" placeholder="{% trans %}Search site...{% endtrans %}">
</div><!--/.input-group-->
</div>
</form>
</div><!--/#topnav-search-->
<div class="nav-item" id="topnav-language">
<div class="dropdown">
<a class="nav-link dropdown-toggle with-caret" id="language_selector_header_btn" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{(config.languages|selectattr('code', 'eq', target.lang)|first).display_name}}
<span class="chevron"><span></span><span></span></span>
</a>
<div class="dropdown-menu smaller-dropdown" aria-labelledby="language_selector_header_btn">
{% for lang in config.languages %}
<a class="dropdown-item" href="{{lang.prefix}}{{currentpage.html}}">{{lang.display_name}}</a>
<hr />
{% for lang in config.languages if lang.code != target.lang %}
<a class="dropdown-item" href="{{lang.prefix}}{{currentpage.html}}">
{{lang.display_name}}
</a>
<hr />
{% endfor %}
</div><!--/.dropdown-menu-->
</div><!--/.dropdown-->
</div><!--/.language-selector-->
</div><!--/#navbarHolder-->
</div><!--/#top-main-nav-->
</nav>
</div>

View File

@@ -0,0 +1,237 @@
{% extends "base.html.jinja" %}
{% block head %}
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
{% endblock %}
{% block bodyclasses %}no-sidebar{% endblock %}
{% block mainclasses %}landing{% endblock %}
{% block breadcrumbs %}{% endblock %}
{% block main %}
{# <div id="page-overview-bg" class="pt-40-until-sm"> #}
<section class="py-26 text-center">
<div class="col-lg-6 mx-auto text-center">
<div class="d-flex flex-column-reverse">
<h1 class="mb-18">{% trans %}Your Questions About XRP, Answered{% endtrans %}</h1>
<h6 class="green-500 mb-3">{% trans %}XRP Overview{% endtrans %}</h6>
</div>
</div>
</section>
<section class="container-new my-20">
<div class="card-grid card-grid-1x2">
<div class="col-new">
<ul class="p-0 sticky-top top-20">
<li class="ls-none"><a href="#about-xrp">About XRP</a></li>
<li class="ls-none"><a href="#xrp-trading">XRP in Trading</a></li>
<li class="ls-none"><a href="#ripple">Ripple vs. XRP</a></li>
<li class="ls-none"><a href="#wallets">XRP Wallets</a></li>
<li class="ls-none"><a href="#exchanges">XRP Exchanges</a></li>
</ul>
</div>
<div class="col-new">
<div class="" 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>
<table class="mb-10 landing-table">
<thead>
<tr>
<th><h6>{% trans %}Benefits{% endtrans %}</h6></th>
<th><h6>{% trans %}XRP{% endtrans %}</h6></th>
<th><h6>{% trans %}Bitcoin{% endtrans %}</h6></th>
</tr>
</thead>
<tbody>
<tr>
<td>{% trans %}Fast{% endtrans %}</td>
<td>{% trans %}3-5 seconds to settle{% endtrans %}</td>
<td>{% trans %}500 seconds to settle{% endtrans %}</td>
</tr>
<tr>
<td>{% trans %}Low-Cost{% endtrans %}</td>
<td>{% trans %}$0.0002/tx{% endtrans %}</td>
<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>
</tr>
<tr>
<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>
</table>
<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>
<div class="mt-10 p-10 br-8 bg-grey-800 text-center">
<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">Green Currency Calculator</a>
</div>
</div>
<div class="py-26" id="xrp-trading">
<h2 class="h4 mb-8">{% trans %}How Is XRP Used in Trading?{% endtrans %}</h2>
<h5 class="longform mb-10">{% trans %}XRP is traded on more than 100 markets and exchanges worldwide.{% endtrans %}</h5>
<p class="mb-6">{% trans %}XRPs 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 %}Because of the properties inherent to XRP and the ecosystem around it, traders worldwide are able to shift collateral, bridge currencies and switch from one crypto into another nearly instantly, across any exchange on the planet.{% endtrans %}</p>
</div>
<div class="py-26" id="ripple">
<h2 class="h4 mb-8">{% trans %}What Is the Relationship Between Ripple and XRP?{% endtrans %}</h2>
<h5 class="longform mb-10">{% 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. {% endtrans %}</h5>
<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">
<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 class="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">
<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="py-26" 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>
</div>
</section>
</div>
{% endblock %}
{% block endbody %}
<script type="application/javascript">
gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
</script>
{% endblock %}

View File

@@ -38,29 +38,29 @@
<section class="container-new py-26">
<div class="mt-10 card-grid card-grid-2xN">
<div class="col-new ls-none mb-16-sm">
<div class="col-new mb-16-sm">
<h2 class="h4 mb-8">{% trans %}How The Consensus Protocol Works{% endtrans %}</h2>
<h5 class="longform mb-10">{% trans %}XRPL uses a consensus protocol, in which designated servers called validators come to an agreement on the order and outcome of XRP transactions every 3-5 seconds.{% endtrans %}</h5>
<p class="mb-6">{% trans %}All servers in the network process each transaction according to the same rules, and any transaction that follows the protocol is confirmed right away. All transactions are public, with strong cryptography to guarantee the integrity of the system.{% endtrans %}</p>
<p class="mb-0">{% trans %}Anyone can operate a validator; currently, over 150 validators are active on the ledger, operated by universities, exchanges, businesses, and individuals. Additionally, the consensus protocol ensures the blockchain becomes more decentralized over time as the validator pool grows.{% endtrans %}</p>
</div>
<div class="col-new ls-none mb-16-sm">
<div class="col-new mb-16-sm">
<img class="mw-100" src="./img/graphics/validator.svg">
</div>
</div>
</section>
<section class="container-new py-26">
<div class="col-md-6 offset-md-3 p-10 br-8 bg-grey-800 text-center">
<h2 class="h4 mb-10">{% trans %}A Greener Blockchain{% endtrans %}</h2>
<p class="mb-10">{% trans %}Unlike most other blockchains, the XRP Ledger does not need mining, so no energy is wasted in the transaction process. Learn how this compares to other platforms with our Green Currency Calculator.{% endtrans %}</p>
<a class="btn btn-primary">Get Technical</a>
</div>
</section>
<div class="col-md-6 offset-md-3 p-10 br-8 bg-grey-800 text-center">
<h2 class="h4 mb-10">{% trans %}A Greener Blockchain{% endtrans %}</h2>
<p class="mb-10">{% trans %}Unlike most other blockchains, the XRP Ledger does not need mining, so no energy is wasted in the transaction process. Learn how this compares to other platforms with our Green Currency Calculator.{% endtrans %}</p>
<a class="btn btn-primary">Get Technical</a>
</div>
</section>
<section class="container-new py-26">
<div class="mt-10 card-grid card-grid-2xN">
<div class="col-new ls-none mb-16-sm">
<div class="col-new mb-16-sm">
<div class="d-flex flex-column-reverse">
<h2 class="h4 mb-8">{% trans %}XRPL provides powerful utility across the blockchain space{% endtrans %}</h2>
<h6 class="green-500 mb-3">{% trans %}XRPL Today{% endtrans %}</h6>
@@ -69,7 +69,7 @@
<p class="mb-10">{% trans %}With the XRPL, these developers are building innovative projects and applications across blockchain use cases including tokenization of assets, online gaming, asset custody, NFTs, and DeFi.{% endtrans %}</p>
<a class="btn btn-primary">{% trans %}Explore More{% endtrans %}</a>
</div>
<div class="col-new ls-none mb-16-sm">
<div class="col-new mb-16-sm">
<div class="d-flex flex-column-reverse">
<h2 class="h4 mb-8">{% trans %}Fulfilling the vision of the XRPL community{% endtrans %}</h2>
<h6 class="green-500 mb-3">{% trans %}XRPL Tomorrow{% endtrans %}</h6>

View File

@@ -30,6 +30,7 @@
{% endblock %}
{% block right_sidebar %}
{% include 'component-github-edit.html.jinja' %}
<div id="page-toc-wrapper">
{% include 'component-label-list.html.jinja' %}
<div class="toc-header">