{% extends "base.html.jinja" %}

{% block mainclasses %}landing padded-landing page-docs-index{% endblock %}

{% block breadcrumbs %}{% endblock %}

{% block main %}
  <section class="py-26 text-center">
    <div class="col-md-4 mx-auto text-center">
      <div class="d-flex flex-column-reverse">
        <h1 class="mb-18">{% trans %}What Would You Like to Learn?{% endtrans %}</h1>
        <h6 class="green-500 mb-3">{% trans %}XRP Ledger Documentation{% endtrans %}</h6>
      </div>
      <div class="center-search search">
        <form role="search">
          <div class="form-group">
            <div class="input-group">
              <label class="input-group-prepend" for="docsearchbox"><i class="fa fa-search input-group-text"></i><span class="sr-only">{% trans %}Search{% endtrans %}</span></label>
              <input id="docsearchbox" type="text" class="form-control searchinput" placeholder="{% trans %}Search for articles, training, and code samples...{% endtrans %}">
            </div><!--/.form-group-->
          </div>
        </form>
      </div><!--/.center-search-->
    </div>

    {#<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-->#}
  </section>

  <section class="container-fluid mb-50" id="docs-browse-by">
    <div class="row">
      <div class="col col-lg-6" id="popular-topics">
        <h2 class="h4">{% trans %}Browse By Popular Topics{% endtrans %}</h2>
        <ul class="nav flex-column">
          {% for pg_html in currentpage.popular_pages %}
          {% set page = pages|selectattr("html", "defined_and_equalto", pg_html)|first %}
          <li class="nav-item"><a href="{% if '//' not in page.html %}{{target.prefix}}{% endif %}{{page.html}}" class="nav-link">{{page.name}}</a>
          {% endfor %}
        </ul>
      </div><!--/#popular-topics-->

      <div class="col col-lg-6" id="browse-by-label">
        <h2 class="h4">{% trans %}Browse By Label{% endtrans %}</h2>
        {% include 'component-tag-cloud.html.jinja' %}
      </div><!--/#browse-by-label-->
    </div>
  </section>

  <section class="container-fluid mb-50" id="software-and-sdks">
    {% set get_started = pages|selectattr("html", "defined_and_equalto", "get-started.html")|first %}
      <h2>{% trans %}Software and SDKs{% endtrans %}</h2>
      <div class="row row-cols-2 row-cols-lg-4 card-deck">

      {% for page in get_started.children if page.showcase_icon is defined %}
      <a class="card" href="{{target.prefix}}{{page.html}}">
        <div class="card-body">
          <img class="circled-logo" src="{{target.prefix}}{{page.showcase_icon}}" />
          <h4 class="card-title h5">{% if page.top_nav_name is defined %}{{page.top_nav_name}}{% else %}{{page.name}}{% endif %}</h4>
        </div>
      </a>
      {% endfor %}
    </div>
  </section><!--/#software-and-sdks-->

  <section class="container-fluid mb-50" id="doc-types">
    <h2 class="h4">{% trans %}Article Types{% endtrans %}</h2>
    <div class="row row-cols-1 row-cols-lg-4 card-deck">
    {% set doc_types = [] %}
    {% for page in currentpage.children if page.html != "by-label.html" %}
      <a class="card" href="{{target.prefix}}{{page.html}}">
        <div class="card-body">
          <h4 class="card-title h5">{{page.name}}</h4>
          <p class="card-text">{{page.blurb}}</p>
        </div>
      </a>
    {% endfor %}
    </div>
  </section><!--/#doc-types-->

  <section class="container-fluid mb-50 doc-index">
    <h2 id="full-doc-index" class="h4">{% trans %}Full Documentation Index{% endtrans %}</h2>
    <div class="row">
      {% for page in currentpage.children if page.html != "by-label.html" %}
      {% set parent_html = page.html %}
      {% set depth = 6 %}
      <div class="col-md-6 mt-20">
        <a href="{{target.prefix}}{{page.html}}"><h5 class="mb-3">{{page.name}}</h5></a>
        {% include 'children.html' %}
      </div>
      {% endfor %}
    </div>
  </section><!--/.doc-index-->
{% endblock %}

{% block endbody %}
<script type="text/javascript"> docsearch({
apiKey: '70de5b9b8ef95460f3c6e04054b325b2',
indexName: 'xrpl',
inputSelector: '#docsearchbox',
algoliaOptions: { 'facetFilters': ["lang:{{target.lang}}"] },
debug: false
});
</script>

<script type="application/javascript">
  gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
</script>
{% endblock %}