xrpl-dev-portal/template/page-xrpl-overview.html.jinja

{% 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]-->


  <!-- Play videos from youtube -->
  <script src="{{currentpage.prefix}}assets/js/video.js"></script>

{% endblock %}

{% block bodyclasses %}no-sidebar{% endblock %}
{% block mainclasses %}landing{% endblock %}

{% block breadcrumbs %}{% endblock %}

{% block main %}
<div class="overflow-hidden">

  <div id="video-overlay"></div>
  <div id="video">
    <div id="videoWrapper">
    <iframe id="player" width="853" height="480" src="" frameborder="0" allowfullscreen></iframe>
    </div>
  </div>

  <div class="position-relative">
    <img src="./img/backgrounds/xrpl-overview-purple.svg" class="landing-bg" id="xrpl-overview-purple">
  </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 %}The Business <br class="until-sm"/> of Impact{% endtrans %}</h1>
        <h6 class="eyebrow mb-3">{% trans %}XRPL Today, XRPL Tomorrow{% endtrans %}</h6>
      </div>
    </div>
  </section>

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

  <section class="container-new py-26">
    <div class="card-grid card-grid-2xN">
      <div class="col">
        <div class="d-flex flex-column-reverse">
          <h2 class="h4 h2-sm mb-8">{% trans %}How the XRP Ledger works{% endtrans %}</h2>
          <h6 class="eyebrow mb-3">{% trans %}XRP Ledger Basics{% endtrans %}</h6>
        </div>
        <h5 class="longform mb-10">{% trans %}The XRP Ledger is a decentralized public blockchain built for business. {% endtrans %}</h5>
        <p class="mb-4">{% trans %}The peer-to-peer network that manages the ledger is open to everyone. The XRP Ledger is maintained by software engineers, server operators, users, and businesses–a global community working to solve problems and create real-world value.{% endtrans %}</p>
        <div class="d-none d-lg-block">
          <a class="btn btn-primary btn-arrow" href="docs.html">{% trans %}Read Technical Docs{% endtrans %}</a> <a class="ml-4 video-external-link" target="_blank" href="https://www.youtube.com/playlist?list=PLJQ55Tj1hIVZtJ_JdTvSum2qMTsedWkNi">{% trans %}Watch Explainer Videos {% endtrans %}</a>
        </div>
      </div>
      <div class="col">
        <iframe id="video1" style="display:none;" width="560" height="315" src="https://www.youtube.com/embed/sVTybJ3cNyo" title="Intro to the XRP Ledger" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        <a href="#" id="playvideo">
          <img alt="XRPL logo with play button surrounded with image bubbles of various people" src="./assets/img/overview/video_explainer_intro@2x.png" id="xrpl-overview-video-intro" class="w-100 video-image">
        </a>

        <div class="text-center d-lg-none">
        <a class="btn btn-primary btn-arrow mt-5 mb-4" href="docs.html">{% trans %}Read Technical Docs{% endtrans %}</a> <a class="ml-4 video-external-link" target="_blank" href="https://www.youtube.com/playlist?list=PLJQ55Tj1hIVZtJ_JdTvSum2qMTsedWkNi">{% trans %}Watch Explainer Videos {% endtrans %}</a>
        </div>

      </div>
    </div>
  </section>

  <section class="container-new py-26">
    <div class="card-grid card-grid-2xN">
      <div class="col">
        <div class="d-flex flex-column-reverse">
          <h2 class="h4 h2-sm mb-8">{% trans %}How the Consensus Protocol works{% endtrans %}</h2>
          <h6 class="eyebrow mb-3">{% trans %}Consensus{% endtrans %}</h6>
        </div>
        <h5 class="longform mb-10">{% trans %}To uphold performance, XRPL uses a consensus protocol. Designated servers called <a href="run-a-rippled-validator.html">validators</a>, which anyone can operate, come to an agreement on the order and outcome of XRP transactions every three to five seconds.{% endtrans %}</h5>
        <p class="mb-6">{% trans %}All servers in the network process each transaction according to the same rules, and any transaction that follows the protocol is confirmed right away. All transactions are public, and strong cryptography guarantees the integrity of the system.{% endtrans %}</p>
        <p class="mb-0">{% trans %}Currently, over 120 <a href="https://livenet.xrpl.org/network/validators" target="_blank">validators</a> are active on the ledger, operated by universities, exchanges, businesses, and individuals. As the validator pool grows, the consensus protocol ensures decentralization of the blockchain over time.{% endtrans %}</p>
      </div>
      <div class="col mb-16-sm">
        <img class="mw-100" id="validator-graphic" alt="(Graphic: Validators in Consensus)">
      </div>
    </div>
  </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 alt="" src="./img/backgrounds/cta-xrpl-overview-green.svg" class="cta cta-bottom-right">
      <div class="z-index-1 position-relative">
        <h2 class="h4 mb-10-until-sm mb-8-sm">{% trans %}A Sustainable Blockchain{% endtrans %}</h2>
        <p class="mb-10">{% trans %}Unlike most other blockchains, the XRP Ledger requires no mining and uses negligible energy, key to long-term growth and stability.{% endtrans %}</p>
        <a class="btn btn-primary btn-arrow" href="impact.html">{% trans %}Learn More{% endtrans %}</a>
      </div>
    </div>
  </section>

  <section class="container-new py-26">
    <div class="card-grid card-grid-2xN">
      <div class="col">
        <div class="d-flex flex-column-reverse">
          <h4 class="h4 h2-sm mb-8">{% trans %}Building with confidence on <br class="until-sm"/> proven technology{% endtrans %}</h4>
          <h6 class="eyebrow mb-3">{% trans %}XRPL Today{% endtrans %}</h6>
        </div>
        <h5 class="longform mb-10">{% trans %}With 10+ years of error-free functioning and enterprise companies as champions, XRPL has established reliability.{% endtrans %}</h5>
        <p class="mb-10">{% trans %}With the XRPL, these developers are building innovative blockchain projects and applications across use cases including tokenization of assets, online gaming, asset custody, NFTs, and DeFi.{% endtrans %}</p>
        <a class="btn btn-primary btn-arrow mb-10-sm" href="uses.html">{% trans %}Explore More{% endtrans %}</a>
      </div>
      <div class="col mb-0">
        <div class="d-flex flex-column-reverse">
          <h4 class="h4 h2-sm mb-8">{% trans %}Creating new value for long-term growth{% endtrans %}</h4>
          <h6 class="eyebrow mb-3">{% trans %}XRPL Tomorrow{% endtrans %}</h6>
        </div>
        <h5 class="longform mb-10">{% trans %}As a community-led blockchain built for business, XRPL attracts companies and developers driven to solve real problems and generate real value–now and into the future.{% endtrans %}</h5>
        <p class="mb-0">{% trans %}Significant investment in development, along with low transaction costs and energy usage, is fueling growth and opening up a wide variety of use cases at scale.{% endtrans %}</p>
      </div>
    </div>
  </section>

  <section class="container-new py-26">
    <div class="d-flex flex-column-reverse col-xl-6 mb-lg-4 pl-0 ">
      <h2 class="h4 h2-sm">{% trans %}Watch the explainer video series to learn more about the XRP Ledger{% endtrans %}</h2>
      <h6 class="eyebrow mb-3">{% trans %}Tune In{% endtrans %}</h6>
    </div>

    <div class="row row-cols-1 row-cols-lg-3 d-flex justify-content-between w-100 mx-0 mx-md-n3 mt-md-5">
        <div class="px-md-3 pt-5 pt-md-0">
          <a href="#" class="btn1" data-url="https://www.youtube.com/embed/k6VqEkqRTmk?rel=0&amp;showinfo=0&amp;autoplay=1">
            <img alt="Two Monitors with person image bubbles inside, facing each other with a play button in between" src="./assets/img/overview/video_explainer_consensus@2x.png" id="xrpl-overview-video-consensus" class="w-100 video-image">
          </a>
          <div class="mt-2">
            <h4 class="video-title mt-3 mb-0">{% trans %}The Consensus Mechanism{% endtrans %}</h4>
          </div>
        </div>
        <div class="px-md-3 pt-5 pt-md-0">
          <a href="#" class="btn1" data-url="https://www.youtube.com/embed/JjaVDXPqnbA?rel=0&amp;showinfo=0&amp;autoplay=1">
            <img alt="graphlike background with play button in center" src="./assets/img/overview/video_explainer_nodes@2x.png" id="xrpl-overview-video-nodes" class="w-100 video-image">
          </a>
          <div class="mt-2">
            <h4 class="video-title mt-3 mb-0">{% trans %}Nodes and Validators{% endtrans %}</h4>
          </div>
        </div>
        <div class="px-md-3 pt-5 pt-md-0">
          <a href="#" class="btn1" data-url="https://www.youtube.com/embed/WsmldDNGQ9s?rel=0&amp;showinfo=0&amp;autoplay=1">
            <img alt="A globe graph with a play button in center" src="./assets/img/overview/video_explainer_sustainability@2x.png" id="xrpl-overview-video-sustainability" class="w-100 video-image">
          </a>
          <div class="mt-2">
            <h4 class="video-title mt-3 mb-0">{% trans %}Sustainability of the XRP Ledger{% endtrans %}</h4>
          </div>
        </div>
    </div>
    <div class="pt-5 w-100">
      <a class="btn btn-primary btn-arrow" target="_blank" href="https://www.youtube.com/channel/UC6zTJdNCBI-TKMt5ubNc_Gg">{% trans %}Watch Full Series on YouTube{% endtrans %}</a>
    </div>
  </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 alt="" src="./img/backgrounds/cta-xrpl-overview-orange.svg" class="cta cta-bottom-right">
      <div class="z-index-1 position-relative">
        <h4 class="h4 mb-10-until-sm mb-8-sm">{% trans %}Tomorrow’s Blockchain Starts With You{% endtrans %}</h4>
        <p class="mb-10">{% trans %}XRP Ledger’s innovation relies on the shared community experience of builders like you. If you’re ready to start your next big blockchain project, explore the XRPL now and consider applying for funding on your next <a href='developer-funding.html'>blockchain project</a>.{% endtrans %}</p>
        <a class="btn btn-primary btn-arrow" href="https://xrplgrants.org/" target="_blank">{% trans %}Explore XRPL Developer Funding{% endtrans %}</a>
      </div>
    </div>
  </section>

  <section class="container-new py-26">
    <div class="col-md-6 offset-md-3 w-100 pl-0 pr-0 mini-faq" id="minifaq-accordion">
      {% set faqs = [
        { "question": _("Is XRPL a private blockchain, owned by Ripple?"),
          "answer": _("No, the XRP Ledger is a decentralized, public blockchain. Any changes that would impact transaction processing or consensus need to be approved by at least 80%% of the network. Ripple is a contributor to the network, but its rights are the same as those of other contributors. In terms of validation, there are 150+ validators on the network with 35+ on the Unique Node List (see “What are Unique Node Lists (UNLs)?” in the Full FAQ) — Ripple runs 6 of these nodes.") },
        { "question": _("Isn’t Proof of Work the best validation mechanism?"),
          "answer": _("Proof of Work (PoW) was the first mechanism to solve the double spend problem without requiring a trusted 3rd party. However the XRP Ledger’s consensus mechanism solves the same problem in a far faster, cheaper and more energy efficient way.") },
        { "question": _("How can a blockchain be sustainable?"),
          "answer": _("It’s been widely reported that Bitcoin’s energy consumption, as of 2021, is equivalent to that used by Argentina, with much of the electricity Bitcoin miners use coming from polluting sources. The XRP Ledger confirms transactions through a “consensus” mechanism - which does not waste energy like proof of work does - and leverages carbon offsets to be <a href='https://ripple.com/ripple-press/ripple-leads-sustainability-agenda-to-achieve-carbon-neutrality-by-2030/' target='_blank'>one of the first truly carbon neutral blockchains</a>.") },
      ] %}
      {% for faq in faqs %}
      <div class="q-wrapper">
        <a href="#heading{{loop.index}}" class="expander collapsed" data-toggle="collapse" data-target="#answer{{loop.index}}" aria-expanded="false" aria-controls="answer{{loop.index}}">
          <h4 id="heading{{loop.index}}">
            {{faq.question}}
            <span class="chevron"><span></span><span></span></span>
          </h4>
        </a>
        <div id="answer{{loop.index}}" class="answer-wrapper collapse" aria-labelledby="heading{{loop.index}}">
          <p>{{faq.answer}}</p>
        </div><!--/.answer-wrapper {{loop.index}} -->
      </div>
      {% endfor %}
      <center>
        <a class="btn btn-primary btn-arrow mt-20" href="faq.html">{% trans %}View Full FAQ{% endtrans %}</a>
      </center>
    </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 %}