{% 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 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>
        <p>Want more? Get updates about XRP Ledger webinars, releases, and documentation! <a class="btn btn-light ml-3" href="https://goo.gl/forms/sHMFxU8dKiTUaltE3" target="_blank">Sign up! <i class="fa fa-external-link" aria-hidden="true"></i></a></p>
      </div>
    </div>
  </section>

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

          <div class="card">
            <div class="card-header bg-dark">
              <h3 class="card-title"><img class="card-title-icon" src="assets/img/reference-book.svg" alt="(reference book icon)" width="32" height="32" /> Go to the References</h3>
            </div><!--/.card-header-->
            <div class="card-body">
              <div class="curated-links">
                <ul>
                  <li><a href="rippled-api.html"><code>rippled</code> API</a></li>
                  <li><a href="rippleapi-reference.html">RippleAPI for JavaScript</a></li>
                  <li><a href="data-api.html">Data API</a></li>
                </ul>
              </div><!--/.curated-links-->
            </div><!--/.card-body-->
            <div class="card-footer">
              <div class="readmore">
                <a href="references.html" class="btn btn-secondary">View All References <i class="fa fa-arrow-right" aria-hidden="true"></i></a>
              </div>
            </div><!--/.card-footer-->
          </div><!--/.card-->

          <div class="card">
            <div class="card-header bg-dark">
              <h3 class="card-title"><img class="card-title-icon" src="assets/img/airplane.svg" alt="(airplane icon)" width="32" height="32" /> Get Started</h3>
            </div><!--/.card-header-->
            <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">
            <div class="card-header bg-dark">
              <h3 class="card-title"><img class="card-title-icon" src="assets/img/map.svg" alt="(map icon)" width="32" height="32" /> View Use Cases</h3>
            </div><!--/.card-header-->
            <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 class="card-footer">
              <div class="readmore">
                <a href="use-cases.html" class="btn btn-secondary">View All Use Cases <i class="fa fa-arrow-right" aria-hidden="true"></i></a>
              </div>
            </div><!--/.card-footer-->
          </div><!--/.card-->

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

    </section>

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

        <div class="card">
          <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 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><!--/.card-deck-->
    </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>
        </div>
      </div>

      <div class="container">

        <div class="card-deck">

            <a href="xrp-ledger-overview.html#the-digital-asset-for-payments" class="card m-3">
              <img class="card-img-top" src="assets/img/payment-card.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>Get updates about XRP Ledger use cases, webinars, and releases. <a class="btn btn-secondary ml-3" href="https://goo.gl/forms/sHMFxU8dKiTUaltE3" target="_blank">Sign up! <i class="fa fa-external-link" aria-hidden="true"></i></a></p></p>
      </div>

      <div class="container">
        <div class="row card-deck mx-4 mt-4 mb-0">

          <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 coming-soon">
                <h4>Coming Soon</h4>
              </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 coming-soon">
                <h4>Coming Soon</h4>
              </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">
          <a class="interledger-link card" href="https://interledger.org/" target="_blank">
            <div class="card-body">
              <img class="project-icon" src="assets/img/ilp_logo.svg" />
              <h3 class="card-title">Interledger
                <i class="fa fa-external-link" aria-hidden="true"></i>
              </h3>
              <p class="project-summary">Interledger is an open protocol suite for sending payments across different ledgers.</p>
              <p class="project-summary">Like routers on the Internet, connectors route packets of money across independent payment networks. The open architecture and minimal protocol enable interoperability for any value transfer system.</p>
              <p class="project-summary">Interledger is not tied to any one company, blockchain, or currency.</p>
            </div><!--/.card-body-->
          </a><!--/.card-->
        </div><!--/.col-->

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

    </section>
{% endblock %}
