{% extends "common/base.j2" %}
{% block body_content %}
  <div class="container">

    <div class="row justify-content-center">
      <div class="col-8">
        <img src="{{ url_static('images/logo-2018-dold.svg') }}">
      </div>
    </div>

    <div class="row justify-content-center text-center">
      <div class="col-8">
        {% for item in newsdata[:1] %}
          <a href="news/{{ item['page'] }}" title="{{ item['date']}}">{{ item['date'] }}: {{ item['title'] }}</a>
        {% endfor %}
      </div>
    </div>

    <div class="row mt-5">
    </div>

    <div class="row">
      <div class="col">
        <h2>{{ _("We provide a payment system that makes <span class='tlr'>privacy-friendly</span> online transactions <span class='tlr'>fast and easy</span>.")}}</h2>
        <ul class="checklist">
          <li>
            <img class="checkmark" src="{{ url_static('images/checkmark.png') }}">
            {{ _("Payments without registration")}}
          </li>
          <li>
            <img class="checkmark" src="{{ url_static('images/checkmark.png') }}">
            {{ _("Data protection by default")}}
          </li>
          <li>
            <img class="checkmark" src="{{ url_static('images/checkmark.png') }}">
            {{ _("Fraud eliminated by design")}}
          </li>
          <li>
            <img class="checkmark" src="{{ url_static('images/checkmark.png') }}">
            {{ _("Not a new currency!")}}
          </li>
          <li>
            <img class="checkmark" src="{{ url_static('images/checkmark.png') }}">
            {{ _("Empowers communities to run their own payment infrastructure")}}
          </li>
        </ul>
        <form action="https://demo.taler.net/" style="display:inline;"><button type="submit" class="btn btn-primary">{{ _("Try Demo!")}}</button></form>
        <form action="https://docs.taler.net/" style="display:inline;"><button type="submit" class="btn btn-secondary">{{ _("Read Docs")}}</button></form>
      </div>
      <div class="col align-self-center">
        <img class="img-fluid" src="{{ url_static('images/stock1s.jpg') }}" style="border-radius: 1cm;" />
      </div>
    </div>
  </div>

{% endblock body_content %}