Files
xrpl-dev-portal/tool/template-home.html
2020-06-22 16:44:43 -07:00

318 lines
17 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{% extends "template-base.html" %}
{% 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 %}
<section class="container-fluid card-grid card-grid-2x2">
<div class="section-hero card justify-content-end">
<div>
<h1 class="display-4">{% trans %}Powering the Internet of Value.{% endtrans %}</h1>
<div class="blurb">
<p>{% trans %}The <a href="#xrp_ledger_intro">XRP Ledger</a> is open-source technology that anyone can use.{% endtrans %}</p>
<p>{% trans %}Use the tools and information provided here to integrate with and contribute to the open-source platform.{% endtrans %}</p>
<h5>{% trans %}Want more?{% endtrans %}</h5>
<p>{% trans %}Get updates about XRP Ledger webinars, releases, and documentation!{% endtrans %}</p>
</div><!--/.blurb-->
<a class="btn btn-outline-secondary external-link" href="https://goo.gl/forms/sHMFxU8dKiTUaltE3" target="_blank">{% trans %}Sign up!{% endtrans %} <i class="fa fa-external-link" aria-hidden="true"></i></a>
</div>
</div><!--/.section-hero-->
{% set flag_n = cycler(* range(1,99)) %}
<div class="card">
{% set cardpage = pages|selectattr('html', 'defined_and_equalto', 'get-started-with-the-rippled-api.html')|first %}
<div class="card-header">
<h3 class="card-title"><a href="{{cardpage.html}}">{{cardpage.name}}</a></h3>
</div><!--/.card-header-->
<div class="card-body">
<p>{{cardpage.blurb}}</p>
</div><!--/.card-body-->
<div class="card-footer">
<a href="get-started-with-the-rippled-api.html" class="btn btn-outline-secondary">{{cardpage.cta_text}}</a>
</div><!--/.card-footer-->
<div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
</div><!--/.card-->
<div class="card pr-0">
<div class="card-header">
<h3 class="card-title"><a href="concepts.html">{% trans %}Learn How It Works{% endtrans %}</a></h3>
</div><!--/.card-header-->
<div class="card-body">
<div class="curated-links">
<ul>
<li><a href="intro-to-consensus.html">{{(pages|selectattr('html', 'defined_and_equalto', 'intro-to-consensus.html')|first).name}}</a></li>
<li><a href="xrp.html">{% trans %}About XRP{% endtrans %}</a></li>
<li><a href="payment-system-basics.html">{{(pages|selectattr('html', 'defined_and_equalto', 'payment-system-basics.html')|first).name}}</a></li>
<li><a href="decentralized-exchange.html">{{(pages|selectattr('html', 'defined_and_equalto', 'decentralized-exchange.html')|first).name}}</a></li>
</ul>
</div><!--/.curated-links-->
</div><!--/.card-body-->
<div class="card-footer">
<a href="concepts.html" class="btn btn-outline-secondary">{% trans %}All Concepts{% endtrans %}</a>
</div><!--/.card-footer-->
<div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
</div><!--/.card-->
<div class="card">
<div class="card-header">
<h3 class="card-title"><a href="docs.html">{% trans %}Read Documentation{% endtrans %}</a></h3>
</div><!--/.card-header-->
<div class="card-body">
<div class="curated-links">
<ul>
<li><a href="references.html">{{(pages|selectattr('html', 'defined_and_equalto', 'references.html')|first).longer_name}}</a></li>
<li><a href="concepts.html">{{(pages|selectattr('html', 'defined_and_equalto', 'concepts.html')|first).name}}</a></li>
<li><a href="tutorials.html">{{(pages|selectattr('html', 'defined_and_equalto', 'tutorials.html')|first).name}}</a></li>
<li><a href="docs.html#full-doc-index">{% trans %}Full Doc Index{% endtrans %}</a></li>
</ul>
</div><!--/.curated-links-->
</div><!--/.card-body-->
<div class="card-footer">
<a href="docs.html" class="btn btn-outline-secondary">{% trans %}All Docs{% endtrans %}</a>
</div><!--/.card-footer-->
<div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
</div><!--/.card-->
<div class="card pr-0">
<div class="card-header">
<h3 class="card-title">{% trans %}Explore the XRP Ledger{% endtrans %}</h3>
</div><!--/.card-header-->
<div class="card-body">
<p>{% trans %}Use the XRPL Explorer to view a stream of ledger activity and see validator statuses.{% endtrans %}</p>
</div><!--/.card-body-->
<div class="card-footer">
<div class="readmore">
<a href="https://livenet.xrpl.org/" class="btn btn-outline-secondary">{% trans %}Go to the Explorer{% endtrans %}</a>
</div>
</div><!--/.card-footer-->
<div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
</div><!--/.card-->
</section><!--/"Above the fold" .card-grid-2x2-->
<section class="container-fluid card-grid">
<div class="card pl-0">
<div class="card-header">
<h2><a href="/blog/">XRP Ledger Blog</a></h2>
</div><!--/.card-header-->
<div class="card-body">
<div class="blurb">
<p>Visit the blog for the latest XRP Ledger info, including <a href="/blog/label/rippled-release-notes.html">Release Notes</a>, <a href="/blog/label/amendments.html">Amendments</a> to the XRP Ledger protocol, <a href="/blog/label/features.html">Feature articles</a> from XRP experts, and more.</p>
</div>
</div>
<div class="card-footer">
<a href="/blog/" class="btn btn-outline-secondary">View Blog</a>
</div>
</div>
</section>
{% set flag_n = cycler(* range(1,99)) %}
<section class="container-fluid card-grid card-grid-2x4" id="xrp_ledger_intro">
<div class="card section-hero pl-0">
<div class="card-header">
<h2><a href="xrp-ledger-overview.html">{% trans %}What is the XRP Ledger?{% endtrans %}</a></h2>
</div><!--/.card-header-->
<div class="card-body">
<p>{% trans %}The XRP Ledger is a decentralized cryptographic ledger, powered by a network of peer-to-peer servers. It is the home of XRP, a digital asset designed to bridge the many different currencies in use worldwide.{% endtrans %}</p>
</div>
</div><!--/.section-hero-->
<a href="{% trans %}xrp-ledger-overview.html#the-digital-asset-for-payments{% endtrans %}" class="card">
<div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-digital-asset.svg" alt="{% trans %}(digital asset icon){% endtrans %}" /></div>
<div class="card-footer"><h3>{% trans %}The Digital Asset for Payments{% endtrans %}</h3></div>
<div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
</a><!--/.card-->
<a href="{% trans %}xrp-ledger-overview.html#censorship-resistant-transaction-processing{% endtrans %}" class="card">
<div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-censorship-resistant.svg" alt="{% trans %}(censorship resistance icon){% endtrans %}" /></div>
<div class="card-footer"><h3>{% trans %}Censorship-Resistant Transaction Processing{% endtrans %}</h3></div>
<div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
</a><!--/.card-->
<a href="{% trans %}xrp-ledger-overview.html#fast-efficient-consensus-algorithm{% endtrans %}" class="card">
<div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-fast-algorithm.svg" alt="{% trans %}(consensus algorithm icon){% endtrans %}" /></div>
<div class="card-footer"><h3>{% trans %}Fast, Efficient Consensus Algorithm{% endtrans %}</h3></div>
<div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
</a><!--/.card-->
<a href="{% trans %}xrp-ledger-overview.html#finite-xrp-supply{% endtrans %}" class="card">
<div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-finite.svg" alt="{% trans %}(xrp supply icon){% endtrans %}" /></div>
<div class="card-footer"><h3>{% trans %}Finite XRP Supply{% endtrans %}</h3></div>
<div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
</a><!--/.card-->
<a href="{% trans %}xrp-ledger-overview.html#responsible-software-governance{% endtrans %}" class="card">
<div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-responsible.svg" alt="{% trans %}(governance icon){% endtrans %}" /></div>
<div class="card-footer"><h3>{% trans %}Responsible Software Governance{% endtrans %}</h3></div>
<div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
</a><!--/.card-->
<a href="{% trans %}xrp-ledger-overview.html#secure-adaptable-cryptography{% endtrans %}" class="card">
<div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-secure.svg" alt="{% trans %}(cryptography icon){% endtrans %}" /></div>
<div class="card-footer"><h3>{% trans %}Secure, Adaptable Cryptography{% endtrans %}</h3></div>
<div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
</a><!--/.card-->
<a href="{% trans %}xrp-ledger-overview.html#modern-features-for-smart-contracts{% endtrans %}" class="card">
<div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-modern-smart-contracts.svg" alt="{% trans %}(smart contracts icon){% endtrans %}" /></div>
<div class="card-footer"><h3>{% trans %}Modern Features for Smart Contracts{% endtrans %}</h3></div>
<div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
</a><!--/.card-->
<a href="{% trans %}xrp-ledger-overview.html#on-ledger-decentralized-exchange{% endtrans %}" class="card">
<div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-on-ledger-decentralized.svg" alt="{% trans %}(decentralized exchange icon){% endtrans %}" /></div>
<div class="card-footer"><h3>{% trans %}On-Ledger Decentralized Exchange{% endtrans %}</h3></div>
<div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
</a><!--/.card-->
</section><!--/#xrp_ledger_intro-->
<section class="container-fluid card-grid card-grid-2x2">
<div class="section-hero card pl-0">
<h2>{% trans %}Start Building{% endtrans %}</h2>
<div class="blurb">
<p>{% trans %}Use these tutorials to get step-by-step guidance to perform common tasks with the XRP Ledger.{% endtrans %}</p>
</div>
</div><!--/.section-hero-->
{% set flag_n = cycler(* range(1,99)) %}
{% set cardpage = pages|selectattr('html', 'defined_and_equalto', 'list-xrp-in-your-exchange.html')|first %}
<div class="card">
<div class="card-header">
<a href="{{cardpage.html}}" class="header-link">
<img class="image-icon" src="assets/img/icon-xrp-list-xrp.svg" alt="{% trans %}'list xrp' icon{% endtrans %}">
<h3 class="card-title">{{cardpage.name}}</h3>
</a>
</div><!--/.card-header-->
<div class="card-body">
<p>{{cardpage.blurb}}</p>
</div><!--/.card-body-->
<div class="card-footer">
<div class="readmore">
<a href="{{cardpage.html}}" class="btn btn-outline-secondary">{{cardpage.cta_text}}</a>
</div>
</div><!--/.card-footer-->
<div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
</div><!--/.card-->
{% set cardpage = pages|selectattr('html', 'defined_and_equalto', 'send-xrp.html')|first %}
<div class="card">
<div class="card-header">
<a href="{{cardpage.html}}" class="header-link">
<img class="image-icon" src="assets/img/icon-xrp-send-xrp.svg" alt="{% trans %}'send xrp' icon{% endtrans %}">
<h3 class="card-title">{{cardpage.name}}</h3>
</a>
</div><!--/.card-header-->
<div class="card-body">
<p>{{cardpage.blurb}}</p>
</div><!--/.card-body-->
<div class="card-footer">
<div class="readmore">
<a href="{{cardpage.html}}" class="btn btn-outline-secondary">{{cardpage.cta_text}}</a>
</div>
</div><!--/.card-footer-->
<div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
</div><!--/.card-->
{% set cardpage = pages|selectattr('html', 'defined_and_equalto', 'manage-the-rippled-server.html')|first %}
<div class="card">
<div class="card-header">
<a href="{{cardpage.html}}" class="header-link">
<img class="image-icon" src="assets/img/icon-xrp-run-rippled.svg" alt="{% trans %}'run rippled' icon{% endtrans %}">
<h3 class="card-title">{{cardpage.name}}</h3>
</a>
</div><!--/.card-header-->
<div class="card-body">
<p>{{cardpage.blurb}}</p>
</div><!--/.card-body-->
<div class="card-footer">
<div class="readmore">
<a href="{{cardpage.html}}" class="btn btn-outline-secondary">{{cardpage.cta_text}}</a>
</div>
</div><!--/.card-footer-->
<div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
</div><!--/.card-->
<div class="card">
<div class="card-header">
<h3 class="card-title"><a href="tutorials.html">{% trans %}More Tutorials{% endtrans %}</a></h3>
</div><!--/.card-header-->
<div class="card-body">
<div class="curated-links">
<ul>
<li><a href="assign-a-regular-key-pair.html">{{(pages|selectattr('html', 'defined_and_equalto', 'manage-the-rippled-server.html')|first).name}}</a></li>
<li><a href="set-up-multi-signing.html">{{(pages|selectattr('html', 'defined_and_equalto', 'set-up-multi-signing.html')|first).name}}</a></li>
<li><a href="use-escrows.html">{{(pages|selectattr('html', 'defined_and_equalto', 'use-escrows.html')|first).name}}</a></li>
<li><a href="use-payment-channels.html">{{(pages|selectattr('html', 'defined_and_equalto', 'use-payment-channels.html')|first).name}}</a></li>
</ul>
</div><!--/.curated-links-->
</div><!--/.card-body-->
<div class="card-footer">
<a href="tutorials.html" class="btn btn-outline-secondary">{% trans %}All Tutorials{% endtrans %}</a>
</div><!--/.card-footer-->
<div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
</div><!--/.card-->
</section>
<section class="container-fluid related-projects card-grid card-grid-2x1">
<div class="section-hero card pl-0">
<h2>{% trans %}Related Projects{% endtrans %}</h2>
<div class="blurb">
<p>{% trans %}You're not alone in building the Internet of Value. These projects are proudly collaborating with the XRP Ledger to make all the world's money move like information moves today.{% endtrans %}</p>
</div>
</div><!--/.section-hero-->
{% set flag_n = cycler(* range(1,99)) %}
<div class="card interledger-link">
<div class="card-header">
<img class="project-icon" src="assets/img/ilp_logo.svg" alt="{% trans %}Interledger logo{% endtrans %}" />
<h3 class="card-title">{% trans %}Interledger{% endtrans %}</h3>
</div><!--/.card-header-->
<div class="card-body">
<p class="project-summary">{% trans %}Interledger is an open protocol suite for sending payments across different ledgers.{% endtrans %}</p>
</div><!--/.card-body-->
<div class="card-footer">
<a class="btn btn-outline-secondary external-link" href="https://interledger.org/" target="_blank">{% trans %}Learn More{% endtrans %} <i class="fa fa-external-link" aria-hidden="true"></i></a>
</div><!--/.card-footer-->
<div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
</div><!--/.card-->
<div class="card xpring-link">
<div class="card-header">
<img class="project-icon" src="assets/img/xpring-logo.svg" alt="{% trans %}Xpring logo{% endtrans %}" />
<h3 class="card-title">{% trans %}Xpring{% endtrans %}</h3>
</div><!--/.card-header-->
<div class="card-body">
<p class="project-summary">{% trans %}Xpring is Ripples initiative to create an open developer platform for money.{% endtrans %}</p>
</div><!--/.card-body-->
<div class="card-footer">
<a class="btn btn-outline-secondary external-link" href="https://xpring.io/" target="_blank">{% trans %}Learn More{% endtrans %} <i class="fa fa-external-link" aria-hidden="true"></i></a>
</div><!--/.card-footer-->
<div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
</div><!--/.card-->
</section><!-- / Related Projects -->
{% endblock %}
{% block endbody %}
<script type="application/javascript">
gtag('set', {'content_group1': 'Hub Pages'});
</script>
{% endblock %}