{% extends 'layout.html.jinja2' %}
{% set menu_section = 'about' %}
{% block title %}About{% endblock %}

{#############################################################################}

{% block content %}

<div class="mdl-layout mdl-js-layout">

  <main id="" class="mdl-layout__content">

    <div class="mdl-grid">
    <a href="/index.html" class="mdl-button mdl-button--raised mdl-button--primary">
      &crarr; Back
    </a>
    </div>

    <div class="mdl-grid">

      <div class="mdl-cell mdl-cell--4-col mdl-cell--4-col-tablet mdl-cell--4-col-phone">
        <h2><i class="fas fa-spider"></i> Bug Reports</h2>
        <p>
          Please send bug reports
{# There are no safe ways to embed multiple recipients in a mailto #}
{# https://web.archive.org/web/20151116223616/http://www.sightspecific.com/~mosh/WWW_FAQ/multrec.html #}
          <a href="mailto:{{ authors_emails | shuffle | join(',') }}?subject=Heliopropa%20Bug%20Report%20%23{{ uuid4 }}">via email</a> or,
          <em>(if you can)</em>,
          use <a href="https://gitlab.irap.omp.eu/CDPP/SPACEWEATHERONLINE/issues">our issue tracker</a>.
        </p>
        {% for toot in config.toots %}
        <p class="toot">
          <span style="font-size: 0.8em; float: left; padding-right: 1em;">{{ toot.date }}</span>
          <span>{{ toot.text | md }}</span>
        </p>
        {% endfor %}
      </div>

      <div class="mdl-cell mdl-cell--4-col mdl-cell--4-col-tablet mdl-cell--4-col-phone">
        <h2><i class="fas fa-medal"></i> Credits</h2>
        <p>
          The <a href="http://www.europlanet-2020-ri.eu/">Europlanet 2020 Research Infrastructure</a> project has received funding
          from the <a href="https://ec.europa.eu/programmes/horizon2020/">European Union's Horizon 2020</a> research and innovation programme
          under grant agreement N°&nbsp;654208.
        </p>
        <p>
          If you like the pixel art planets, you can <a href="https://www.redbubble.com/people/spacefruitdox/portfolio" title="We're not affiliated with the author of these images in any way, but they're nice and this is a way of saying thanks.">buy goodies</a> of them.
        </p>
      </div>

      <div class="mdl-cell mdl-cell--4-col mdl-cell--4-col-tablet mdl-cell--4-col-phone">
        <h2><i class="fas fa-balance-scale"></i> Fair Use</h2>
        <p>
          You may use this service as any public domain service.<br />
          We provide no warranty of any kind.<br />
          The source code is available for you to inspect and fork.<br />
          If you use this service, please cite it and let us know.
        </p>
      </div>
    </div>

  </main>
</div>

{% endblock %}


{#### CSS ####################################################################}

{% block styles %}
{{ super() }}
{% endblock %}


{#### JAVASCRIPT #############################################################}

{% block scripts_footer %}
{{ super() }}
{% endblock %}