{% extends "template-base.html" %}

{% 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">Interested in non-fungible tokens, but don't like their <a href="impact.html">carbon footprint</a>? Check out these proposed standards for issuing NFTs using the XRP Ledger:</p>
        <ul>
          <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/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>
          <!-- TODO: JoelKatz's proposed standard -->
        </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 %}