{% extends "base.html.jinja" %}
{% 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 %}
<div class="overflow-hidden">

  <div class="position-relative">
    <img src="./img/backgrounds/foundation-magenta.svg" class="landing-bg" id="foundation-magenta">
  </div>

  <section class="py-26 text-center">
    <div class="col-lg-5 mx-auto text-center">
      <div class="d-flex flex-column-reverse">
        <h1 class="mb-0">{% trans %}Fostering the Development of the XRP Ledger{% endtrans %}</h1>
        <h6 class="eyebrow mb-3">{% trans %}XRPL Foundation{% endtrans %}</h6>
      </div>
    </div>
  </section>

  <div class="position-relative d-none-sm">
    <img src="./img/backgrounds/foundation-orange.svg" id="foundation-orange">
  </div>

  <section class="container-new py-26">
    <div class="col-lg-6 offset-lg-3 p-10-util-sm pl-0-sm pr-0-sm">
      <h4 class="mb-8 h2-sm">{% trans %}The Vision{% endtrans %}</h4>
      <h6 class="longform">{% trans %}The Foundation’s vision is to support the development of a diverse XRP Ledger community by focusing on governance, amendments to the core code, and an evolving list of robust validators — all key to creating a dynamic ecosystem that supports a growing and innovative Ledger. {% endtrans %}</h6>
    </div>
  </section>

  <section class="container-new py-26">
    <h3 class="h4 h2-sm">{% trans %}Key Areas of Focus{% endtrans %}</h3>
    <ul class="mt-10 card-grid card-grid-3xN mb-0">
      {% set features = [
        { "title":  _("Core Technology"),
          "description":  _("Enhance and develop infrastructure including high capacity hubs, full history servers, and monitoring systems.") },
        { "title":  _("Unique Node List"),
          "description":  _("Establish a list of public and objective criteria for evaluating the performance of validators.") },
        { "title":  _("Developer Ecosystem"),
          "description":  _("Support a growing ecosystem of global developers to help with the Ledger adoption and use.") },
        { "title":  _("Sustainability"),
          "description":  _("Encourage scalable and sustainable practices.") },
        { "title":  _("Social and Community Initiatives"),
          "description":  _("Support development of tools and platforms for financial inclusion globally.") },
      ] %}
      {% for feat in features %}
      <li class="col ls-none">
        <h3 class="mb-0 h5">{{feat.title}}</h3>
        <p class="mt-8-until-sm mt-3 mb-0">{{feat.description}}</p>
      </li>
      {% endfor %}
    </ul>
  </section>

  <section class="container-new py-26">
    <div>
      <h2 class="h4 h2-sm mb-20-until-sm">{% trans %}XRP Ledger Foundation Values and Beliefs{% endtrans %}</h2>
      <h4 class="h5 mb-3-sm-i mt-10">{% trans %}We Value:{% endtrans %}</h4>
    </div>
    <ul class="card-grid card-grid-3xN mb-10">
      {% set values = [
        { "description":  _("Our role as an independent organization acting in the best interests of the XRP Ledger community") },
        { "description":  _("Having the resources and support to compete on an equal playing field with other blockhain foundations to achieve our goals") },
        { "description":  _("Cultivating a diverse developer ecosystem, where many entities contribute to and benefit from the XRP Ledger") },
      ] %}
      {% for val in values %}
      <li class="col ls-none">{{val.description}}</li>
      {% endfor %}
    </ul>

    <div>
      <h4 class="h5 mb-3-sm-i">{% trans %}We Believe:{% endtrans %}</h4>
    </div>
    <ul class="card-grid card-grid-3xN">
      {% set beliefs = [
        { "description":  _("Trust is foundational to our mission and understand building trust is a slow, steady process") },
        { "description":  _("Close working relationships between developers and organizations that build on and contribute to the XRP Ledger are critical to its innovation and success") },
      ] %}
      {% for belief in beliefs %}
      <li class="col ls-none">{{belief.description}}</li>
      {% endfor %}
    </ul>
  </section>

  <section class="container-new py-26">
    <div class="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 cta-card">
      <img src="./img/backgrounds/cta-foundation-orange.svg" class="cta cta-top-left">
      <img src="./img/backgrounds/cta-foundation-magenta.svg" class="cta cta-bottom-right">
      <div class="z-index-1 position-relative">
        <h3 class="h4 mb-10-until-sm mb-8-sm">{% trans %}Contact Us{% endtrans %}</h3>
        <a class="btn btn-primary btn-arrow" href="https://xrplf.org/" target="_blank">xrplf.org</a>
      </div>
    </div>
  </section>
</div>

{% endblock %}


{% block analytics %}
    <script type="application/javascript">
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({
      "event": "page_info",
      "page_type": "Splash Page",
      "page_group": "About"
    })
    </script>
{% endblock analytics %}
