{% 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 py-3 p-sm-4 splash-head">
    <h1>Learn. Experiment. Integrate. Contribute.</h1>
    <div class="row">
      <div class="blurb col-sm-12">
        <p>The <a href="#xrp_ledger_intro">XRP Ledger</a> is built on <code>rippled</code>, an open-source technology that anyone can use.</p>
        <p>Use the tools and information provided here to integrate with and contribute to the open-source platform.</p>
      </div>
    </div>
  </section>

  <section class="container-fluid py-3 p-sm-4 bg-white" id="home_first_shortcuts">
      <div class="card-deck mb-4">

          <div class="card-spacer d-none d-xl-block pt-5"><img class="card-img-top" src="assets/img/reference-book.svg" alt="(reference book icon)" /></div>

          <div class="card mr-xl-5">
            <div class="card-header bg-dark">
              <h3 class="card-title"><a href="references.html">Go to the References <i class="fa fa-arrow-right" aria-hidden="true"></i></a></h3>
            </div><!--/.card-header-->
            <img class="card-img-top d-xl-none" src="assets/img/reference-book.svg" alt="(reference book icon)" />
            <div class="card-body">
              <div class="curated-links">
                <ul>
                  <li><a href="public-rippled-methods.html"><code>rippled</code> Public API Methods</a></li>
                  <li><a href="transaction-formats.html"><code>rippled</code> Transaction Formats</a></li> <!--{# TODO: Change this out when the transaction format gets split up #}-->
                  <li><a href="data-api.html">Data API</a></li>
                </ul>
              </div><!--/.curated-links-->
            </div><!--/.card-body-->
          </div><!--/.card-->

          <div class="card-spacer d-none d-xl-block pt-5"><img class="card-img-top" src="assets/img/airplane.svg" alt="(airplane icon)" /></div>

          <div class="card mr-xl-5">
            <div class="card-header bg-dark">
              <h3 class="card-title">Get Started</h3>
            </div><!--/.card-header-->
            <img class="card-img-top d-xl-none" src="assets/img/airplane.svg" alt="(airplane icon)" />
            <div class="card-body">
              <div class="curated-links">
                <ul>
                  <li><a href="websocket-api-tool.html">Make a call to the rippled API</a></li>
                  <li><a href="xrp-test-net-faucet.html">Access the XRP Ledger Test Net</a></li>
                  <li><a href="concepts.html">Understand XRP Ledger Concepts</a></li>
                </ul>
              </div><!--/.curated-links-->
            </div><!--/.card-body-->
          </div><!--/.card-->

          <div class="card-spacer d-none d-xl-block pt-5"><img class="card-img-top" src="assets/img/map.svg" alt="(map icon)" /></div>

          <div class="card">
            <div class="card-header bg-dark">
              <h3 class="card-title"><a href="use-cases.html">View Use Cases <i class="fa fa-arrow-right" aria-hidden="true"></i></a></h3>
            </div><!--/.card-header-->
            <img class="card-img-top d-xl-none" src="assets/img/map.svg" alt="(map icon)" />
            <div class="card-body">
              {% set parent_page = pages|selectattr("name", "equalto", "Use Cases")|first %}
              {% set depth = 1 %}
              {% include 'template-page-children.html' %}
            </div><!--/.card-body-->
          </div><!--/.card-->

        </div><!--/.card-deck-->

    </section>

    <section class="container-fluid bg-light py-3 p-sm-4">
      <div class="row">

        <div class="col-sm-6">
          <div class="card mb-4">
            <div class="card-header">
              <h3 class="card-title">New and Updated Documentation</h3>
            </div><!--/.card-header-->
            <div class="card-body">
              <div class="curated-links">
                <ol>
                  {% for link in target.recently_updated %}
                    {% set linkpage = pages|selectattr("html", "equalto", link.html)|first %}
                    <li><a href="{{linkpage.html}}">{{linkpage.name}}{% if link.date is defined %} <span class="recently-updated-date">({{link.date}})</span>{% endif %}</a></li>
                  {% endfor %}
                </ol>
              </div><!--/.curated-links-->
            </div><!--/.card-body-->
          </div><!--/.card-->
        </div>

        <div class="col-sm-6">
          <div class="card">
            <div class="card-header">
              <h3 class="card-title">Known Amendments</h3>
            </div><!--/.card-header-->
            <div class="card-body">
              <p>Amendments introduce new features to the decentralized XRP Ledger without causing disruptions.</p>
              <div class="readmore">
                <a href="known-amendments.html"><button class="btn btn-secondary" type="button">View Known Amendments <i class="fa fa-arrow-right" aria-hidden="true"></i></button></a>
              </div>
            </div><!--/.card-body-->
          </div><!--/.card-->
        </div><!--/.col-->

      </div><!--/.row-->
    </section>

    <section class="container-fluid py-3 p-sm-4" id="xrp_ledger_intro">
      <h2><a href="xrp-ledger-overview.html">XRP Ledger: A decentralized cryptographic ledger</a></h2>
      <div class="row">
        <div class="blurb col-sm-12">
          <p>The XRP Ledger is built 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.</p>
          <p>Ripple stewards the development of the XRP Ledger, and advances XRP as a key contribution to the Internet of Value: a world in which money moves the way information does today.</p>
        </div>
      </div>

      <div class="container">

        <div class="card-deck mb-4">

            <a href="xrp-ledger-overview.html#the-best-digital-asset" class="card m-3">
              <img class="card-img-top" src="assets/img/triskellion.svg" alt="(XRP triskellion)" />
              <div class="card-body">
                <!-- <p>XRP is a digital asset native to the XRP Ledger. Anyone with a cryptographic key and an internet connection can receive, hold, and send XRP to anyone else.</p> -->
              </div><!--/.card-body-->
              <div class="card-footer"><h3>The Digital Asset for Payments</h3></div>
            </a><!--/.card-->

            <a href="xrp-ledger-overview.html#censorship-resistant-transaction-processing" class="card m-3">
              <img class="card-img-top" src="assets/img/dollar-arrow.svg" alt="(money moving)" />
              <div class="card-body">
                <!-- <p>No single party decides which XRP transactions succeed or fail, and no one can "roll back" a transaction after it completes.</p> -->
              </div><!--/.card-body-->
              <div class="card-footer"><h3>Censorship-Resistant Transaction Processing</h3></div>
            </a><!--/.card-->

            <div class="w-100 d-none d-sm-block d-md-none"><!-- wrap every 2 on sm --></div>

            <a href="xrp-ledger-overview.html#fast-efficient-consensus-algorithm" class="card m-3">
              <img class="card-img-top" src="assets/img/network.svg" alt="(consensus network)" />
              <div class="card-body">
                <!-- <p>The XRP Ledger's consensus algorithm settles transactions in 4 to 5 seconds, processing at a throughput of up to 1500 transactions per second.</p> -->
              </div><!--/.card-body-->
              <div class="card-footer"><h3>Fast, Efficient Consensus Algorithm</h3></div>
            </a><!--/.card-->

            <div class="w-100 d-none d-md-block d-lg-none"><!-- wrap every 3 on md --></div>

            <a href="xrp-ledger-overview.html#finite-xrp-supply" class="card m-3">
              <img class="card-img-top" src="assets/img/line-graph.svg" alt="(price graph)" />
              <div class="card-body">
                <!-- <p>When the XRP Ledger began, 100 billion XRP were created, and no more XRP will ever be created.</p> -->
              </div><!--/.card-body-->
              <div class="card-footer"><h3>Finite XRP Supply</h3></div>
            </a><!--/.card-->

            <div class="w-100 d-none d-sm-block d-md-none"><!-- wrap every 2 on sm --></div>
            <div class="w-100 d-none d-lg-block"><!-- wrap every 4 on lg/xl --></div>

            <a href="xrp-ledger-overview.html#responsible-software-governance" class="card m-3">
              <img class="card-img-top" src="assets/img/scales.svg" alt="(scales of justice)" />
              <div class="card-body">
                <!-- <p>A team of full-time, world-class developers at Ripple maintain and continually improve the XRP Ledger's underlying software.</p> -->
              </div><!--/.card-body-->
              <div class="card-footer"><h3>Responsible Software Governance</h3></div>
            </a><!--/.card-->

            <a href="xrp-ledger-overview.html#secure-adaptable-cryptography" class="card m-3">
              <img class="card-img-top" src="assets/img/lock.svg" alt="(lock)" />
              <div class="card-body">
                <!-- <p>The XRP Ledger relies on industry standard digital signature systems like ECDSA and also supports modern, efficient algorithms like Ed25519.</p> -->
              </div><!--/.card-body-->
              <div class="card-footer"><h3>Secure, Adaptable Cryptography</h3></div>
            </a><!--/.card-->

            <div class="w-100 d-none d-sm-block d-md-none"><!-- wrap every 2 on sm --></div>
            <div class="w-100 d-none d-md-block d-lg-none"><!-- wrap every 3 on md --></div>

            <a href="xrp-ledger-overview.html#modern-features-for-smart-contracts" class="card m-3">
              <img class="card-img-top" src="assets/img/gears.svg" alt="(gears)" />
              <div class="card-body">
                <!-- <p>Features like Escrow, Checks, and Payment Channels support cutting-edge financial applications while safety features like Invariant Checks and Amendments provide for stable operation.</p> -->
              </div><!--/.card-body-->
              <div class="card-footer"><h3>Modern Features for Smart Contracts</h3></div>
            </a><!--/.card-->

            <a href="xrp-ledger-overview.html#on-ledger-decentralized-exchange" class="card m-3">
              <img class="card-img-top" src="assets/img/exchange.svg" alt="(currency exchange)" />
              <div class="card-body">
                <!-- <p>The XRP Ledger also has a fully-functional accounting system for tracking and trading obligations denominated in any way users want, and an exchange built into the protocol.</p> -->
              </div><!--/.card-body-->
              <div class="card-footer"><h3>On-Ledger Decentralized Exchange</h3></div>
            </a><!--/.card-->

        </div><!--/.card-deck-->
      </div><!--/.container-->

    </section>

    <section class="container-fluid py-3 p-sm-4 bg-light">
      <h2>Built on the XRP Ledger</h2>
      <div class="blurb">
          <p>Learn about just a few of the types of integrations developers have built on the XRP Ledger.</p>
          <p>Have an idea for a use case not listed here? <a href="mailto:projectlotus@ripple.com">Contact us</a></p>
      </div>

      <div class="container">
        <div class="row card-deck mb-4 p-xl-5">

          <div class="card">
            <div class="card-header">
              <h3 class="card-title">Exchanges and Gateways</h3>
            </div><!--/.card-header-->
            <img class="card-img-top" src="assets/img/exchange-on-ripple.svg" alt="(currency exchange icon)" />
            <div class="card-body">
              <p>Integrate your Exchange or Gateway with the XRP Ledger to enable your users to buy and sell XRP and issued currencies.</p>
            </div><!--/.card-body-->
            <div class="card-footer">
              <div class="readmore">
                <a href="list-xrp-in-your-exchange.html"><button class="btn btn-secondary" type="button">View Use Case <i class="fa fa-arrow-right" aria-hidden="true"></i></button></a>
              </div><!--/.readmore-->
            </div><!--/.card-footer-->
          </div><!--/.card-->

          <div class="card">
            <div class="card-header">
              <h3 class="card-title">Market Makers</h3>
            </div><!--/.card-header-->
            <img class="card-img-top" src="assets/img/market-maker-on-ripple.svg" alt="(market maker icon)" />
            <div class="card-body">
              <p>Integrate with the XRP Ledger to place offers algorithmically or through your own trading interface, providing liquidity between different gateways and their users.</p>
            </div><!--/.card-body-->
            <div class="card-footer">
              <div class="readmore">
                <a href="mailto:projectlotus@ripple.com"><button class="btn btn-secondary" type="button">Contact Us  <i class="fa fa-envelope" aria-hidden="true"></i></button></a>
              </div><!--/.readmore-->
            </div><!--/.card-footer-->
          </div><!--/.card-->

          <div class="card">
            <div class="card-header">
              <h3 class="card-title">Wallets</h3>
            </div><!--/.card-header-->
            <img class="card-img-top" src="assets/img/wallet-on-ripple.svg" alt="(wallet icon)" />
            <div class="card-body">
              <p>Build a wallet app on the XRP Ledger to enable your users to send and trade XRP and other currencies issued by a gateway you trust.</p>
            </div><!--/.card-body-->
            <div class="card-footer">
              <div class="readmore">
                <a href="mailto:projectlotus@ripple.com"><button class="btn btn-secondary" type="button">Contact Us <i class="fa fa-envelope" aria-hidden="true"></i></button></a>
              </div><!--/.readmore-->
            </div><!--/.card-footer-->
          </div><!--/.card-->

        </div><!--/.card-deck-->
      </div><!--/.container-->

    </section>

    <section class="container-fluid related-projects py-3 p-sm-4 bg-white">
      <h2>Related Projects</h2>

      <div class="row">

        <div class="col m-2">
          <a class="client-portal-link card" href="https://clients.ripple.com/" target="_blank">
            <div class="card-body">
              <p>
                <img class="project-icon" src="assets/img/RippleNet-condensed.svg" />
                <span class="project-name">Ripple Client Portal</span>
                <span class="login-required">(login required)</span>
                <i class="fa fa-external-link" aria-hidden="true"></i>
              </p>
              <p class="project-summary">For financial institutions using Ripple's proprietary solutions to send money globally.</p>
            </div><!--/.card-body-->
          </a><!--/.card-->
        </div><!--/.col-->

        <div class="col m-2">
          <a class="interledger-link card" href="https://interledger.org/" target="_blank">
            <div class="card-body">
              <p>
                <img class="project-icon" src="assets/img/ilp_logo.svg" />
                <span class="project-name">Interledger</span>
                <i class="fa fa-external-link" aria-hidden="true"></i>
              </p>
              <p class="project-summary">An open protocol suite for connecting all forms of digital money.</p>
            </div><!--/.card-body-->
          </a><!--/.card-->
        </div><!--/.col-->

      </div><!--/.row-->

    </section>
{% endblock %}