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

Move/rename templates

Browse Source
This commit is contained in:
mDuo13
2021-06-15 12:01:08 -07:00
parent b5f8ed4efc
commit 3e110f3852
67 changed files with 509 additions and 870 deletions
Download Patch File Download Diff File Expand all files Collapse all files

132
template/DEPRECATED-explore-businesses.html Normal file
View File

@@ -0,0 +1,132 @@
{% 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-business-bg">
<img id="page-business-top" src="assets/img/backgrounds/bg-business-top.png">
<div class="container marketing-wrapper">
<section class="row mb-50-until-sm mb-20">
<div class="col-md-4 d-flex flex-column-reverse justify-content-end">
<h1 class="mb-10">{% trans %}Solving Real Problems Across Industries{% endtrans %}</h1>
<h3 class="text-primary mb-4 h6">{% trans %}Businesses Running on the XRP Ledger{% endtrans %}</h3>
</div>
<div class="col-sm-6 offset-sm-1">
<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">
<ul class="col ml-3">
<li><a href="https://www.bitgo.com/" target="_blank">{% trans %}Asset Custody{% endtrans %}</a></li>
<li><a href="https://bitpay.com/" target="_blank">{% trans %}Payment Processing{% endtrans %}</a></li>
<li><a href="https://coil.com/" target="_blank">{% trans %}Micropayments{% endtrans %}</a></li>
<li><a href="https://www.exodus.io/" target="_blank">{% trans %}Wallets{% endtrans %}</a></li>
<li><a href="https://raisedinspace.com/" target="_blank">{% trans %}Music{% endtrans %}</a></li>
</ul>
<ul class="col">
<li><a href="https://ripple.com/" target="_blank">{% trans %}On-Demand Liquidity{% endtrans %}</a></li>
<li><a href="https://www.forte.io/" target="_blank">{% trans %}Gaming{% endtrans %}</a></li>
<li><a href="https://towo.io/" target="_blank">{% trans %}Infrastructure{% endtrans %}</a></li>
<li><a href="https://xrplorer.com/" target="_blank">{% trans %}Security{% endtrans %}</a></li>
<li><a href="https://xrpl-labs.com/" target="_blank">{% trans %}Applications{% endtrans %}</a></li>
</ul>
</div>
</div>
</section>
<section class="row mb-50">
<h6 class="section-marker">{% trans %}Businesses Using XRP{% endtrans %}</h6>
<a class="col-md-5 mb-20-until-sm mb-10 card-b" href="https://www.bitgo.com/" target="_blank">
<img class="mw-100" src="assets/img/businesses/bitgo.png">
<h3 class="my-10 h4">{% trans %}Asset Custody{% endtrans %}</h3>
<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 class="col-md-5 mb-20-until-sm mb-10 card-b offset-md-1" href="https://bitpay.com/" target="_blank">
<img class="mw-100" src="assets/img/businesses/bitpay.png">
<h3 class="my-10 h4">{% trans %}Payment Processing{% endtrans %}</h3>
<p class="text-white">{% trans %}BitPay builds powerful, enterprise-grade tools for accepting and spending cryptocurrencies, including XRP.{% endtrans %}</p>
</a>
<a class="col-md-5 mb-20-until-sm mb-10 card-b" href="https://coil.com/" target="_blank">
<img class="mw-100" src="assets/img/businesses/coil.png">
<h3 class="my-10 h4">{% trans %}Web Monetization{% endtrans %}</h3>
<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 payment channels provide an ideal system for settling these micropayments at high speed and low cost.{% endtrans %}</p>
</a>
<a class="col-md-5 mb-20-until-sm mb-10 card-b offset-md-1" href="https://www.forte.io/" target="_blank">
<img class="mw-100" src="assets/img/businesses/forte.png">
<h3 class="my-10 h4">{% trans %}Online Gaming{% endtrans %}</h3>
<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 class="col-md-5 mb-20-until-sm mb-10 card-b" href="https://gatehub.net/" target="_blank">
<img class="mw-100" src="assets/img/businesses/gatehub-logo.png" >
<h3 class="my-10 h4">{% trans %}Wallet and Platform{% endtrans %}</h3>
<p class="text-white">{% trans %}GateHub is a platform for the Internet of Value, built on XRP Ledger protocol. It allows everyone to send, receive, trade and manage any type of assets.{% endtrans %}</p>
</a>
<a class="col-md-5 mb-20-until-sm mb-10 card-b offset-md-1" href="https://www.exodus.io/" target="_blank">
<img class="mw-100" src="assets/img/businesses/exodus.png">
<h3 class="my-10 h4">{% trans %}Wallets and Apps{% endtrans %}</h3>
<p class="text-white">{% trans %}Exodus offers wallets and applications for securing, managing and exchanging crypto.{% endtrans %}</p>
</a>
<a class="col-md-5 mb-20-until-sm mb-10 card-b" href="https://raisedinspace.com/" target="_blank">
<img class="mw-100" src="assets/img/businesses/raised-in-space.png">
<h3 class="my-10 h4">{% trans %}Music{% endtrans %}</h3>
<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 class="col-md-5 mb-20-until-sm mb-10 card-b offset-md-1" href="https://ripple.com/" target="_blank">
<img class="mw-100" src="assets/img/businesses/ripple.png">
<h3 class="my-10 h4">{% trans %}On-Demand Liquidity{% endtrans %}</h3>
<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 class="col-md-5 mb-20-until-sm mb-10 card-b" href="https://towo.io/" target="_blank">
<img class="mw-100" src="assets/img/businesses/towo-labs.png">
<h3 class="my-10 h4">{% trans %}Infrastructure{% endtrans %}</h3>
<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 class="col-md-5 mb-20-until-sm mb-10 card-b offset-md-1" href="https://xrplorer.com/" target="_blank">
<img class="mw-100" src="assets/img/businesses/xrplorer.png">
<h3 class="my-10 h4">{% trans %}Security{% endtrans %}</h3>
<p class="text-white">{% trans %}Xrplorer offers services and tools that help prevent and combat fraudulent activity on the XRP Ledger as well as custom APIs and analytics that supplement the XRP Ledger APIs where they are not enough.{% endtrans %}</p>
</a>
<a class="col-md-5 mb-20-until-sm mb-10 card-b" href="https://xrpl-labs.com/" target="_blank">
<img class="mw-100" src="assets/img/businesses/xrpl-labs.png" >
<h3 class="my-10 h4">{% trans %}Applications{% endtrans %}</h3>
<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>
<div class="w-100"></div>
<div class="col-md-4 offset-md-6">
<p class="text-smallest">{% trans %}Disclaimer: XRPL.org does not endorse or recommend any wallets or exchanges, or make any representations with respect to wallets. It’s advisable to conduct your own due diligence before relying on any third party or third-party technology.{% endtrans %}</p>
</div>
</section>
</div>
<img id="page-business-bot" src="assets/img/backgrounds/bg-business-bot.png">
</div>
{% endblock %}
{% block endbody %}
<script type="text/javascript">
$( '.card-b' )
.mouseover( function(e){
$( '.card-b' ).addClass( 'not-hover' );
$( this ).removeClass( 'not-hover' );
})
.mouseout( function(e){
$( '.card-b' ).removeClass( 'not-hover' );
});
</script>
<script type="application/javascript">
gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
</script>
{% endblock %}

93
template/DEPRECATED-explore-exchanges.html Normal file
View File

@@ -0,0 +1,93 @@
{% 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-exchanges-bg">
<div class="container marketing-wrapper">
<section class="row mb-20 mt-40-until-sm mb-40-until-sm">
<div class="col-lg-4 d-flex flex-column-reverse justify-content-end mb-10">
<h1>{% trans %}XRP Is Traded on More Than 100 Markets and Exchanges Worldwide{% endtrans %}</h1>
<h3 class="text-primary mb-4 h6">{% trans %}XRP Exchanges{% endtrans %}</h3>
</div>
<div class="col-lg-6 offset-lg-1">
<h2 class="mt-12 mb-10">{% trans %}Exchanges are where people trade currencies.{% endtrans %}</h2>
<p>{% 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>{% trans %}Spot exchanges allow people to buy and sell cryptocurrencies at current (spot) market rates. Futures, options and swap exchanges allow people to buy and sell standardized contracts of cryptocurrency market rates in the future.{% endtrans %}</p>
<p>{% trans %}Custodial exchanges manage a user’s private keys, and publish centralized order books of buyers and sellers. Non-custodial exchanges, also known as decentralized exchanges, do not manage a user’s private keys, and publish decentralized order books of buyers and sellers on a blockchain.{% endtrans %}</p>
</div>
</section>
<section class="row last-section">
<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="d-flex flex-wrap w-100 justify-center-sm">
<a class="square d-flex card-b" href="https://www.coinbase.com/" target="_blank">
<img class="mw-100" src="assets/img/exchanges/coinbase.png" alt="Coinbase logo">
</a>
<a class="square d-flex card-b" href="https://www.binance.com/" target="_blank">
<img class="mw-100" src="assets/img/exchanges/binance.png" alt="Binance logo">
</a>
<a class="square d-flex card-b" href="https://www.bitstamp.com/" target="_blank">
<img class="mw-100" src="assets/img/exchanges/bitstamp.png" alt="Bitstamp logo">
</a>
<a class="square d-flex card-b" href="https://www.kraken.com/" target="_blank">
<img class="mw-100" src="assets/img/exchanges/kraken.png" alt="Kraken logo">
</a>
<a class="square d-flex card-b" href="https://cex.io/" target="_blank">
<img class="mw-100" src="assets/img/exchanges/cex-io.png" alt="Cex.io logo">
</a>
<a class="square d-flex card-b" href="https://www.bitfinex.com/" target="_blank">
<img class="mw-100" src="assets/img/exchanges/bitfinex.png" alt="Bitfinex logo">
</a>
<a class="square d-flex card-b" href="https://www.luno.com/" target="_blank">
<img class="mw-100" src="assets/img/exchanges/luno.png" alt="Luno logo">
</a>
<a class="square d-flex card-b" href="https://bittrex.com/" target="_blank">
<img class="mw-100" src="assets/img/exchanges/bittrex.png" alt="Bittrex logo">
</a>
<a class="square d-flex card-b" href="https://www.independentreserve.com/" target="_blank">
<img class="mw-100" src="assets/img/exchanges/independent-reserve.png" alt="Independent Reserve logo">
</a>
<a class="square d-flex card-b" href="https://www.liquid.com/" target="_blank">
<img class="mw-100" src="assets/img/exchanges/liquid.png" alt="Liquid logo">
</a>
</div>
<div class="w-100"></div>
<p class="col-sm-4 offset-sm-8 mt-16 text-smallest">{% 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. It’s 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>
</section>
</div>
<img id="page-exchanges-bot" src="assets/img/backgrounds/bg-exchanges-bot.png">
</div>
{% endblock %}
{% block endbody %}
<script type="text/javascript">
$( '.card-b' )
.mouseover( function(e){
$( '.card-b' ).addClass( 'not-hover' );
$( this ).removeClass( 'not-hover' );
})
.mouseout( function(e){
$( '.card-b' ).removeClass( 'not-hover' );
});
</script>
<script type="application/javascript">
gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
</script>
{% endblock %}

85
template/DEPRECATED-explore-wallets.html Normal file
View File

@@ -0,0 +1,85 @@
{% 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 page-wallets{% endblock %}
{% block mainclasses %}landing{% endblock %}
{% block breadcrumbs %}{% endblock %}
{% block main %}
<div class="fullwidth-bg">
<div class="container">
<section class="row mt-20 mb-20 mt-40-until-sm mb-40-until-sm">
<div class="col-lg-3 d-flex flex-column-reverse justify-content-end mb-10">
<h1>{% trans %}Options for Storing XRP{% endtrans %}</h1>
<h3 class="text-primary mb-4 h6">{% trans %}XRP Wallets{% endtrans %}</h3>
</div>
<div class="col-lg-7 offset-lg-1">
<h2 class="mt-12 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 %}</h2>
<p>{% trans %}Custodial wallets manage a user's private key, which allows the wallet to withdraw cryptocurrency on a user's behalf. Non-custodial wallets do not manage a user's private key, which is up to the user to manage, and therefore cannot send cryptocurrency on the user's behalf.{% endtrans %}</p>
</div>
</section>
<section class="mb-50 row">
<h5 class="ml-3 mb-3">{% trans %}XRP Ledger Software Wallets:{% endtrans %}</h5>
<div class="w-100"></div>
<div class="d-flex flex-wrap w-100 mb-10">
<a class="square d-flex card-b" href="https://ripplex.io/portal/" target="_blank">
<img class="mw-100" src="assets/img/logos/ripplex.svg" alt="RippleX logo" width="190">
</a>
<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">
</a>
<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">
</a>
<a class="square d-flex card-b" href="https://gatehub.net/" target="_blank">
<img class="mw-100" src="./img/wallets/gatehub-logo.png" alt="GateHub logo">
</a>
</div>
<h5 class="ml-3 mb-3">{% trans %}Hardware Wallets:{% endtrans %}</h5>
<div class="d-flex flex-wrap w-100">
<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">
</a>
<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">
</a>
<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">
</a>
</div>
<div class="w-100"></div>
<p class="col-sm-4 offset-sm-8 mt-16 text-smallest">{% trans %}Disclaimer: XRPL.org does not endorse or recommend any wallets or make any representations with respect to wallets or the purchase or sale of digital assets more generally. It’s 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>
</section>
</div>
</div>
{% endblock %}
{% block endbody %}
<script type="text/javascript">
$( '.card-b' )
.mouseover( function(e){
$( '.card-b' ).addClass( 'not-hover' );
$( this ).removeClass( 'not-hover' );
})
.mouseout( function(e){
$( '.card-b' ).removeClass( 'not-hover' );
});
</script>
<script type="application/javascript">
gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
</script>
{% endblock %}

159
template/base.html.jinja Normal file
View File

@@ -0,0 +1,159 @@
<!DOCTYPE html>
<html lang="{{target.lang}}">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{{ currentpage.name }} - {{target.display_name}}</title>
<meta name="viewport" content="width=device-width">
<meta property="og:title" content="{{ currentpage.name|escape }} | {{ target.display_name }}">
<meta property="og:url" content="https://xrpl.org/{% if currentpage.html != 'index.html' %}{{currentpage.html}}{% endif %}" />
<meta property="og:description" content="{% if currentpage.html == 'index.html' %}{{ target.blurb|escape}}{% else %}{{ currentpage.blurb|escape }}{% endif %}" />
<meta name="description" content="{% if currentpage.html == 'index.html' %}{{ target.blurb|escape}}{% else %}{{ currentpage.blurb|escape }}{% endif %}" />
<meta property="og:image" content="https://xrpl.org/assets/img/{% if currentpage.fb_card %}{{currentpage.fb_card}}{% else %}xrpl-fb-li-card.png{% endif %}" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:image" content="https://xrpl.org/assets/img/{% if currentpage.twitter_card %}{{currentpage.twitter_card}}{% else %}xrpl-twitter-card.png{% endif %}" />
{% if currentpage.canonical_url %}<link rel="canonical" href="{{currentpage.canonical_url}}" />{% endif %}
<meta name="robots" content="index, follow" />
{% for lang in config.languages %}
<link rel="alternate" href="https://xrpl.org{{lang.prefix}}{{currentpage.html}}" hreflang="{{lang.code}}" />
{% endfor %}
<link rel="alternate" href="https://xrpl.org/{{currentpage.html}}" hreflang="x-default" /><!-- Default: US english -->
<!-- favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="{{currentpage.prefix}}assets/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="{{currentpage.prefix}}assets/favicons/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="{{currentpage.prefix}}assets/favicons/favicon-32x32.png">
<link rel="manifest" href="{{currentpage.prefix}}assets/favicons/site.webmanifest">
<link rel="shortcut icon" href="favicon.ico">
<meta name="msapplication-TileColor" content="#25A768">
<meta name="msapplication-config" content="{{currentpage.prefix}}assets/favicons/browserconfig.xml">
<meta name="theme-color" content="#25A768">
<!-- jQuery -->
<script src="{{currentpage.prefix}}assets/vendor/jquery-3.6.0.min.js"></script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KCQZ3L8');</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-45576805-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-45576805-2');
gtag('config', 'UA-157720658-3', { 'linker': {
'domains': ['blog.xpring.io', 'forum.xpring.io', 'xpring.io',
'blog.ripplex.io', 'forum.ripplex.io', 'ripplex.io',
'xrpl.org', 'explorer.xrpl.org', 'testnet.xrpl.org']
} }
);
</script>
<!-- Stylesheet -->
{% if target.lang=="ja" %}
<link href="{{currentpage.prefix}}assets/css/fonts-ja.css" rel="stylesheet" />
{% endif %}
<link href="{{currentpage.prefix}}assets/css/devportal2020.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
{% if "js_editor" in currentpage.filters %}
<script src="assets/vendor/jshint.js"></script>
<script src="assets/vendor/codemirror-js-json-lint.min.js"></script>
<script src="assets/vendor/cm-javascript-lint.js"></script>
<script src="assets/js/js-editor.js"></script>
{% endif %}
{% block head %}
{% endblock %}
</head>
<body class="xrp-ledger-dev-portal {% if currentpage.sidebar is undefined or currentpage.sidebar != "disabled" %}sidebar-primary {% endif %}lang-{{target.lang}} {% block bodyclasses %}{% endblock %}" data-spy="scroll" data-target=".page-toc" data-offset="0">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KCQZ3L8"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
{% include 'component-top-nav.html.jinja' %}
<div class="container-fluid" role="document" id="main_content_wrapper">
<div class="row">
<!-- Right sidebar first so it's at the beginning for mobile layouts -->
{% if currentpage.sidebar is undefined or (currentpage.sidebar != "disabled" and currentpage.sidebar != "left_only") %}
<aside class="right-sidebar col-lg-3 order-lg-4" role="complementary">
{% block right_sidebar %}{% endblock %}
</aside>
{% endif %}
<!-- main column -->
<main class="main {% if currentpage.sidebar is defined and currentpage.sidebar == "disabled" %}col-md-12{% elif currentpage.sidebar == "left_only" %}col-lg-9 col-md-7{% else %}col-md-7 col-lg-6{% endif %} order-md-3 {% block mainclasses %}{% endblock %}" role="main" id="main_content_body">
{% block breadcrumbs %}
{% include 'breadcrumbs.html' %}
{% endblock %}
{% block main %}{% endblock %}
</main>
{% if currentpage.sidebar is undefined or currentpage.sidebar != "disabled" %}
<!-- Left sidebar last so it's at the end for mobile -->
<aside class="sidebar col-md-5 col-lg-3 order-md-1" role="complementary">
{% block left_sidebar %}
{% set docs_top = pages|selectattr('html', 'defined_and_equalto', 'docs.html')|list|first %}
{% if docs_top.is_ancestor_of(currentpage.html) %}
{% set tree_top = docs_top %}
{% endif %}
{% include "component-tree-nav.html.jinja" %}
{% endblock %}
</aside>
{% endif %}
</div><!--/.row (main layout)-->
</div>
{% include 'component-footer.html.jinja' %}
<!-- Non-blocking resources -->
<!-- Bootstrap JS -->
<script src="{{currentpage.prefix}}assets/vendor/bootstrap.min.js"></script>
<!-- fontawesome icons -->
<link rel="stylesheet" href="{{currentpage.prefix}}assets/vendor/fontawesome/css/font-awesome.min.css" />
<!-- Algolia DocSearch -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript"> docsearch({
apiKey: '70de5b9b8ef95460f3c6e04054b325b2',
indexName: 'xrpl',
inputSelector: '#topsearchbox',
algoliaOptions: { 'facetFilters': ["lang:{{target.lang}}"] },
debug: false
});
</script>
<style>
#algolia-autocomplete-listbox-0 {
z-index: 1100 !important;
}
</style>
{% if currentpage.embed_ripple_lib %}
<!-- ripple-lib & prerequisites -->
{{currentpage.lodash_tag}}
{{currentpage.ripple_lib_tag}}
{% endif %}
{% if "interactive_steps" in currentpage.filters %}
<!-- Helper for interactive tutorials -->
<script type="application/javascript" src="{{currentpage.prefix}}assets/js/interactive-tutorial.js"></script>
{% endif %}
{% block endbody %}{% endblock %}
</body>
</html>

21
template/component-feedback-widget.html.jinja Normal file
View File

@@ -0,0 +1,21 @@
<!-- Feedback Widget -->
<script src="{{currentpage.prefix}}assets/vendor/custom-widget.js"></script>
<div id="feedback-content"></div>
<script>
const widget = new EmbeddableWidget.default({
theme: 'xrpl',
opened: false,
parentElement: '#feedback-content',
currentPath: window.location.pathname,
adapter: 'ga',
app:'Feedback Widget',
adapterConfig:{
containerId:"GTM-THHW334",
trackingId:"UA-45576805-2"
}
});
setTimeout(() => {
widget.open();
// EmbeddableWidget.default.unmount();
}, 2000);
</script>

32
template/component-footer.html.jinja Normal file
View File

@@ -0,0 +1,32 @@
<footer class="xrpl-footer" role="contentinfo">
<section class="container card-grid card-grid-Nx1">
{% for parent_page in (pages|first).children %}
{% set parent_html = parent_page.html %}
<div class="card">
<div class="card-header">
<h5><a href="{{ parent_page.html }}">{{ parent_page.name }}</a></h5>
</div><!--/.card-header-->
<div class="card-body">
{% set depth = 1 %}
{% set count = 5 %}
{% include 'children.html' %}
</div><!--/.card-body-->
</div><!--/.card -->
{% endfor %}
</section>
<section class="container">
<div class="absolute_bottom_footer">
<span>&copy; XRP Ledger Project 2020</span>
<span><a href="https://raw.githubusercontent.com/ripple/ripple-dev-portal/master/LICENSE">{% trans %}License{% endtrans %}</a></span>
</div><!-- /.absolute_bottom_footer -->
</section>
</footer>
<!-- Jump to top button -->
<a href="#main_content_wrapper" class="jump-to-top btn btn-primary" role="button" title="{% trans %}Jump to top of page{% endtrans %}">{% trans %}Top{% endtrans %}</a>
<script type="text/javascript" src="{{currentpage.prefix}}assets/js/jump-to-top.js"></script>

28
template/component-github-edit.html.jinja Normal file
View File

@@ -0,0 +1,28 @@
<div class="nav-item github-edit-wrap">
{% if target.github_forkurl is defined %}
{% set have_edit_link = False %}
{% if currentpage.md is defined %}
{% if currentpage.md.startswith("http://") or
currentpage.md.startswith("https://") %}
{# Leave have_edit_link = False #}
{% else %}
{% set have_edit_link = True %}
{% set githuburl = target.github_forkurl + "/edit/"
+ target.github_branch
+ "/content/" + currentpage.md %}
{% endif %}
{% elif currentpage.template is defined %}
{% set have_edit_link = True %}
{% set githuburl = target.github_forkurl + "/edit/"
+ target.github_branch + "/tool/" + currentpage.template %}
{% endif %}
{% if target.is_pr_build is defined and target.is_pr_build and have_edit_link %}
{% set githuburl = githuburl + "?pr=/ripple/xrpl-dev-portal/pull/"
+ target.github_pr_id %}
{% endif %}
{% 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>
{% endif %}
</div><!-- /.github-edit -->

20
template/component-label-list.html.jinja Normal file
View File

@@ -0,0 +1,20 @@
{% if use_page is undefined %}{% set use_page = currentpage %}{% endif %}
{% if use_page.labels %}
<div class="labels-wrap">
<ul class="list-inline">
{% for label in use_page.labels %}
{% set label_landing = pages|selectattr("landing_for", "defined_and_equalto", label)|first %}
{% if label_landing %}
<li class="list-inline-item">
<a href="{% if "//" not in label_landing.html %}{{target.prefix}}{% endif %}{{label_landing.html}}" class="label label-{{slug(label)}}">{{label}}</a>
</li>
{% else %}
<li class="list-inline-item">
<span class="label label-{{slug(label)}}">{{label}}</span>
<!-- TEMPLATE WARNING: no label landing found for "{{label}}" -->
</li>
{% endif %}
{% endfor %}
</ul>
</div><!--/.labels-wrap-->
{% endif %}

1
template/component-status_not_enabled.html.jinja Normal file
View File

@@ -0,0 +1 @@
<span class="status not_enabled" title="This feature is not currently enabled on the production XRP Ledger."><i class="fa fa-flask"></i></span>

1
template/component-status_removed.html.jinja Normal file
View File

@@ -0,0 +1 @@
<span class="status removed" title="This page describes a legacy feature that has been removed."><i class="fa fa-trash-o"></i></span>

69
template/component-top-nav.html.jinja Normal file
View File

@@ -0,0 +1,69 @@
<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>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarHolder">
<ul class="nav navbar-nav">
{% 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) %}
{% 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>
{% endfor %}
</div></div>
</li>
{% elif not top_page.top_nav_omit %}
<li class="nav-item">
<a class="nav-link" href="{{top_page.html}}">{{top_page.name}}</a>
</li>
{% endif %}
{% endmacro %}
{% 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="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}}
</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>
{% endfor %}
</div><!--/.dropdown-menu-->
</div><!--/.dropdown-->
</div><!--/.language-selector-->
</div><!--/#navbarHolder-->
</nav>
</div>

48
template/component-tree-nav.html.jinja Normal file
View File

@@ -0,0 +1,48 @@
{% if tree_top is undefined %}
{% set tree_top = pages|list|first %}
{% endif %}
{% macro page_w_children(pg, n) %}
{% if not (pg.nav_omit and pg != currentpage) %}
{% if pg.is_ancestor_of(currentpage.html) %}
{% set active_parent=True %}
{% else %}
{% set active_parent=False %}
{% endif %}
<div class="nav-item {% if currentpage == pg %}active{% elif active_parent%}active-parent{% endif %}">
{% if not pg.children %}
{% if "//" in pg.html %}
<a class="nav-link nav-leaf external-link" target="_blank" href="{% if "//" not in pg.html %}{{currentpage.prefix}}{% endif %}{{pg.html}}">{{ pg.name }}{% if pg.status is defined %} {% include 'component-status_'+pg.status+'.html.jinja' %}{% endif %} <i aria-hidden="true" class="fa fa-external-link"></i></a>
{% else %}
<a class="nav-link nav-leaf" href="{% if "//" not in pg.html %}{{currentpage.prefix}}{% endif %}{{pg.html}}">{{ pg.name }}{% if pg.status is defined %} {% include 'component-status_'+pg.status+'.html.jinja' %}{% endif %}</a>
{% endif %}
{% else %}
<a class="nav-toggler {% if not active_parent and currentpage != pg %}collapsed{% endif %}" role="button" data-toggle="collapse" href="#tree_nav_group_{{n}}" aria-expanded="{% if active_parent or currentpage == pg %}true{% else %}false{% endif %}" aria-controls="tree_nav_group_{{n}}"></a>
{% if "//" in pg.html %}
<a class="nav-link external-link" target="_blank" href="{% if "//" not in pg.html %}{{currentpage.prefix}}{% endif %}{{pg.html}}">{{ pg.name }}{% if pg.status is defined %} {% include 'component-status_'+pg.status+'.html.jinja' %}{% endif %} <i aria-hidden="true" class="fa fa-external-link"></i></a>
{% else %}
<a class="nav-link" href="{% if "//" not in pg.html %}{{currentpage.prefix}}{% endif %}{{pg.html}}">{{ pg.name }}{% if pg.status is defined %} {% include 'component-status_'+pg.status+'.html.jinja' %}{% endif %}</a>
{% endif %}
<nav class="nav flex-column {% if active_parent or pg == currentpage %}show {% else %}collapse{% endif %}" id="tree_nav_group_{{n}}">
{% for child in pg.children %}
{{ page_w_children(child, n~"_"~loop.index) }}
{% endfor %}
</nav>
{% endif %}
</div>
{% endif %}
{% endmacro %}
<nav class="nav flex-column dactyl-tree-nav">
<div class="nav-item nav-parent">
<a class="nav-link" href="{% if "//" not in tree_top.html %}{{currentpage.prefix}}{% endif %}{{tree_top.html}}">{{tree_top.name}}{% if tree_top.status is defined %} {% include 'component-status_'+tree_top.status+'.html.jinja' %}{% endif %}</a>
</div>
{% for child in tree_top.children %}
{{ page_w_children(child, loop.index) }}
{% endfor %}
</nav>

18
template/page-404.html.jinja Normal file
View File

@@ -0,0 +1,18 @@
{% extends "base.html.jinja" %}
{% block main %}
<article class="pt-3 p-md-3">
<h1>Not Found</h1>
<div class="content">
<p>Sorry, this page does not exist. Try looking in the <a href="/docs.html#full-doc-index">Full Documentation Index</a>, or you can search the site with Google:</p>
<form role="search" method="get" action="https://www.google.com/search">
<div class="form-inline">
<label class="sr-only" for="centersearch">Search site with Google...</label>
<input name="q" value="site:xrpl.org" type="hidden">
<input id="centersearch" name="q" type="text" class="form-control" placeholder="Search site with Google...">
<button type="submit" class="btn btn-default fa fa-search">&nbsp;</button>
</div>
</form>
</div>
</article>
{% endblock %}

21
template/page-by-label.html.jinja Normal file
View File

@@ -0,0 +1,21 @@
{% extends "base.html.jinja" %}
{% block main %}
<section class="content">
<h1 id="main-page-header">{{ currentpage.name }}</h1>
<ul class="tag-cloud list-inline">
{% set lblsize = label_sizes(pages) %}
{% for page in pages %}
{% if page.landing_for is defined %}
<li class="list-inline-item">
<a class="label label-{{slug(page.landing_for)}}" href="{% if "//" not in page.html %}{{target.prefix}}{% endif %}{{page.html}}" title="{{page.blurb}}">
{{page.name}}
<span class="badge badge-pill">{{label_count(pages, page.landing_for)}}</span>
</a>
</li>
{% endif %}
{% endfor %}
</ul>
</section>
{% endblock %}

399
template/page-calculator.html.jinja Normal file
View File

@@ -0,0 +1,399 @@
{% 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 page-calculator{% endblock %}
{% block mainclasses %}landing{% endblock %}
{% block breadcrumbs %}{% endblock %}
{% block main %}
<div class="fullwidth-bg">
<div class="container mt-20 mt-30-until-sm">
<section class="row mb-30 mb-50-until-sm">
<h6 class="section-marker">{% trans %}Sustainability{% endtrans %}</h6>
<div class="col-sm-4 d-block text-center">
<img class="mw-100 green-graphic" src="./img/green/green-graphic.png" alt="{% trans %}Sustainability icon{% endtrans %}">
</div>
<div class="col-sm-8">
<h3 class="h1 mb-4 mt-4">{% trans %}How Green Is Your Currency?{% endtrans %}</h3>
<a href="#calculator" class="arrow-link text-green bold">{% trans %}Explore the Interactive Tool{% endtrans %}</a>
<h2 class="text-largest mt-16 h4">{% trans %}Energy Consumption for Cash, Credit Cards and Crypto{% endtrans %}</h2>
<div class="d-sm-flex mt-10">
<div class="pr-sm-3">
<p>{% trans %}Moving money carries cost—and not just the fee on your transaction or the value of your payment.{% endtrans %}</p>
<p>{% trans %}Whether it’s in cash, on a credit card or with crypto, every transaction you make consumes energy, and therefore, emits pollutants into the environment.{% endtrans %}</p>
</div>
<div class="pl-sm-3">
<p>{% trans %}The impact of this is startling when you look at the total transactions across an entire year—for any one form of currency.{% endtrans %}</p>
<p>{% trans %}Find out more about the environmental cost of some of the world’s most popular and innovative currencies, and start making more educated choices about how you transact.{% endtrans %}</p>
</div>
</div>
</div>
</section>
</div>
<div class="container" id="calculator">
<div class="col-sm-5 mt-20 mb-30 offset-sm-4">
<h3 class="mb-4">{% trans %}How Does XRP Compare to Other Currencies?{% endtrans %}</h3>
<a href="./assets/pdf/xrpl-sustainability-methodology-2020.pdf" target="_blank" class="text-green arrow-link bold">{% trans %}Learn more about the methodology{% endtrans %}</a>
</div>
</div>
<div class="container my-20">
<section class="row mb-30 mb-50-until-sm">
<a href="#" class="btn btn-outline-primary d-lg-none" id="calculator-mobile-toggle">{% trans %}Change Inputs{% endtrans %}</a>
<div id="calculator-inputs-offset"></div>
<div class="col-lg-4" >
<div class="rounded sticky-top top-10 mb-3 mb-lg-0" id="calculator-inputs">
<div class="border-green p-3 calc-inputs">
<h4>{% trans %}Comparing<br/> Transaction Data{% endtrans %}</h4>
<ul class="p-0 mt-10 ls-none d-sm-flex d-lg-block d-xl-flex flex-wrap justify-content-center justify-xl-content-around" id="data-selector">
<li class="d-block d-xl-inline-flex text-center active"><a class="tab-link d-block d-xl-flex fs-base va-middle" href="#" data-currencytype="d-crypto">{% trans %}Crypto{% endtrans %}</a></li>
<li class="d-block d-xl-inline-flex text-center"><a class="tab-link d-block d-xl-flex fs-base va-middle" href="#" data-currencytype="d-credit">{% trans %}Credit Cards{% endtrans %}</a></li>
<li class="d-block d-xl-inline-flex text-center"><a class="tab-link d-block d-xl-flex fs-base va-middle" href="#" data-currencytype="d-cash">{% trans %}Cash{% endtrans %}</a></li>
</ul>
<p class="grey-500 mb-0 mt-4 text-smaller">Number of Transactions:</p>
<div class="slidecontainer mb-10">
<input type="range" min="20" max="100" value="60" class="slider w-100" id="myRange" step="20">
<ul class="d-flex p-0 ls-none justify-content-between position-relative mr-neg-8 ml-neg-8 mt-1" style="z-index: -1;">
<li class="dash text-center text-smaller grey-500" data-num="20">20M</li>
<li class="dash text-center text-smaller grey-500" data-num="40">40M</li>
<li class="dash text-center text-smaller grey-500 active" data-num="60">60M</li>
<li class="dash text-center text-smaller grey-500" data-num="80">80M</li>
<li class="dash text-center text-smaller grey-500" data-num="100">100M</li>
</ul>
</div>
<div class="d-flex mb-3 ml-3">
<a href="https://twitter.com/intent/tweet?url=https://xrpl.org/carbon-calculator.html&text=XRPL Carbon Calculator" target="_blank" class="mr-3"><img src="./img/logos/Twitter.png" alt="{% trans %}Twitter share{% endtrans %}" class="mw-100"></a>
<a href="https://www.linkedin.com/sharing/share-offsite/?url=https://xrpl.org/carbon-calculator.html" target="_blank" class="mr-3"><img src="./img/logos/LinkedIn.png" alt="{% trans %}LinkedIn share{% endtrans %}" class="mw-100"></a>
<a href="https://www.facebook.com/sharer/sharer.php?u=https://xrpl.org/carbon-calculator.html" target="_blank" class="mr-3"><img src="./img/logos/Facebook.png" alt="{% trans %}Facebook share{% endtrans %}" class="mw-100">
</a>
</div>
</div>
<a href="./assets/pdf/xrpl-sustainability-methodology-2020.pdf" target="_blank" class="text-white arrow-link bold mt-4 d-block">{% trans %}Learn more about the methodology{% endtrans %}</a>
</div>
</div>
<div class="col-lg-7 offset-lg-1 scroll-container h-100 mt-20-sm" id="calculator-outputs">
<section class="min-vh100 mb-40 section1 clearfix">
<h4>{% trans %}Energy Consumption of Portugal{% endtrans %}</h4>
<p class="grey-400 text-small my-4">{% trans %}Comparing <span class="slider-amt"></span> Million Transactions in 2019{% endtrans %}</p>
<p class="calculator-section-description">{% trans %}The country of Portugal consumes 46.94 billion Kilowatt hours (kWh) of energy annually. Explore how much energy today’s various currencies consume in relation to Portugal.{% endtrans %}</p>
<div class="d-viz d-viz-1 mt-10">
<ul class="d-sm-flex p-0">
<li class="d-output d-crypto active" data-comp="kWh" data-type="btc">
<div class="viz-wrapper">
<img src="./img/green/Portugal.png" alt="{% trans %}Portugal{% endtrans %}" class="mw-100">
<div class="dot" id="kWh-btc-dot"></div>
</div>
<div class="num-wrapper">
<img src="assets/img/icons/bw-bitcoin.png" class="mw-100 mt-3">
<p class="h6 mt-2 mb-1">{% trans %}Bitcoin{% endtrans %}</p>
<h5 class="h4 normal mb-0" id="kWh-btc"></h5>
<p class="text-small black-90">{% trans %}kWh{% endtrans %}</p>
</div>
</li>
<li class="d-output d-crypto active" data-comp="kWh" data-type="eth">
<div class="viz-wrapper">
<img src="./img/green/Portugal.png" class="mw-100">
<div class="dot" id="kWh-eth-dot"></div>
</div>
<div class="num-wrapper">
<img src="assets/img/icons/bw-ethereum.png" class="mw-100 mt-3">
<p class="h6 mt-2 mb-1">{% trans %}Ethereum{% endtrans %}</p>
<h5 class="h4 normal mb-0" id="kWh-eth"></h5>
<p class="text-small black-90">{% trans %}kWh{% endtrans %}</p>
</div>
</li>
<li class="d-output d-cash" data-comp="kWh" data-type="pap">
<div class="viz-wrapper">
<img src="./img/green/Portugal.png" class="mw-100">
<div class="dot" id="kWh-pap-dot"></div>
</div>
<div class="num-wrapper">
<img src="assets/img/icons/bw-cash.png" class="mw-100 mt-3 mb-2">
<p class="h6 mt-2 mb-1">{% trans %}Cash{% endtrans %}</p>
<h5 class="h4 normal mb-0" id="kWh-pap"></h5>
<p class="text-small black-90">{% trans %}kWh{% endtrans %}</p>
</div>
</li>
<li class="d-output d-crypto d-credit d-cash active" data-comp="kWh" data-type="xrp">
<div class="viz-wrapper">
<img src="./img/green/Portugal.png" class="mw-100">
<div class="dot" id="kWh-xrp-dot"></div>
</div>
<div class="num-wrapper">
<img src="assets/img/icons/xrp.png" class="mw-100 mt-3">
<p class="h6 mt-2 mb-1">XRP</p>
<h5 class="h4 normal mb-0" id="kWh-xrp"></h5>
<p class="text-small black-90">{% trans %}kWh{% endtrans %}</p>
</div>
</li>
<li class="d-output d-credit" data-comp="kWh" data-type="vsa">
<div class="viz-wrapper">
<img src="./img/green/Portugal.png" alt="{% trans %}Portugal{% endtrans %}" class="mw-100">
<div class="dot" id="kWh-vsa-dot"></div>
</div>
<div class="num-wrapper">
<img src="assets/img/icons/bw-visa.png" alt="{% trans %}Visa{% endtrans %}" class="mw-100 mb-2" style="margin-top: 1.85rem;">
<p class="h6 mt-2 mb-1">Visa</p>
<h5 class="h4 normal mb-0" id="kWh-vsa"></h5>
<p class="text-small black-90">{% trans %}kWh{% endtrans %}</p>
</div>
</li>
<li class="d-output d-credit" data-comp="kWh" data-type="mst">
<div class="viz-wrapper">
<img src="./img/green/Portugal.png" alt="{% trans %}Portugal{% endtrans %}" class="mw-100">
<div class="dot" id="kWh-mst-dot"></div>
</div>
<div class="num-wrapper">
<img src="assets/img/icons/bw-mastercard.png" alt="{% trans %}Mastercard{% endtrans %}" class="mw-100 mb-1" style="margin-top: 1.65rem;">
<p class="h6 mt-2 mb-1">{% trans %}Mastercard{% endtrans %}</p>
<h5 class="h4 normal mb-0" id="kWh-mst"></h5>
<p class="text-small black-90">{% trans %}kWh{% endtrans %}</p>
</div>
</li>
</ul>
</div>
</section>
<section class="min-vh100 mb-40 section2 clearfix">
<h4>{% trans %}CO<sub>2</sub> Emissions from Airline Flights{% endtrans %}</h4>
<p class="grey-400 text-small my-4">{% trans %}Comparing <span class="slider-amt"></span> Million Transactions in 2019{% endtrans %}</p>
<p class="calculator-section-description">{% trans %}A 12-hour flight from London to Hong Kong releases 3 tons of carbon dioxide (CO<sub>2</sub>). Discover how much CO<sub>2</sub> different forms of currency release in comparison to emissions from airline flights.{% endtrans %}</p>
<div class="mt-10" id="co2Animation"></div>
<ul class="d-sm-flex p-0">
<li class="d-output d-crypto active" data-comp="tons" data-type="btc">
<p class="h6 mt-3 mb-1">Bitcoin</p>
<h5 class="h4 normal mb-0" id="tons-btc"></h5>
<p class="text-small black-90">{% trans %}metric tons of CO<sub>2</sub>{% endtrans %}</p>
</li>
<li class="d-output d-crypto active" data-comp="tons" data-type="eth">
<p class="h6 mt-3 mb-1">Ethereum</p>
<h5 class="h4 normal mb-0" id="tons-eth"></h5>
<p class="text-small black-90">{% trans %}metric tons of CO<sub>2</sub>{% endtrans %}</p>
</li>
<li class="d-output d-cash" data-comp="tons" data-type="pap">
<p class="h6 mt-3 mb-1">Cash</p>
<h5 class="h4 normal mb-0" id="tons-pap"></h5>
<p class="text-small black-90">{% trans %}metric tons of CO<sub>2</sub>{% endtrans %}</p>
</li>
<li class="d-output d-crypto d-credit d-cash active" data-comp="tons" data-type="xrp">
<p class="h6 mt-3 mb-1">XRP</p>
<h5 class="h4 normal mb-0" id="tons-xrp"></h5>
<p class="text-small black-90">{% trans %}metric tons of CO<sub>2</sub>{% endtrans %}</p>
</li>
<li class="d-output d-credit" data-comp="tons" data-type="vsa">
<p class="h6 mt-3 mb-1">Visa</p>
<h5 class="h4 normal mb-0" id="tons-vsa"></h5>
<p class="text-small black-90">{% trans %}metric tons of CO<sub>2</sub>{% endtrans %}</p>
</li>
<li class="d-output d-credit" data-comp="tons" data-type="mst">
<p class="h6 mt-3 mb-1">Mastercard</p>
<h5 class="h4 normal mb-0" id="tons-mst"></h5>
<p class="text-small black-90">{% trans %}metric tons of CO<sub>2</sub>{% endtrans %}</p>
</li>
</ul>
</section>
<section class="min-vh100 section3 clearfix">
<h4>{% trans %}Gas Consumption by the Gallon{% endtrans %}</h4>
<p class="grey-400 text-small my-4">{% trans %}Comparing <span class="slider-amt"></span> Million Transactions in 2019{% endtrans %}</p>
<p class="calculator-section-description">{% trans %}An Ultra Large Crude Carrier (ULCC) carries approximately 120 million gallons of gas. Measure the environmental impact between currencies in relation to the amount of gas they would consume in the real-world.{% endtrans %}</p>
<div class="mt-10" id="gasAnimation"></div>
<ul class="d-sm-flex p-0">
<li class="d-output d-crypto active" data-comp="gas" data-type="btc">
<p class="h6 mt-3 mb-1">Bitcoin</p>
<h5 class="h4 normal mb-0" id="gas-btc"></h5>
<p class="text-small black-90">{% trans %}Gallons of Gas{% endtrans %}</p>
</li>
<li class="d-output d-crypto active" data-comp="gas" data-type="eth">
<p class="h6 mt-3 mb-1">Ethereum</p>
<h5 class="h4 normal mb-0" id="gas-eth"></h5>
<p class="text-small black-90">{% trans %}Gallons of Gas{% endtrans %}</p>
</li>
<li class="d-output d-cash" data-comp="gas" data-type="pap">
<p class="h6 mt-3 mb-1">Cash</p>
<h5 class="h4 normal mb-0" id="gas-pap"></h5>
<p class="text-small black-90">{% trans %}Gallons of Gas{% endtrans %}</p>
</li>
<li class="d-output d-crypto d-credit d-cash active" data-comp="gas" data-type="xrp">
<p class="h6 mt-3 mb-1">XRP</p>
<h5 class="h4 normal mb-0" id="gas-xrp"></h5>
<p class="text-small black-90">{% trans %}Gallons of Gas{% endtrans %}</p>
</li>
<li class="d-output d-credit" data-comp="gas" data-type="vsa">
<p class="h6 mt-3 mb-1">Visa</p>
<h5 class="h4 normal mb-0" id="gas-vsa"></h5>
<p class="text-small black-90">{% trans %}Gallons of Gas{% endtrans %}</p>
</li>
<li class="d-output d-credit" data-comp="gas" data-type="mst">
<p class="h6 mt-3 mb-1">Mastercard</p>
<h5 class="h4 normal mb-0" id="gas-mst"></h5>
<p class="text-small black-90">{% trans %}Gallons of Gas{% endtrans %}</p>
</li>
</ul>
</section>
</div>
</section>
</div>
<div class="container my-20">
<section class="row last-section">
<div class="col-sm-7 col-sm-offset-5">
<h4>{% trans %}Breaking Down Individual Transactions{% endtrans %}</h4>
<p>{% trans %}Looking at individual transactions below, compare how a single transaction across each form of currency equates to kWh, CO<sub>2</sub> emissions, and gallons of gas.{% endtrans %}</p>
</div>
<div class="col-sm-12 mt-14 overflow-x-xs">
<table id="calculator-table">
<thead>
<tr>
<td></td>
<td class="bold text-right">{% trans %}Kilowatt Hour{% endtrans %}</td>
<td class="bold text-right">{% trans %}CO<sub>2</sub> Emissions*{% endtrans %}</td>
<td class="bold text-right">{% trans %}Gallons of Gas{% endtrans %}</td>
</tr>
</thead>
<tbody>
<tr>
<td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="h36" src="assets/img/icons/bitcoin@2x.png"></div>Bitcoin</td>
<td class="fs-6 text-right">951.58<span class="ratio"> kWh/tx</span></td>
<td class="fs-6 text-right">4.66<sup>-7</sup><span class="ratio"> Mt/tx</span></td>
<td class="fs-6 text-right">75.7<span class="ratio"> gal/tx</span></td>
</tr>
<tr>
<td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="h36" src="assets/img/icons/ethereum@2x.png"></div>Ethereum</td>
<td class="fs-6 text-right">42.8633<span class="ratio"> kWh/tx</span></td>
<td class="fs-6 text-right">2.73<sup>-8</sup><span class="ratio"> Mt/tx</span></td>
<td class="fs-6 text-right">2.3867<span class="ratio"> gal/tx</span></td>
</tr>
<tr>
<td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="h36" src="assets/img/icons/xrp@2x.png"></div>XRP</td>
<td class="fs-6 text-right">0.0079<span class="ratio"> kWh/tx</span></td>
<td class="fs-6 text-right">4.5<sup>-12</sup><span class="ratio"> Mt/tx</span></td>
<td class="fs-6 text-right">0.00063<span class="ratio"> gal/tx</span></td>
</tr>
<tr>
<td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="w40" src="assets/img/icons/visa@2x.png"></div>Visa</td>
<td class="fs-6 text-right">0.0008<span class="ratio"> kWh/tx</span></td>
<td class="fs-6 text-right">4.6<sup>-13</sup><span class="ratio"> Mt/tx</span></td>
<td class="fs-6 text-right">0.00006<span class="ratio"> gal/tx</span></td>
</tr>
<tr>
<td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="w40" src="assets/img/icons/mastercard@2x.png"></div>Mastercard</td>
<td class="fs-6 text-right">0.0006<span class="ratio"> kWh/tx</span></td>
<td class="fs-6 text-right">5.1<sup>-13</sup><span class="ratio"> Mt/tx</span></td>
<td class="fs-6 text-right">0.00005<span class="ratio"> gal/tx</span></td>
</tr>
<tr>
<td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="w40" src="assets/img/icons/paper-money@2x.png"></div>{% trans %}Paper Currency{% endtrans %}</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 text-right">2.32<sup>-11</sup><span class="ratio"> Mt/tx</span></td>
<td class="fs-6 text-right">0.0035<span class="dblue">0</span><span class="ratio"> gal/tx</span></td>
</tr>
</tbody>
</table>
<p class="text-smallest mt-10">{% trans %}*Calculations in million tonne (Mt){% endtrans %}</p>
</div>
</section>
</div>
</div>
{% endblock %}
{% block endbody %}
<script type="text/javascript" src="/assets/js/bodymovin.min.js"></script>
<script type="text/javascript" src="/assets/js/calculator/co2-crypto.json"></script>
<script type="text/javascript" src="/assets/js/calculator/co2-cash.json"></script>
<script type="text/javascript" src="/assets/js/calculator/co2-credit.json"></script>
<script type="text/javascript" src="/assets/js/calculator/gas-crypto.json"></script>
<script type="text/javascript" src="/assets/js/calculator/gas-cash.json"></script>
<script type="text/javascript" src="/assets/js/calculator/gas-credit.json"></script>
<script type="text/javascript" src="/assets/js/calculator/carbon-calculator.js"></script>
<script type="text/javascript">
function co2CashAnimation(){
bodymovin.loadAnimation({
container: document.getElementById('co2Animation'),
renderer: 'svg',
loop: false,
autoplay: true,
animationData: coCash
});
};
function co2CreditAnimation() {
bodymovin.loadAnimation({
container: document.getElementById('co2Animation'),
renderer: 'svg',
loop: false,
autoplay: true,
animationData: coCredit
});
};
function co2CryptoAnimation() {
bodymovin.loadAnimation({
container: document.getElementById('co2Animation'),
renderer: 'svg',
loop: false,
autoplay: true,
animationData: coCrypto
});
};
function gasCryptoAnimation() {
bodymovin.loadAnimation({
container: document.getElementById('gasAnimation'),
renderer: 'svg',
loop: false,
autoplay: true,
animationData: gasCrypto
});
};
function gasCashAnimation() {
bodymovin.loadAnimation({
container: document.getElementById('gasAnimation'),
renderer: 'svg',
loop: false,
autoplay: true,
animationData: gasCash
});
};
function gasCreditAnimation() {
bodymovin.loadAnimation({
container: document.getElementById('gasAnimation'),
renderer: 'svg',
loop: false,
autoplay: true,
animationData: gasCredit
});
};
</script>
<script type="application/javascript">
gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
</script>
{% endblock %}

49
template/page-community.html.jinja Normal file
View File

@@ -0,0 +1,49 @@
{% 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 class="marketing-wrapper">
<div class="container mt-40 mb-30">
<h1 class="mb-10">{% trans %}For Developers{% endtrans %}</h1>
<section class="row mb-30">
<div class="col-md-6 offset-md-1 order-2 mb-10">
<div class="d-flex flex-wrap w-100">
<a class="square square-50 d-flex card-b" href="https://github.com/ripple/xrpl-dev-portal" target="_blank">
<h3>XRPL.org on <img class="mt-2" src="assets/img/logos/github.png" alt="GitHub"></h3>
</a>
<a class="square square-50 d-flex card-b" href="https://github.com/XRPLF/XRPL-Standards" target="_blank">
<h3><i class="fa fa-comments-o mw-100 mr-2"></i> XRP Ledger Standards</h3>
</a>
</div>
</div>
<div class="col-md-5 order-1">
<p>{% trans %}Thank you for your interest in contributing to XRPL.org. This website was created for the community and is meant to be a living, breathing source of truth for XRP and XRP Ledger resources.{% endtrans %}</p>
<p>{% 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="https://interledger.org/" target="_blank">Interledger</a>, <a href="https://ripplex.io/" target="_blank">RippleX</a>, and <a href="https://paystring.org/" target="_blank">PayString</a>.{% endtrans %}</p>
</div>
</section>
</div>
<img id="page-contribute-bot" src="assets/img/backgrounds/bg-contribute.png">
</div>
{% endblock %}
{% block endbody %}
<script type="application/javascript">
gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
</script>
{% endblock %}

65
template/page-docs.html.jinja Normal file
View File

@@ -0,0 +1,65 @@
{% extends "base.html.jinja" %}
{% block mainclasses %}landing padded-landing page-docs-index{% endblock %}
{% block main %}
<section class="container-fluid card-grid card-grid-2x2">
<div class="section-hero card">
<h1 class="main-page-header">{% trans %}XRP Ledger Documentation{% endtrans %}</h1>
<p class="blurb">{% trans %}Dive into our documentation and start integrating with the XRP Ledger.{% endtrans %}</p>
<p class="blurb">{% trans %}Browse by category, or skip straight to the <a href="#full-doc-index">full documentation index</a>.{% endtrans %}</p>
<div class="highlight-subcard">
<h3>Hot Topic: NFTs</h3>
<p class="blurb">{% trans %}Interested in non-fungible tokens, but concerned about their <a href="impact.html">large carbon footprint</a>? Check out these proposed standards for issuing NFTs on the XRP Ledger:{% endtrans %}</p>
<ul>
<li class="level-1"><a href="https://github.com/XRPLF/XRPL-Standards/discussions/30" class="external-link" target="_blank">XLS-14d: Non fungible tokens (indivisible NFT's) on the XRPL<i aria-hidden="true" class="fa fa-external-link"></i></a></li>
<li class="level-1"><a href="https://github.com/XRPLF/XRPL-Standards/discussions/40" class="external-link" target="_blank">XLS-19d: Wallet based Proof of Digital Asset Property and Rights (NFT)<i aria-hidden="true" class="fa fa-external-link"></i></a></li>
<li class="level-1"><a href="https://github.com/XRPLF/XRPL-Standards/discussions/46" class="external-link" target="_blank">XLS-20d: Non-Fungible Token Support<i aria-hidden="true" class="fa fa-external-link"></i></a></li>
</ul>
</div><!--/.highlight-card-->
</div>
{% set doc_types = [] %}
{% set flag_n = cycler(* range(1,99)) %}
{% for page in currentpage.children %}
<div class="card">
<div class="card-header">
<h3 class="card-title"><a href="{{page.html}}">{{page.name}}</a></h3>
</div><!--/.card-header-->
<div class="card-body">
{% if page.blurb is defined %}
<p class="blurb">{{page.blurb}}</p>
{% endif %}
{% set parent_html = page.html %}
{% set parent_name = page.name %}
{% set depth = 1 %}
{% include 'children.html' %}
</div><!--/.card-body-->
<div class="card-footer">
<div class="readmore">
<a class="btn btn-outline-secondary" href="{{page.html}}">{% if page.cta_text %}{{page.cta_text}}{% else %}{% trans %}View All {{parent_name}}{% endtrans %}{% endif %}</a>
</div>
</div><!--/.card-footer-->
</div><!--/.card-->
{% endfor %}
</section>
<section class="container-fluid doc-index">
<h2 id="full-doc-index">{% trans %}Full Documentation Index{% endtrans %}</h2>
<div class="row">
<div class="col-md-8">
{% set parent_html = currentpage.html %}
{% set depth = 5 %}
{% include 'children.html' %}
</div>
</div>
</section>
{% endblock %}
{% block endbody %}
<script type="application/javascript">
gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
</script>
{% endblock %}

91
template/page-history.html.jinja Normal file
View File

@@ -0,0 +1,91 @@
{% 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-history-bg">
<div class="container marketing-wrapper">
<img id="page-history-top" src="assets/img/backgrounds/bg-history-top.png">
<section class="row mb-40">
<div class="col-sm-4 mb-10 d-flex flex-column-reverse justify-content-end">
<h1>{% trans %}Build a Better Bitcoin{% endtrans %}</h1>
<h6 class="text-primary mb-4">{% trans %}XRP’s Origin{% endtrans %}</h6>
</div>
<div class="col-sm-6 offset-sm-1">
<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 %}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 <a href="https://ripple.com/insights/explanation-ripples-xrp-escrow/" target="_blank">escrow</a>.{% endtrans %}</p>
</div>
</section>
<section class="row mb-60">
<h6 class="section-marker">{% trans %}XRP History{% endtrans %}</h6>
<h2 class="h1 text-center mx-auto mb-20">{% trans %}Timeline of XRP Evolution{% endtrans %}</h2>
<div class="col-lg-10 offset-lg-1">
<div class="timeline">
<div class="timeline-block mb-10">
<div class="timeline-dot"></div>
<div class="timeline-content">
<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 <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 <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&#37; of the mining power—that risk persists with Bitcoin (and Ethereum) today as mining power has consolidated in China.{% endtrans %}</p>
</div>
</div>
<div class="timeline-block mb-10">
<div class="timeline-dot"></div>
<div class="timeline-content">
<h4 class="mb-10">{% trans %}2012 XRP Launched{% endtrans %}</h4>
<p>{% trans %}In 2011 and early 2012, the trio of developers started a project to build a distributed ledger that improved upon these fundamental limitations of Bitcoin—their first ever code commit was in November 2011.{% endtrans %}</p>
<p>{% trans %}They wrote code, that when executed, would create a distributed ledger, which they named Ripple. It included a digital asset that would be called “ripples” (XRP as the currency code) to follow the same naming convention as Bitcoin (BTC). At the time, Ripple stood for the open-source project, the unique consensus ledger (Ripple Consensus Ledger), transaction protocol (Ripple Transaction Protocol or RTXP), the network (Ripple network) and the digital asset (known as “ripples”).{% endtrans %}</p>
<p>{% trans %}In practice, this approach led to many, broad uses of “Ripple.” To clarify, the community simply started calling the digital asset, “XRP.”{% endtrans %}</p>
<p>{% trans %}By June 2012, Schwartz, McCaleb and Britto completed code development and the XRP Ledger was fully functioning.{% endtrans %}</p>
<p>{% trans %}At that time, they decided their next move would be to gift 80 billion XRP to a not-yet-formed private company that would work with the broader community as well as pursue its own payments mission. The ledger code itself would be open source and for anyone to use.{% endtrans %}</p>
<p>{% trans %}They all agreed on how to allocate the XRP among themselves and the future company, and they eventually created the company along with Chris Larsen in September 2012.{% endtrans %}</p>
<p>{% trans %}Once the XRP Ledger was fully functioning, 80&#37; of the XRP was gifted to the company—initially called NewCoin and renamed quickly to OpenCoin.{% endtrans %}</p>
<p>{% trans %}Chris Larsen was the CEO of OpenCoin, and at the company's founding, Jed was co-founder and CTO, David Schwartz was the Chief Cryptography Officer, and Arthur Britto an advisor.{% endtrans %}</p>
</div>
</div>
<div class="timeline-block mb-10">
<div class="timeline-dot"></div>
<div class="timeline-content">
<h4 class="mb-10">{% trans %}2013 OpenCoin Rebranded To Ripple Labs{% endtrans %}</h4>
<p>{% trans %}At the outset of the company, OpenCoin set out to revolutionize the global financial system. Despite the revolutionary ideals of many of Bitcoin’s early believers, Larsen never thought blockchain technology should be used to overthrow the existing financial system. He believed that history’s most transformative innovations have always relied on the great ideas that came before them—not disrupting them.{% endtrans %}</p>
<p>{% trans %}In early conversations with potential customers, the team was asked about the differences between the Ripple project and OpenCoin company. With the community starting to call the  digital asset by its currency code "XRP" more widely, company leaders decided to rebrand the company to Ripple Labs, which has been shortened over time to "Ripple."{% endtrans %}</p>
<p>{% trans %}Today, the company uses XRP and the XRP Ledger for liquidity management in its cross-border payments business. Ripple also remains a stakeholder and contributor to the broader XRP community.{% endtrans %}</p>
</div>
</div>
</div>
</div>
</section>
<section class="row mt-30 mb-40">
<h6 class="section-marker" id="section-marker-podcast">{% trans %}Podcast{% endtrans %}</h6>
<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>
<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://podcasts.google.com/feed/aHR0cHM6Ly9mZWVkcy5idXp6c3Byb3V0LmNvbS85Mzg5OTUucnNz/episode/QnV6enNwcm91dC0zNjI0MTE4?sa=X&ved=0CAQQkfYCahcKEwiQ4OnQnoHvAhUAAAAAHQAAAAAQAQ" class="btn btn-outline-secondary">{% trans %}Listen Now{% endtrans %}</a>
</div>
</section>
</div>
</div>
{% endblock %}
{% block endbody %}
<script type="application/javascript">
gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
</script>
{% endblock %}

135
template/page-home.html.jinja Normal file
View File

@@ -0,0 +1,135 @@
{% 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 class="container marketing-wrapper">
<section class="row">
<h6 class="section-marker" id="home-hero-marker">{% trans %}Scroll Down{% endtrans %}</h6>
<img id="home-hero-graphic" src="./img/graphics/home-hero-graphic.svg">
<div class="col-md-6 mx-auto text-center my-5">
<h1 class="mb-18">{% trans %}XRP: The Best Digital Asset for Payments{% endtrans %}</h1>
<a href="overview.html" class="btn btn-outline-secondary inline-block mr-4 mb-4">{% trans %}Learn More{% endtrans %}</a>
<a href="docs.html" class="btn btn-outline-secondary inline-block mb-4">{% trans %}Build with the XRP Ledger{% endtrans %}</a>
</div>
</section>
<section class="row pt-20 pb-30 py-50-until-sm" id="bg-home-1">
<h6 class="section-marker">{% trans %}XRP Ledger{% endtrans %}</h6>
<div class="row mb-10 mb-20-until-sm ml-0 mr-0">
<div class="col-lg-4 offset-lg-2">
<p class="text-primary bold">{% trans %}What is XRPL.org?{% endtrans %}</p>
<h2 class="mb-10">{% trans %}A Community-Driven Resource for All Things XRP and XRP Ledger{% endtrans %}</h2>
<p>{% trans %}Whether you’re a developer building on the XRP Ledger (XRPL) or just getting acquainted with blockchain and digital assets, XRPL.org is your source for technical information, reference materials, tools and all things XRP.{% endtrans %}</p>
</div>
</div>
<div class="row ml-0 mr-0">
<div class="col-lg-4 offset-lg-2">
<div class="mt-16 mb-16">
<div class="row mb-16">
<div class="col text-center">
<img class="mw-100 mt-1" src="assets/img/icons/fast.png">
<h6 class="mt-8">{% trans %}Fast{% endtrans %}</h6>
</div>
<div class="col text-center">
<img class="mw-100 mt-3" src="assets/img/icons/scalable.png">
<h6 class="mt-8">{% trans %}Scalable{% endtrans %}</h6>
</div>
<div class="col text-center d-none-xs"></div>
</div>
<div class="row">
<div class="col text-center d-none-xs"></div>
<div class="col text-center">
<img class="mw-100 mt-3" src="assets/img/icons/low-cost.png">
<h6 class="mt-8">{% trans %}Low-Cost{% endtrans %}</h6>
</div>
<div class="col text-center" style="width: 33%;">
<img class="mw-100" src="assets/img/icons/sustainable.png">
<h6 class="mt-8">{% trans %}Sustainable{% endtrans %}</h6>
</div>
</div>
</div>
</div>
<div class="col-lg-4 offset-lg-1">
<p class="text-primary bold">{% trans %}What is XRP?{% endtrans %}</p>
<h2 class="mb-10">{% trans %}A Digital Asset Built for Payments{% endtrans %}</h2>
<p class="mb-4">{% trans %}XRP is a digital asset built for payments. It is the native digital asset on the XRP Ledger—an open-source, permissionless and decentralized blockchain technology that can settle transactions in 3-5 seconds.{% endtrans %}</p>
<p class="mb-4">{% trans %}It is the best way to move money around the world; the fuel for our growing digital economy.{% endtrans %}</p>
<a href="overview.html" class="btn btn-outline-secondary mr-4">{% trans %}Learn about XRP{% endtrans %}</a>
<a href="history.html" class="arrow-link mt-4 text-primary d-block"><span class="text-white">{% trans %}XRP History{% endtrans %}</span></a>
</div>
</div>
</section>
<section class="row mb-30 mb-50-until-sm">
<div class="col-12">
<h6 class="section-marker">{% trans %}Use Cases{% endtrans %}</h6>
<h2 class="h1">{% trans %}XRP in the Real World{% endtrans %}</h2>
<div class="w-100 mt-10 mt-20-until-sm"></div>
<div class="card-deck">
<div class="card rounded-lg hc mb-10" id="hc-1">
<h3 class="mb-12 h2">{% trans %}Uses of XRP{% endtrans %}</h3>
<p>{% trans %}XRP is helping solve previously unsolvable problems for people and industries around the world, and is one of the only digital assets with a commercial use case.{% endtrans %}</p>
<a href="uses.html" class="arrow-link mt-12 text-white">{% trans %}Explore Uses{% endtrans %}</a>
</div>
<div class="card rounded-lg hc mb-10" id="hc-2">
<h3 class="mb-12 h2">{% trans %}Businesses on the Ledger{% endtrans %}</h3>
<p class="pb-lg-4">{% trans %}From gaming to web monetization, XRP and the XRP Ledger are powering innovative new technology across the payments space.{% endtrans %}</p>
<a href="businesses.html" class="arrow-link mt-12 text-white">{% trans %}Explore Businesses{% endtrans %}</a>
</div>
<div class="card rounded-lg hc mb-10" id="hc-3">
<h3 class="mb-12 h2">{% trans %}Real-World Impact{% endtrans %}</h3>
<p class="pb-lg-4">{% trans %}With its real-world utility and inherently green design, XRP helps ensure a more sustainable future for our planet and global economy.{% endtrans %}</p>
<a href="impact.html" class="arrow-link mt-12 text-white">{% trans %}Explore Impact{% endtrans %}</a>
</div>
</div>
</div>
</section>
<section class="row last-section">
<h6 class="section-marker">{% trans %}Sustainability{% endtrans %}</h6>
<div class="col-sm-4 offset-sm-1 text-center">
<img class="mw-100 green-graphic" src="./img/green/green-graphic.png" alt="{% trans %}Sustainability icon{% endtrans %}">
</div>
<div class="col-sm-6 offset-sm-1">
<h3 class="h1 mb-9">{% trans %}Green by Nature{% endtrans %}</h3>
<p class="mr-sm-5">{% 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 and is one of the first truly <a href="https://ripple.com/ripple-press/ripple-leads-sustainability-agenda-to-achieve-carbon-neutrality-by-2030/" target="_blank">carbon neutral blockchains</a>.{% endtrans %}</p>
<p class="mb-10 mr-sm-5">{% 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-outline-secondary">{% trans %}Go Green{% endtrans %}</a>
<h4 class="mt-20 mb-10">{% trans %}Partners in Sustainability{% endtrans %}</h4>
<div class="d-flex align-items-center flex-wrap justify-content-between">
<img class="mw-100 mb-4 mr-2" src="./img/green/energy-web.png">
<img class="mw-100 mb-4 mr-2 ml-2" src="./img/green/rocky-mountain-inst.png">
<img class="mw-100 mb-4 mr-2" src="./img/green/reba.png">
</div>
</div>
</section>
</div>
{% endblock %}
{% block endbody %}
<script type="application/javascript">
gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
</script>
{% endblock %}

121
template/page-impact.html.jinja Normal file
View File

@@ -0,0 +1,121 @@
{% 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 class="marketing-wrapper">
<div class="container mt-20">
<section class="row">
<div class="col-md-4 d-flex flex-column-reverse justify-content-end">
<h1 class="mb-10">{% trans %}Faster, Cheaper, Green Money{% endtrans %}</h1>
<h6 class="text-primary mb-4">{% trans %}Impact{% endtrans %}</h6>
</div>
<div class="col-md-6 offset-md-1">
<h2 class="mt-12 mb-10">{% trans %}The digital asset XRP is a truly global currency—ideally suited to enable today’s growing digital economy.{% endtrans %}</h2>
<p>{% trans %}As an optimal medium of exchange, XRP and the XRP Ledger on which it operates help to move money around the world faster, cheaper and more sustainably than any other currency available today.{% endtrans %}</p>
<p class="mb-10">{% trans %}It was designed this way, and it’s proving its impact in global payments and beyond.{% endtrans %}</p>
<a href="carbon-calculator.html" class="arrow-link text-white bold">{% trans %}How Green Is Your Currency?{% endtrans %}</a>
</div>
</section>
</div>
<img class="mb-30" src="./img/impact/hero-impact.png" id="hero-impact" />
<div class="container mb-20">
<section class="row mb-30 mb-50-until-sm">
<h6 class="section-marker">{% trans %}Global Payments{% endtrans %}</h6>
<div class="col-md-4 offset-md-1 mb-10 text-center d-flex-md justify-content-md-center align-self-md-center">
<img class="mw-100" src="./img/impact/impact-democratizing-payments@2x.png">
</div>
<div class="col-md-6 offset-md-1">
<h2 class="mb-10">{% trans %}Creating Economic Opportunity{% endtrans %}</h2>
<h5 class="mb-10 normal">{% trans %}For the more than <a href="https://www.un.org/sites/un2.un.org/files/wmr_2020.pdf" target="_blank">272 million migrants</a> worldwide, sending and receiving money across borders is expensive, unreliable and complex.{% endtrans %}</h5>
<div class="row">
<div class="col-md">
<p>{% trans %}XRP and the XRP Ledger are changing that.{% endtrans %}</p>
<p>{% trans %}The technology has been adopted by financial institutions around the world. They use it to source liquidity for international transactions, and because of the unprecedented efficiency it offers, they’re able to both bring down costs and improve services.{% endtrans %}</p>
</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>
</div>
</div>
</section>
<section class="row mb-30 mb-50-until-sm">
<h6 class="section-marker">{% trans %}Future of Finance{% endtrans %}</h6>
<div class="col-md-4 offset-md-1 order-1 order-md-2 mb-10">
<img class="mw-100" src="./img/impact/impact-building-future@2x.png">
<p class="text-smaller grey-700 mb-3 mt-3 ml-4">*NUS Research on Blockchain Adoption and Sustainability</p>
</div>
<div class="col-md-6 offset-md-1 order-2 order-md-1">
<h2 class="mb-10">{% trans %}Building for the Future{% endtrans %}</h2>
<h5 class="mb-10 normal">{% trans %}Digital assets and blockchain technology are the future of finance. Open and decentralized, they offer the first-ever global standards for value exchange broadly—whether it’s money, stocks, loyalty points, intellectual property or more.{% endtrans %}</h5>
<div class="row">
<p class="col-md">{% trans %}This has spawned increasing adoption of the technology across the financial services industry, from retail and institutional investment to commercial use cases like cross-border payments.{% endtrans %}</p>
<p class="col-md">{% trans %}With usage growing, it’s critical that measures are taken today to ensure that the technology is environmentally sustainable tomorrow.{% endtrans %}</p>
</div>
</div>
</section>
<section class="row mb-30 mb-50-until-sm">
<h6 class="section-marker">{% trans %}Digital Assets{% endtrans %}</h6>
<div class="col-md-4 offset-md-1 mb-10 text-center d-flex-md justify-content-md-center align-self-md-center">
<img class="mw-100" src="./img/impact/impact-crypto-strengths@2x.png">
</div>
<div class="col-md-6 offset-md-1">
<h2 class="mb-10">{% trans %}Are All Digital Assets Alike?{% endtrans %}</h2>
<h5 class="mb-10 normal">{% trans %}Each digital asset has different strengths that make it ideal for various use cases today.{% endtrans %}</h5>
<div class="row">
<div class="col-md">
<p>{% trans %}Bitcoin is recognized broadly as a store of value and ether (ETH) for use in smart contracts.{% endtrans %}</p>
<p>{% trans %}XRP is optimal for transacting—it’s fast, cheap, scalable and energy-efficient. It was designed for use in global payments.{% endtrans %}</p>
</div>
<div class="col-md">
<p>{% trans %}And, the same characteristics that make it ideal for payments mean it’s also better for our environment. XRP is green by nature.{% endtrans %}</p>
</div>
</div>
</section>
<section class="row last-section">
<h6 class="section-marker">{% trans %}Future of Finance{% endtrans %}</h6>
<div class="col-md-4 mb-10 text-center">
<img class="mw-100 mt-20-until-sm green-graphic" src="./img/green/green-graphic@2x.png">
</div>
<div class="col-md-8">
<h2 class="mb-10">{% trans %}What Makes XRP and the XRP Ledger Green?{% endtrans %}</h2>
<h5 class="mb-10 normal">{% trans %}Most currency today—whether digital or physical—is not environmentally friendly. The potential long-term impact on our planet could hold startling consequences.{% endtrans %}</h5>
<div class="row mb-10">
<div class="col-md">
<p>{% trans %}The digital asset XRP was designed with sustainability in mind. The XRP Ledger processes transactions through a unique “consensus” mechanism that consumes negligible energy and all XRP currency is already in circulation. It is the first major blockchain network to be <a href="https://ripple.com/ripple-press/ripple-leads-sustainability-agenda-to-achieve-carbon-neutrality-by-2030/" target="_blank">fully carbon neutral</a>.{% endtrans %}</p>
<p>{% trans %}Other digital assets, like Bitcoin, rely on a different mechanism to both validate transactions and create new coins. This “proof-of-work” algorithm requires “mining.” Mining is an incredibly energy-intensive process for validating transactions that consumes more energy in a year than entire countries.{% endtrans %}</p>
</div>
<div class="col-md">
<p>{% trans %}Cash also leaves a substantial carbon footprint, and the environmental impact goes beyond energy consumption—eutrophication (due to waste), photochemical ozone creation, greenhouse gas emissions and more factor into the equation.{% endtrans %}</p>
<p>{% trans %}Adopting XRP more broadly will help limit this waste and ensure a sustainable future for our planet and global economy.{% endtrans %}</p>
</div>
</div>
<a href="carbon-calculator.html" class="btn btn-outline-secondary">{% trans %}Discover the Green Currency Calculator{% endtrans %}</a>
</div>
</section>
</div>
</div>
{% endblock %}
{% block endbody %}
<script type="application/javascript">
gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
</script>
{% endblock %}

57
template/page-references.html.jinja Normal file
View File

@@ -0,0 +1,57 @@
{% extends "base.html.jinja" %}
{% block mainclasses %}landing padded-landing{% endblock %}
{% block main %}
<section class="container-fluid section-hero">
<h1 class="main-page-header">{{currentpage.name}}</h1>
<p class="blurb">{{currentpage.blurb}}</p>
<p class="blurb">{% trans %}Or, skip ahead to the <a href="#full-reference-index">Full Reference Index</a>.{% endtrans %}</p>
</section>
{% set flag_n = cycler(* range(1,99)) %}
<section class="container-fluid card-grid card-grid-4xN">
{% for page in currentpage.children if not page.nav_omit %}
<div class="card">
<div class="card-header">
<h3 class="card-title"><a href="{{page.html}}">{{page.name}}</a></h3>
</div><!--/.card-header-->
<div class="card-body">
<p class="blurb">{{page.blurb}}</p>
{% if page.curated_anchors is defined %}
<div class="curated-links">
<ul>
{% for link in page.curated_anchors %}
<li class="level-1"><a href="{{page.html}}{{link.anchor}}">{{link.name}}</a></li>
{% endfor %}
</ul>
</div><!--/.curated-links-->
{% endif %}
{% set depth = 1 %}
{% set parent_html = page.html %}
{% include 'children.html' %}
</div><!--/.card-body-->
</div><!--/.card-->
{% endfor %}
</section>
<section class="container-fluid doc-index">
<h2 id="full-reference-index">{% trans %}Full Reference Index{% endtrans %}</h2>
<div class="row">
<div class="col-md-8">
{% set parent_html = currentpage.html %}
{% set depth = 99 %}
{% include 'children.html' %}
</div>
</div>
</section>
{% endblock %}
{% block endbody %}
<script type="application/javascript">
gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
</script>
{% endblock %}

109
template/page-rpc-tool.html.jinja Normal file
View File

@@ -0,0 +1,109 @@
{% extends "base.html.jinja" %}
{% block bodyclasses %}rpc-tool{% endblock %}
{% block main %}
<section class="container-fluid pt-3 p-md-3">
<h1>RPC Tool</h1>
<div class="content">
<p>This is a debug tool for printing raw information about an account (by classic address), a transaction (by hash) or a ledger (by sequence number).</p>
<form id="account-entry">
<fieldset><input id="target" class="form-control" required="" type="text" placeholder="XRP Ledger address, transaction ID, or ledger index" />
<span class="help-block"><small>{% trans %}Try an account like <em>rf1BiGeXwwQoi8Z2ueFYTEXSwuJYfV2Jpn</em>.{% endtrans %}</small></span>
<button class="btn btn-primary">{% trans %}Get info{% endtrans %}</button></fieldset>
</form>
<div id="result">
<h2>{% trans %}Result{% endtrans %}</h2>
<div id="progress" class="progress">
<div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar"></div>
</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>
</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>
</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>
</ul>
</div>
<div class="group group-account">
<h3><a href="account_info.html">account_info</a></h3>
<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>
</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>
</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>
</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>
</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>
</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>
</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>
</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>
</ul>
</div>
</div>
</div>
</section>
{% endblock %}
{% block endbody %}
{{currentpage.lodash_tag}}
{{currentpage.ripple_lib_tag}}
<script type='text/javascript' src='assets/js/rpc-tool.js'></script>
<script type="application/javascript">
gtag('config', 'UA-157720658-3', {'content_group1': 'API Tools'});
</script>
{% endblock %}

34
template/page-toml-checker.html.jinja Normal file
View File

@@ -0,0 +1,34 @@
{% extends "base.html.jinja" %}
{% block main %}
<section class="container-fluid p-3">
<h1>xrp-ledger.toml Checker</h1>
<p>If you run an XRP Ledger validator or use the XRP Ledger for your business, you can provide information about your usage of the XRP Ledger to the world in a machine-readable <a href="https://developers.ripple.com/xrp-ledger-toml.html"><code>xrp-ledger.toml</code> file</a>.</p>
<p>This tool allows you to verify that your <code>xrp-ledger.toml</code> file is syntactically
correct and deployed properly.</p><br/>
<form id="domain-entry">
<div class="input-group">
<input id="domain" type="text" class="form-control" required
placeholder="example.com (Domain name to check)"
pattern="^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z][a-zA-Z-]{0,22}[a-zA-Z]$"><br>
<button class="btn btn-primary form-control">Check toml file</button>
</div><!--/.input-group-->
</form>
<div id="result">
<h5 class='result-title'>Result</h5>
<ul id="log">
</ul>
</div>
</section>
{% endblock %}
{% block endbody %}
<script type="application/javascript" src="assets/vendor/iarna-toml-parse.js"></script>
<script type="application/javascript" src="assets/js/xrp-ledger-toml-checker.js"></script>
<script type="application/javascript">
gtag('config', 'UA-157720658-3', {'content_group1': 'API Tools'});
</script>
{% endblock %}

166
template/page-tx-sender.html.jinja Normal file
View File

@@ -0,0 +1,166 @@
{% extends "base.html.jinja" %}
{% block bodyclasses %}page-tx-sender{% endblock %}
{% block right_sidebar %}
<div id="connection-status" class="card">
<div class="card-header">
<h4>{% trans %}Status{% endtrans %}</h4>
</div>
<div class="card-body">
<ul class="list-group list-group-flush">
<li class="list-group-item" id="connection-status-label">{% trans %}XRP Testnet:{% endtrans %}</li>
<li class="list-group-item disabled" id="connection-status-item">{% trans %}Not Connected{% endtrans %}</li>
<li class="list-group-item" id="sending-address-label">{% trans %}Sending Address:{% endtrans %}</li>
<li class="list-group-item disabled sending-address-item">{% trans %}(None){% endtrans %}</li>
<li class="list-group-item" id="balance-label">{% trans %}Testnet XRP Available:{% endtrans %}</li>
<li class="list-group-item disabled" id="balance-item">{% trans %}(None){% endtrans %}</li>
</ul>
<div id="tx-sender-history">
<h5 class="m-3">{% trans %}Transaction History{% endtrans %}</h5>
<ul class="list-group list-group-flush">
</ul>
</div>
</div>
</div>
{% endblock %}
{% block main %}
<section class="container-fluid pt-3 p-md-3">
<h1>{% trans %}Transaction Sender{% endtrans %}</h1>
<div class="content">
<p>{% trans %}This tool sends transactions to the <a href="xrp-test-net-faucet.html">XRP Testnet</a> address of your choice so you can test how you monitor and respond to incoming transactions.{% endtrans %}</p>
<form>
<div class="form-group">
<button class="btn btn-primary form-control" type="button" id="init_button">{% trans %}Initialize{% endtrans %}</button>
<small class="form-text text-muted">{% trans %}Set up the necessary Testnet XRP addresses to send test payments.{% endtrans %}</small>
</div><!--/.form-group-->
<div class="form-group">
<label for="destination_address">{% trans %}Destination Address{% endtrans %}</label>
<input type="text" class="form-control" id="destination_address" aria-describedby="destination_address_help" value="rPT1Sjq2YGrBMTttX4GZHjKu9dyfzbpAYe" />
<small id="destination_address_help" class="form-text text-muted">{% trans %}Send transactions to this XRP Testnet address{% endtrans %}</small>
</div>
<p class="devportal-callout caution collapse" id="x-address-warning">{% trans %}<strong>Caution:</strong> This X-address is intended for use on Mainnet. Testnet addresses have a "T" prefix instead.{% endtrans %}</p>
<h3>{% trans %}Send Transaction{% endtrans %}</h3>
<div class="form-group" id="send_xrp_payment">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/xrp-loader-96.png" alt="{% trans %}(loading){% endtrans %}"/></span>
</div>
<button class="btn btn-primary form-control disabled needs-connection" type="button" id="send_xrp_payment_btn" disabled="disabled">{% trans %}Send XRP Payment{% endtrans %}</button>
<input id="send_xrp_payment_amount" class="form-control" type="number" aria-describedby="send_xrp_payment_amount_help" value="100000" min="1" max="10000000000" />
<div class="input-group-append">
<span class="input-group-text" id="send_xrp_payment_amount_help">{% trans %}drops of XRP{% endtrans %}</span>
</div>
<!-- Future feature: Optional custom destination tag -->
</div>
<small class="form-text text-muted">{% trans %}Send a <a href="send-xrp.html">simple XRP-to-XRP payment</a>.{% endtrans %}</small>
</div><!-- /#send_xrp_payment -->
<hr />
<div class="form-group" id="send_partial_payment">
<div class="progress mb-1" id="pp_progress">
<div class="progress-bar progress-bar-striped w-0">&nbsp;</div>
<small class="justify-content-center d-flex position-absolute w-100">{% trans %}(Getting ready to send partial payments){% endtrans %}</small>
</div>
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/xrp-loader-96.png" /></span>
</div>
<button class="btn btn-primary form-control" type="button" id="send_partial_payment_btn" disabled="disabled" autocomplete="off" title="(Please wait for partial payments setup to finish)">{% trans %}Send Partial Payment{% endtrans %}</button>
</div>
<small class="form-text text-muted">{% trans %}Deliver a small amount of XRP with a large <code>Amount</code> value, to test your handling of <a href="partial-payments.html">partial payments</a>.{% endtrans %}</small>
</div><!-- /.form group for partial payment -->
<hr />
<div class="form-group" id="create_escrow">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/xrp-loader-96.png" /></span>
</div>
<button class="btn btn-primary form-control disabled needs-connection" type="button" id="create_escrow_btn" disabled="disabled">{% trans %}Create Escrow{% endtrans %}</button>
<input class="form-control" type="number" value="60" min="5" max="10000" id="create_escrow_duration_seconds" />
<div class="input-group-append">
<span class="input-group-text">{% trans %}seconds{% endtrans %}</span>
</div>
<span class="input-group-text">
(
<input type="checkbox" id="create_escrow_release_automatically" value="1" />
<label class="form-check-label" for="create_escrow_release_automatically">{% trans %}Finish automatically{% endtrans %}</label>)
</span>
</div>
<small class="form-text text-muted">{% trans %}Create a <a href="escrow.html">time-based escrow</a> of 1 XRP for the specified number of seconds.{% endtrans %}</small>
<div class="progress mb-1" style="display:none" id="escrow_progress">
<div class="progress-bar progress-bar-striped w-0">&nbsp;</div>
<small class="justify-content-center d-flex position-absolute w-100">{% trans %}(Waiting to release Escrow when it's ready){% endtrans %}</small>
</div>
</div><!-- /.form group for create escrow -->
<hr />
<div class="form-group" id="create_payment_channel">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/xrp-loader-96.png" /></span>
</div>
<button class="btn btn-primary form-control disabled needs-connection" type="button" id="create_payment_channel_btn" disabled="disabled">{% trans %}Create Payment Channel{% endtrans %}</button>
<input id="create_payment_channel_amount" class="form-control" type="number" aria-describedby="create_payment_channel_amount_help" value="100000" min="1" max="10000000000" />
<div class="input-group-append">
<span class="input-group-text" id="create_payment_channel_amount_help">{% trans %}drops of XRP{% endtrans %}</span>
</div>
</div>
<small class="form-text text-muted">{% trans %}Create a <a href="payment-channels.html">payment channel</a> and fund it with the specified amount of XRP.{% endtrans %}</small>
</div><!-- /.form group for create paychan -->
<hr />
<div class="form-group" id="send_issued_currency">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/xrp-loader-96.png" /></span>
</div>
<button class="btn btn-primary form-control disabled needs-connection" type="button" id="send_issued_currency_btn" disabled="disabled">{% trans %}Send Issued Currency{% endtrans %}</button>
<input id="send_issued_currency_amount" class="form-control" type="text" value="100" /><!-- Note: HTML limits "number" inputs to IEEE 764 double precision, which isn't enough for the full range of issued currency amounts -->
<div class="input-group-append">
<span class="input-group-text" id="send_issued_currency_code">FOO</span><!-- TODO: custom currency codes -->
</div>
</div>
<small class="form-text text-muted">{% trans %}Your destination address needs a <a href="trust-lines-and-issuing.html">trust line</a> to <span class="sending-address-item">(the test sender)</span> for the currency in question. Otherwise, you'll get tecPATH_DRY.{% endtrans %}</small>
</div><!-- /.form group for issued currency payment -->
<hr />
<div class="form-group" id="trust_for">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/xrp-loader-96.png" /></span>
</div>
<button class="btn btn-primary form-control disabled needs-connection" type="button" id="trust_for_btn" disabled="disabled">{% trans %}Trust for{% endtrans %}</button>
<input id="trust_for_amount" class="form-control disabled" type="number" value="100000" />
<div class="input-group-append">
<span class="input-group-text" id="trust_for_currency_code">FOO</span>
</div>
</div>
<small class="form-text text-muted">{% trans %}The test sender creates a <a href="trust-lines-and-issuing.html">trust line</a> to your account for the given currency.{% endtrans %}</small>
</div><!-- /.form group for create trust line -->
</form>
</div>
</section>
{% endblock %}
{% block endbody %}
<script type="application/javascript" src="assets/vendor/bootstrap-growl.jquery.js"></script>
<script type="application/javascript" src="assets/js/tx-sender.js"></script>
<script type="application/javascript">
gtag('config', 'UA-157720658-3', {'content_group1': 'API Tools'});
</script>
{% endblock %}

105
template/page-uses.html.jinja Normal file
View File

@@ -0,0 +1,105 @@
{% 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 class="marketing-wrapper">
<div class="container">
<section class="row mb-20">
<div class="col-md-4 d-flex flex-column-reverse justify-content-end">
<h1 class="mb-10">{% trans %}The Best Way To Move Money Around the World{% endtrans %}</h1>
<h6 class="text-primary mb-4">{% trans %}Using XRP{% endtrans %}</h6>
</div>
<div class="col-md-6 offset-md-1">
<h2 class="mt-12 mb-10">{% trans %}XRP and the XRP Ledger are used to power innovative technology across the payments space.{% endtrans %}</h2>
<p>{% trans %}From cross-border payments to decentralized finance, businesses and developers around the world are leveraging the XRP Ledger and its native digital asset, XRP—a faster, cheaper and greener currency.{% endtrans %}</p>
</div>
</section>
</div>
<img class="mb-40" src="assets/img/backgrounds/bg-uses-top.png" id="page-uses-top" />
<div class="container mb-20">
<section class="row mb-30 mb-50-until-sm">
<h6 class="section-marker">{% trans %}Cross-Border Payments{% endtrans %}</h6>
<div class="col-md-4 offset-md-2 order-1 order-md-2 mb-10 text-center text-md-left">
<img class="mw-100" src="./img/uses/xb-payment.png">
</div>
<div class="col-md-4 offset-md-1 order-2 order-md-1">
<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>
<a href="https://ripple.com/ripplenet/on-demand-liquidity" class="btn btn-outline-secondary" target=
"_blank">{% trans %}Learn About On-Demand Liquidity{% endtrans %}</a>
</div>
</section>
<section class="row mb-30 mb-50-until-sm">
<h6 class="section-marker">{% trans %}Micropayments{% endtrans %}</h6>
<div class="col-md-4 offset-md-1 mb-10 text-center text-md-left">
<img class="mw-100" src="./img/uses/micropayments.png">
</div>
<div class="col-md-4 offset-md-2">
<h2 class="mb-10">{% trans %}Micropayments{% endtrans %}</h2>
<p class="mb-10 normal">{% trans %}Businesses are leveraging XRP and the XRP Ledger to build innovative products for gaming, content and web monetization, among other applications where money is at the center.{% endtrans %}</p>
<a href="businesses.html" class="btn btn-outline-secondary">{% trans %}Learn About XRP Ledger Businesses{% endtrans %}</a>
</div>
</section>
<section class="row mb-30 mb-50-until-sm">
<h6 class="section-marker">{% trans %}Digital Cryptocurrency{% endtrans %}</h6>
<div class="col-md-4 offset-md-2 order-1 order-md-2 mb-10 text-center text-md-left">
<img class="mw-100" src="./img/uses/digital-wallets.png">
</div>
<div class="col-md-4 offset-md-1 order-2 order-md-1">
<h2 class="mb-10">{% trans %}Digital Cryptocurrency Wallets{% endtrans %}</h2>
<p class="mb-10 normal">{% trans %}Individuals can use mobile wallets to store private and public passwords and interact with various blockchains to send and receive digital assets, including XRP.{% endtrans %}</p>
<a href="wallets.html" class="btn btn-outline-secondary">{% trans %}Explore Wallets{% endtrans %}</a>
</div>
</section>
<section class="row mb-30 mb-50-until-sm">
<h6 class="section-marker">{% trans %}Exchanges{% endtrans %}</h6>
<div class="col-md-4 offset-md-1 mb-10 text-center text-md-left">
<img class="mw-100" src="./img/uses/exchanges.png">
</div>
<div class="col-md-4 offset-md-2">
<h2 class="mb-10">{% trans %}Exchanges{% endtrans %}</h2>
<p class="mb-10 normal">{% trans %}Market makers and individuals use exchanges to trade XRP and other digital assets. Exchanges are often also intermediaries in cross-border payments among financial institutions.{% endtrans %}</p>
<a href="exchanges.html" class="btn btn-outline-secondary">{% trans %}Explore Exchanges{% endtrans %}</a>
</div>
</section>
<section class="row last-section">
<h6 class="section-marker">{% trans %}Trading{% endtrans %}</h6>
<div class="col-md-5 offset-md-1 order-1 order-md-2 mb-10 text-center text-md-left">
<img class="mw-100" src="./img/uses/inst-trading.png">
</div>
<div class="col-md-4 offset-md-1 order-2 order-md-1">
<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>
<a href="https://blog.ripplex.io/how-xrp-enables-faster-low-cost-cross-exchange-transfers/" class="btn btn-outline-secondary" target="_blank">{% trans %}Learn More{% endtrans %}</a>
</div>
</section>
</div>
{% endblock %}
{% block endbody %}
<script type="application/javascript">
gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
</script>
{% endblock %}

33
template/page-validator-domain-verifier.html.jinja Normal file
View File

@@ -0,0 +1,33 @@
{% extends "base.html.jinja" %}
{% block main %}
<section class="container-fluid p-3">
<h1>{% trans %}Domain Verification Checker{% endtrans %}</h1>
<p>{% trans %}This tool allows you to verify that <a href="xrp-ledger-toml.html#domain-verification">domain verification</a> is properly configured.{% endtrans %}</p>
<p>{% trans %}Enter the manifest found in your validator-keys.json file. Do not confuse this with your validator's secret key.{% endtrans %}</p>
<p>{% trans %}To do this with the validator-keys-tool use the following command:{% endtrans %}</p>
<pre><code>$ validator-keys show_manifest hex</code></pre>
<form id="manifest-entry">
<div class="input-group">
<input id="manifest" type="text" class="form-control" required
placeholder="{% trans %}Your Manifest Here{% endtrans %}"
pattern="[0-9A-Fa-f]+"><br>
<button class="btn btn-primary form-control">Check Domain Verification</button>
</div><!--/.input-group-->
</form>
<div id="result">
<h5 class='result-title'>{% trans %}Result{% endtrans %}</h5>
<ul id="log">
</ul>
</div>
</section>
{% endblock %}
{% block endbody %}
<script type='text/javascript' src='assets/vendor/iarna-toml-parse.js'></script>
<script type='text/javascript' src='assets/js/domain-verifier-bundle.js'></script>
<script type="application/javascript">
gtag('config', 'UA-157720658-3', {'content_group1': 'API Tools'});
</script>
{% endblock %}

192
template/page-websocket-api-tool.html.jinja Normal file
View File

@@ -0,0 +1,192 @@
{% extends "base.html.jinja" %}
{% block right_sidebar %}
<div class="command-list-wrapper">
<div class="toc-header">
<h4>API Methods</h4>
</div>
<ul class="command-list" id="command_list"></ul>
</div>
{% endblock %}
{% block main %}
<section class="container-fluid pt-3 p-md-3 websocket-tool" id="wstool-1">
<h1>WebSocket Tool</h1>
<div class="api-method-description-wrapper">
<h3><a href="server_info.html" class="selected_command">server_info</a></h3>
<p class="blurb">Get information about the state of the server, formatted for human consumption.</p>
<a class="btn btn-outline-secondary api-readmore" href="server_info.html">Read more</a>
</div><!--/.api-method-description-wrapper-->
<div class="api-input-area pt-4">
<h4>Request</h4>
<div class="request-body"></div>
<div class="btn-toolbar justify-content-between" role="toolbar">
<div class="btn-group mr-3" role="group">
<button class="btn btn-outline-secondary send-request">Send request</button>
<div class="input-group loader send-loader" style="display:none;">
<span class="input-group-append">
<img src="assets/img/xrp-loader-96.png" height="24" width="24" />
</span><!--/.input-group-append-->
</div><!--/.input-group.loader-->
</div><!--/.btn-group-->
<div class="btn-group request-options" role="group">
<button class="btn btn-outline-secondary connection" data-toggle="modal" data-target="#wstool-1-connection-settings">Offline (Main Net)</button>
<div class="input-group loader connect-loader" style="display:none;">
<span class="input-group-append">
<img src="assets/img/xrp-loader-96.png" height="24" width="24" />
</span><!--/.input-group-append-->
</div><!--/.input-group.loader-->
<button class="btn btn-outline-secondary permalink" data-toggle="modal" data-target="#wstool-1-permalink" title="Permalink"><i class="fa fa-link"></i></button>
<button class="btn btn-outline-secondary curl" data-toggle="modal" data-target="#wstool-1-curl" title="cURL syntax"><i class="fa fa-terminal"></i></button>
</div><!--/.request-options.btn-group-->
</div><!--/.btn-toolbar-->
</div><!--/.api-input-area-->
<div class="api-response-area pt-4">
<h4>Responses</h4>
<div class="btn-toolbar justify-content-between response-options" role="toolbar">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text" id="wstool-1-keep-last-label">Keep last:</div>
</div><!--/.input-group-prepend-->
<input type="number" value="50" aria-label="Number of responses to keep at once" aria-describedby="wstool-1-keep-last-label" class="form-control keep-last">
</div><!--/.input-group-->
<div class="btn-group" role="group">
<button class="btn btn-outline-secondary stream-pause" title="Pause Subscriptions">
<i class="fa fa-pause"></i>
</button>
<button class="btn btn-outline-secondary stream-unpause" title="Unpause Subscriptions" style="display:none;">
<i class="fa fa-play"></i>
</button>
<button class="btn btn-outline-secondary wipe-responses" title="Delete All Responses">
<i class="fa fa-trash"></i>
</button>
</div><!--/.btn-group-->
</div><!--/.btn-toolbar.response-options-->
<div class="response-body-wrapper">
</div>
</div><!--/.api-response-area-->
</section>
{% endblock %}
{% block endbody %}
<!-- Modals for settings -->
<div class="modal fade" id="wstool-1-connection-settings" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Connection Settings</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="form-check">
<input class="form-check-input" type="radio" name="wstool-1-connection" id="wstool-1-connection-s1" value="wss://s1.ripple.com/" data-jsonrpcurl="https://s1.ripple.com:51234/" data-shortname="Mainnet" checked>
<label class="form-check-label" for="wstool-1-connection-s1">
s1.ripple.com (Mainnet Public Cluster)
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="wstool-1-connection" id="wstool-1-connection-xrplws" value="wss://xrpl.ws/" data-jsonrpcurl="https://xrpl.ws/" data-shortname="Mainnet">
<label class="form-check-label" for="wstool-1-connection-xrplws">
xrpl.ws (Mainnet Full History Cluster)
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="wstool-1-connection" id="wstool-1-connection-s2" value="wss://s2.ripple.com/" data-jsonrpcurl="https://s2.ripple.com:51234/" data-shortname="Full History">
<label class="form-check-label" for="wstool-1-connection-s2">
s2.ripple.com (Mainnet Full History Cluster)
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="wstool-1-connection" id="wstool-1-connection-testnet" value="wss://s.altnet.rippletest.net:51233/" data-jsonrpcurl="https://s.altnet.rippletest.net:51234/" data-shortname="Testnet">
<label class="form-check-label" for="wstool-1-connection-testnet">
s.altnet.rippletest.net (Testnet Public Cluster)
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="wstool-1-connection" id="wstool-1-connection-devnet" value="wss://s.devnet.rippletest.net:51233/" data-jsonrpcurl="https://s.devnet.rippletest.net:51234/" data-shortname="Devnet">
<label class="form-check-label" for="wstool-1-connection-devnet">
s.devnet.rippletest.net (Devnet Public Cluster)
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="wstool-1-connection" id="wstool-1-connection-localhost" value="ws://localhost:6006/" data-jsonrpcurl="http://localhost:5005/" data-shortname="Local server">
<label class="form-check-label" for="wstool-1-connection-localhost">
localhost:6006 (Local <code>rippled</code> Server on port 6006) <br/>
<small>(Requires that you <a href="install-rippled.html">run <code>rippled</code></a> on this machine with default WebSocket settings)</small>
</label>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Close</button>
</div><!--/.modal-footer-->
</div><!--/.modal-content-->
</div><!--/.modal-dialog-->
</div><!--/.modal-->
<div class="modal fade" id="wstool-1-permalink" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Permalink</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<form><div class="form-group">
<label for="permalink-box-1">Share the following link to load this page with the currently-loaded inputs:</label>
<textarea id="permalink-box-1" class="form-control">https://xrpl.org/websocket-api-tool.html?server=wss%3A%2F%2Fs1.ripple.com%2F&req=%7B%22id%22%3A1%2C%22command%22%3A%22server_info%22%7D</textarea>
</div></form>
</div><!--/.modal-body-->
<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Close</button>
</div><!--/.modal-footer-->
</div><!--/.modal-content-->
</div><!--/.modal-dialog-->
</div><!--/.modal-->
<div class="modal fade" id="wstool-1-curl" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">cURL Syntax</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<form><div class="form-group">
<label for="curl-box-1">Use the following syntax to make the equivalent JSON-RPC request using <a href="https://curl.haxx.se/">cURL</a> from a commandline interface:</label>
<textarea id="curl-box-1" class="form-control" rows="8">curl -H 'Content-Type: application/json' -d '{"method":"server_info","params":[{}]}' https://s1.ripple.com:51234/</textarea>
</div></form>
</div><!--/.modal-body-->
<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Close</button>
</div><!--/.modal-footer-->
</div><!--/.modal-content-->
</div><!--/.modal-dialog-->
</div><!--/.modal-->
<script type="text/javascript" src="assets/vendor/jsonlint.js"></script>
<script type="text/javascript" src="assets/vendor/codemirror-js-json-lint.min.js"></script>
<script type="text/javascript" src="assets/js/apitool-websocket.js"></script>
<script type="text/javascript" src="assets/js/apitool-methods-ws.js"></script>
<script type="application/javascript">
gtag('config', 'UA-157720658-3', {'content_group1': 'API Tools'});
</script>
{% endblock %}

75
template/page-xrp-faucets.html.jinja Normal file
View File

@@ -0,0 +1,75 @@
{% extends "base.html.jinja" %}
{% block bodyclasses %}page-test-net{% endblock %}
{% block right_sidebar %}
<div class="card">
<div class="card-header">
<h4>Testnet Servers</h4>
</div>
<div class="card-body">
<h4>WebSocket and RippleAPI</h4>
<div class="multicode" id="code-0">
<ul class="codetabs">
<li><a href="#code-0-0">Testnet</a></li>
<li><a href="#code-0-1">Devnet</a></li>
</ul>
<div class="code_sample" id="code-0-0">
<pre><code>wss://s.altnet.rippletest.net:51233</code></pre>
</div>
<div class="code_sample" id="code-0-1">
<pre><code>wss://s.devnet.rippletest.net:51233</code></pre>
</div>
</div>
<h4 id="json-rpc">JSON-RPC</h4>
<div class="multicode" id="code-1">
<ul class="codetabs">
<li><a href="#code-1-0">Testnet</a></li>
<li><a href="#code-1-1">Devnet</a></li>
</ul>
<div class="code_sample" id="code-1-0">
<pre><code>https://s.altnet.rippletest.net:51234</code></pre>
</div>
<div class="code_sample" id="code-1-1">
<pre><code>https://s.devnet.rippletest.net:51234</code></pre>
</div>
</div>
</div>
</div>
{% endblock %}
{% block main %}
<section class="container-fluid pt-3 p-md-3">
<h1>XRP Faucets</h1>
<div class="content">
<p>Ripple runs these <a href="parallel-networks.html">parallel XRP Ledger test networks</a>, the Testnet and Devnet, to provide a testing platform for any software products built on the XRP Ledger without using real funds.</p>
<p>These funds are intended for <strong>testing</strong> only. The Testnet ledger and balances will be reset approximately every 90 days, or when otherwise necessary. Devnet funds may be reset without warning as needed.</p>
<p>Testnet and Devnet balances are separate. As a precaution, do not use the Testnet or Devnet credentials on the Mainnet.</p>
<div class="btn-toolbar" role="toolbar" aria-label="Button">
<button id="testnet-creds-button" class="btn btn-primary mr-2">Generate Testnet credentials</button>
<button id="devnet-creds-button" class="btn btn-primary">Generate Devnet credentials</button>
</div><!--/.btn-toolbar-->
<div id='your-credentials'></div>
<div id='loader' style="display: none;"><img class="throbber" src="assets/img/xrp-loader-96.png"> Generating Keys...</div>
<div id='address'></div>
<div id='secret'></div>
<div id='balance'></div>
</div>
</section>
{% endblock %}
{% block endbody %}
<script type='text/javascript' src='assets/js/test-net.js'></script>
<script src="assets/js/multicodetab.js"></script>
<script type="application/javascript">
$(document).ready(function() {
$(".multicode").minitabs();
});
</script>
<script type="application/javascript">
gtag('config', 'UA-157720658-3', {'content_group1': 'API Tools'});
</script>
{% endblock %}

264
template/page-xrpl-overview.html.jinja Normal file
View File

@@ -0,0 +1,264 @@
{% 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">
<div class="container">
<section class="row mt-20 mb-50-until-sm mb-20">
<div class="col-md-6 mb-10">
<h6 class="text-primary mb-4">{% trans %}XRP Overview{% endtrans %}</h6>
<h1 class="mb-18">{% trans %}Your Questions About XRP, Answered.{% endtrans %}</h1>
</div>
<div class="w-100"></div>
<div class="col-md-8">
<h2 class="mb-10">{% trans %}What is XRP?{% endtrans %}</h2>
<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 <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>
</div>
</div>
</section>
<section class="row mb-30">
<h6 class="section-marker">{% trans %}Benefits{% endtrans %}</h6>
<div class="col-sm-12 col-lg-10 overflow-x-xs">
<table id="overview-table" class="mw-100">
<thead>
<tr>
<td class="bold h4">{% trans %}Benefits{% endtrans %}</td>
<td class="bold text-large"><img class="h40 mr-3 mb-1" src="assets/img/icons/bw-xrp.png">{% trans %}XRP{% endtrans %}</td>
<td class="bold text-large"><img class="h32 mr-3 mb-1" src="assets/img/icons/bw-bitcoin.png">{% trans %}Bitcoin{% endtrans %}</td>
</tr>
</thead>
<tbody>
<tr>
<td class="bold"><div class="w48 mr-3 text-center d-sm-inline-block no-wrap"><img class="h32" src="assets/img/icons/fast.png"></div>{% trans %}Fast{% endtrans %}</td>
<td class="">{% trans %}3-5 seconds to settle{% endtrans %}</td>
<td class="">{% trans %}500 seconds to settle{% endtrans %}</td>
</tr>
<tr>
<td class="bold"><div class="w48 mr-3 text-center d-sm-inline-block no-wrap"><img class="w32" src="assets/img/icons/low-cost.png"></div>{% trans %}Low-Cost{% endtrans %}</td>
<td class="">{% trans %}$0.0002/transaction{% endtrans %}</td>
<td class="">{% trans %}$0.50/transaction{% endtrans %}</td>
</tr>
<tr>
<td class="bold"><div class="w48 mr-3 text-center d-sm-inline-block no-wrap"><img class="w44" src="assets/img/icons/scalable.png"></div>{% trans %}Scalable{% endtrans %}</td>
<td class="">{% trans %}1,500 transactions per second{% endtrans %}</td>
<td class="">{% trans %}3 transactions per second{% endtrans %}</td>
</tr>
<tr class="border-none">
<td class="bold"><div class="w48 mr-3 text-center d-sm-inline-block no-wrap"><img class="w48" src="assets/img/icons/sustainable.png"></div>{% trans %}Sustainable{% endtrans %}</td>
<td class="">{% trans %}Environmentally sustainable and carbon neutral{% endtrans %}</td>
<td class="">{% trans %}0.3&#37; of global energy consumption{% endtrans %}</td>
</tbody>
</table>
</div>
</section>
<section class="row mb-30 mb-50-until-sm">
<div class="col-lg-6 offset-lg-1 order-1 order-lg-2 mb-10">
<img class="mw-100" src="./img/graphics/overview-supply.png">
</div>
<div class="col-lg-4 order-2 order-lg-1">
<h2 class="mb-10">{% trans %}Finite Supply of XRP{% endtrans %}</h2>
<p>{% 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>{% trans %}Unlike Bitcoin, there is a finite amount of XRP. All XRP is already in existence today—100 billion in total.{% endtrans %}</p>
<a href="history.html" class="btn btn-outline-secondary mt-3">{% trans %}History of XRP{% endtrans %}</a>
</div>
</section>
<section class="row mb-20">
<div class="col-md-4 mb-10">
<h2>{% trans %}How Does the XRP Ledger Work?{% endtrans %}</h2>
</div>
<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 <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>
</div>
<div class="col-md-4">
<p>{% trans %}Transactions are executed in a deterministic order to prevent double spending and malicious activity. Unlike other blockchains, transaction fees are destroyed as part of transaction execution. The XRP Ledger adjusts fees in near real time to respond to network conditions, with the twin goals of maximizing transaction throughput while keeping transaction fees as low as possible.{% endtrans %}</p>
<p>{% trans %}All servers in the network process each transaction according to the same rules, and any transaction that follows the protocol is confirmed as soon as validators reach a quorum.{% endtrans %}</p>
</div>
</section>
<section class="row mb-30 mb-40-until-sm">
<h6 class="section-marker">{% trans %}XRP Validators{% endtrans %}</h6>
<div class="col-lg-6 mb-10">
<img class="mw-100" src="./img/graphics/validator.png">
</div>
<div class="col-lg-5 offset-lg-1 d-flex-sm justify-content-sm-center align-self-sm-center">
<div>
<h4 class="mb-10">{% trans %}Anyone can operate a validator; currently, over 150 <a href="run-a-rippled-validator.html" class="underline">validators</a> are active on the ledger, operated by universities, exchanges, businesses and individuals.{% endtrans %}</h4>
<a href="consensus-network.html" class="btn btn-outline-secondary">{% trans %}Get Technical{% endtrans %}</a>
</div>
</div>
</section>
<section class="row mb-30 mb-50-until-sm">
<div class="col-lg-7 pr-0">
<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 <a href="https://ripple.com/insights/the-internet-of-value-what-it-means-and-how-it-benefits-everyone/" target="_blank" class="underline">Internet of Value</a>.{% endtrans %}</h5>
</div>
<div class="w-100 mt-20"></div>
<div class="col-md-4 mb-20">
<h4>{% trans %}Businesses{% endtrans %}</h4>
<p class="my-10">{% trans %}Many businesses are building on the XRP Ledger, pursuing powerful use cases in decentralized finance, micropayments, gaming, web monetization and more. Additionally, Ripple, the technology company, is focused on building a network and infrastructure that leverages XRP to power faster, more affordable cross-border payments around the world.{% endtrans %}</p>
<a href="businesses.html" class="text-white bold arrow-link">{% trans %}More About Businesses{% endtrans %}</a>
</div>
<div class="col-md-4 mb-20">
<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 <a href="https://paystring.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 position-sm-absolute bottom-0">{% trans %}More About Uses{% endtrans %}</a>
</div>
<div class="col-md-4 mb-20">
<h4>{% trans %}Developers{% endtrans %}</h4>
<p class="my-10">{% trans %}By building on the XRP Ledger, developers can easily integrate payments into their products—seamlessly putting money at the center of their applications. Projects like <a href="https://github.com/XRPLF/xrpl-py" target="_blank">xrpl-py</a> are making it easier for developers to leverage XRP.{% endtrans %}</p>
<a href="docs.html" class="text-white bold arrow-link position-sm-absolute bottom-0">{% trans %}More About Developers{% endtrans %}</a>
</div>
</section>
<section class="mb-30 mb-50-until-sm">
<h6 class="section-marker">{% trans %}Internet of Value{% endtrans %}</h6>
<div class="row mb-20 mb-40-until-sm">
<div class="col-md-4 offset-md-2 order-1 order-md-2 mb-10 text-center">
<img class="mw-100" src="./img/overview/fast.png">
</div>
<div class="col-md-4 offset-md-1 order-2 order-md-1 justify-content-sm-center align-self-sm-center">
<h2 class="mb-10">{% trans %}Fast{% endtrans %}</h2>
<p>{% trans %}The XRP Ledger settles transactions faster than any other blockchain—in 3-5 seconds.{% endtrans %}</p>
</div>
</div>
<div class="row mb-30">
<div class="col-md-4 offset-md-1 mb-10 text-center">
<img class="mw-100" src="./img/overview/low-cost.png">
</div>
<div class="col-md-4 offset-md-2 justify-content-sm-center align-self-sm-center">
<h2 class="mb-10">{% trans %}Low-Cost{% endtrans %}</h2>
<p>{% trans %}XRP transactions cost a fraction of a penny ($0.0002)—much less than other cryptocurrencies and average fiat payments.{% endtrans %}</p>
</div>
</div>
<div class="row mb-30">
<div class="col-md-4 offset-md-2 order-1 order-md-2 mb-10 text-center">
<img class="mw-100" src="./img/overview/scalable.png">
</div>
<div class="col-md-4 offset-md-1 order-2 order-md-1 justify-content-sm-center align-self-sm-center">
<h2 class="mb-10">{% trans %}Scalable{% endtrans %}</h2>
<p>{% trans %}The XRP Ledger can handle up to 1,500 transactions per second.{% endtrans %}</p>
</div>
</div>
<div class="row mb-30">
<div class="col-md-4 offset-md-1 mb-10 text-center">
<img class="mw-100" src="./img/overview/sustainable.png">
</div>
<div class="col-md-4 offset-md-2 justify-content-sm-center align-self-sm-center">
<h2 class="mb-10">{% trans %}Sustainable{% endtrans %}</h2>
<p>{% trans %}XRP transactions settle without the enormous and unsustainable energy costs associated with proof-of-work (or mining).{% endtrans %}</p>
</div>
</div>
<div class="row mb-20">
<div class="col-md-4 offset-md-2 order-1 order-md-2 mb-10 text-center">
<img class="mw-100" src="./img/overview/real.png">
</div>
<div class="col-md-4 offset-md-1 order-2 order-md-1 justify-content-sm-center align-self-sm-center">
<h2 class="mb-10">{% trans %}Real{% endtrans %}</h2>
<p>{% trans %}XRP is one of the only digital assets with a proven, real-world use case: cross-border payments.{% endtrans %}</p>
</div>
</div>
<div class="text-center">
<a href="uses.html" class="btn btn-outline-secondary">{% trans %}Explore Uses{% endtrans %}</a>
</div>
</section>
<section class="mb-30 mb-50-until-sm">
<h6 class="section-marker">{% trans %}Trading{% endtrans %}</h6>
<div class="row">
<div class="col-md-6 offset-md-1 order-1 order-md-2 mb-10">
<div class="d-flex flex-wrap w-100">
<a class="square square-50 d-flex card-b" href="https://www.coinbase.com/" target="_blank">
<img class="mw-100" src="assets/img/exchanges/coinbase.png">
</a>
<a class="square square-50 d-flex card-b" href="https://www.binance.com/" target="_blank">
<img class="mw-100" src="assets/img/exchanges/binance.png">
</a>
<a class="square square-50 d-flex card-b" href="https://www.bitstamp.net/" target="_blank">
<img class="mw-100" src="assets/img/exchanges/bitstamp.png">
</a>
<a class="square square-50 d-flex card-b" href="https://www.kraken.com/" target="_blank">
<img class="mw-100" src="assets/img/exchanges/kraken.png">
</a>
</div>
</div>
<div class="col-md-5 order-2 order-md-1">
<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’s low transaction fees, reliability and high speed enable traders to use the digital asset as fast, 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>
<a href="exchanges.html" class="mt-10 btn btn-outline-secondary">{% trans %}Find Out More{% endtrans %}</a>
</div>
</div>
</section>
<section class="mb-30 mb-50-until-sm">
<h6 class="section-marker">{% trans %}Ripple vs. XRP{% endtrans %}</h6>
<div class="row">
<div class="col-md-3 offset-md-1 mb-10 text-center d-flex-md justify-content-md-center align-self-md-center">
<img class="mw-100 mt-10" src="./img/overview/xrp-text-logo.png">
</div>
<div class="col-md-5 offset-md-2">
<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 <a href="https://ripple.com/xrp/market-performance" target="_blank">XRP markets</a>.{% endtrans %}</p>
<a class="mt-10 btn btn-outline-secondary" href="https://ripple.com/" target="_blank">{% trans %}Visit Ripple's Website{% endtrans %}</a>
</div>
</div>
</section>
<section class="last-section">
<h6 class="section-marker">{% trans %}XRP Community{% endtrans %}</h6>
<div class="row">
<div class="col-md-6 offset-md-1 order-1 order-md-2 mb-10 text-center">
<img class="mw-100 mt-2" src="./img/overview/xrp-community.png">
</div>
<div class="col-md-5 order-2 order-md-1">
<h2 class="mb-10">{% trans %}XRPL.org: For the Community, by the Community{% endtrans %}</h2>
<p>{% trans %}XRPL.org is a community-driven resource for all things XRP and XRP Ledger (XRPL). If you’d like to suggest additional information around XRP, you can suggest changes <a href="contribute.html">here</a>.{% endtrans %}</p>
<a href="contribute.html" class="mt-10 btn btn-outline-secondary">{% trans %}Suggest Changes{% endtrans %}</a>
</div>
</div>
</section>
</div>
</div>
{% endblock %}
{% block endbody %}
<script type="text/javascript">
$( '.card-b' )
.mouseover( function(e){
$( '.card-b' ).addClass( 'not-hover' );
$( this ).removeClass( 'not-hover' );
})
.mouseout( function(e){
$( '.card-b' ).removeClass( 'not-hover' );
});
</script>
<script type="application/javascript">
gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
</script>
{% endblock %}

35
template/pagetype-category.html.jinja Normal file
View File

@@ -0,0 +1,35 @@
{% extends "base.html.jinja" %}
{% block mainclasses %}landing landing-children padded-main{% endblock %}
{% block main %}
{% if content %}
<section class="pt-3 p-md-3">
<article class="content">
{{ content }}
{% set show_blurbs = True %}
{% set depth= 1 %}
{% include 'children.html' %}
</article>
</section>
{% else %}
<section class="pt-3 p-md-3">
<article class="content">
<h1 id="main-page-header">{{ currentpage.name }}</h1>
{% if currentpage.blurb != target.blurb %}<p class="blurb">{{ currentpage.blurb }}</p>{% endif %}
{% set show_blurbs = True %}
{% set depth= 1 %}
{% include 'children.html' %}
</article>
</section>
{% endif %}
{% endblock %}
{% block endbody %}
<script type="application/javascript">
gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
</script>
{% endblock %}

52
template/pagetype-doc.html.jinja Normal file
View File

@@ -0,0 +1,52 @@
{% extends "base.html.jinja" %}
{% block head %}
<!-- expandable code samples -->
<script src="assets/js/expandcode.js"></script>
<!-- multi-code selection tabs -->
<script src="assets/js/multicodetab.js"></script>
<script>
$(document).ready(function() {
$(".multicode").minitabs();
make_code_expandable();
});
</script>
{% endblock %}
{% block main %}
<article class="pt-3 p-md-3">
{% if (target.lang != "en" and "en" in currentpage.targets) or currentpage.untranslated_warning %}
{# Add a "sorry this page isn't translated" banner. #}
<div class="devportal-callout note mb-5"><strong>{% trans %}Sorry, this page is not available in your language.{% endtrans %}</strong>
<p class="mb-0">{% trans %}We are making an effort to offer the XRP Ledger Dev Portal in a variety of languages, but not all pages are available in all languages. If you'd like to help, <a href="https://github.com/ripple/xrpl-dev-portal/blob/master/CONTRIBUTING.md">please contribute!</a>{% endtrans %}</p>
</div><!--/.devportal-callout-->
{% endif %}
<div class="content">
{{ content }}
</div>
</article>
{% endblock %}
{% block right_sidebar %}
<div id="page-toc-wrapper">
{% include 'component-label-list.html.jinja' %}
<div class="toc-header">
<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>
</div>
{% endblock %}
{% block endbody %}
<script type="application/javascript">
gtag('config', 'UA-157720658-3', {'content_group1': 'Content Docs'});
</script>
{% include 'component-feedback-widget.html.jinja' %}
{% endblock %}

41
template/pagetype-label.html.jinja Normal file
View File

@@ -0,0 +1,41 @@
{% extends "base.html.jinja" %}
{% block mainclasses %}landing landing-children padded-main{% endblock %}
{% block main %}
<section class="content">
{% if content %}
{{ content}}
{% else %}
<h1 id="main-page-header">Label: {{ currentpage.name }}</h1>
{% if currentpage.blurb %}<p class="blurb">{{currentpage.blurb}}</p>{% endif %}
{% endif %}
{% for cat in ["concepts.html", "tutorials.html", "references.html"] %}
{% set catpg = pages|selectattr("html", "eq", cat)|first %}
{% set cat_lbl_pgs = children_with_label(pages, catpg, currentpage.landing_for) %}
{% if cat_lbl_pgs %}
<div class="curated-links">
<h3>{{catpg.name}}</h3>
<ul>
{% for page in cat_lbl_pgs %}
<li class="level-1">
<span class="pg-category">{{(pages|selectattr("html", "eq", page.parent)|first).name}}</span>
<a href="{% if "//" not in page.html %}{{currentpage.prefix}}{% endif %}{{page.html}}">{{page.name}}</a>
<p class="blurb child-blurb">{{page.blurb}}</p>
</li>
{% endfor %}
<ul>
</div>
{% endif %}
{% endfor %}
</section>
{% endblock %}
{% block endbody %}
<script type="application/javascript">
gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
</script>
{% include 'component-feedback-widget.html.jinja' %}
{% endblock %}

14
template/pagetype-redirect.html.jinja Normal file
View File

@@ -0,0 +1,14 @@
{% extends "base.html.jinja" %}
{% block head %}
<meta http-equiv="refresh" content="0;url={{currentpage.redirect_url}}" />
{% endblock %}
{% block main %}
<article class="pt-3 p-md-3">
<div class="content">
<p>This page has been moved! You should be redirected automatically. If not, <a href="{{currentpage.redirect_url}}">click here to go to the new {{currentpage.name}} page</a>.
</div>
</article>
{% endblock %}

43
template/pdf-doc.html.jinja Normal file
View File

@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width">
<title>{{ currentpage.name }} - {{target.display_name}}</title>
<!-- favicon -->
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<script src="assets/vendor/jquery-3.6.0.min.js"></script>
<link href="{{currentpage.prefix}}assets/css/devportal2020.css" rel="stylesheet" />
{% block head %}
{% endblock %}
</head>
<body class="xrp-ledger-dev-portal {% if currentpage.sidebar is undefined or currentpage.sidebar != "disabled" %}sidebar-primary {% endif %}{% block bodyclasses %}{% endblock %}">
<div class="container-fluid" role="document" id="main_content_wrapper">
<div class="row">
<main class="main {% if currentpage.sidebar is defined and currentpage.sidebar == "disabled" %}col-md-12{% else %}col-md-7 col-lg-6{% endif %} order-md-3 {% block mainclasses %}{% endblock %}" role="main" id="main_content_body">
{{ content }}
</main>
</div>
</div>
<footer>(Exported {{ current_time }})</footer>
<!-- Non-blocking resources -->
<!-- Bootstrap JS -->
<script src="{{currentpage.prefix}}assets/vendor/bootstrap.min.js"></script>
<!-- fontawesome icons -->
<link rel="stylesheet" href="{{currentpage.prefix}}assets/vendor/fontawesome/css/font-awesome.min.css" />
</body>
</html>

4
template/sitemap.txt.jinja Normal file
View File

@@ -0,0 +1,4 @@
{% for page in pages -%}
{%- if page.html is defined and page.html != "sitemap.txt" -%}
https://xrpl.org/{{page.html}}
{% endif %}{% endfor %}