{% extends "base.html" %}

{% block outdated %}
You're not viewing the latest version.
<a href="{{ '../' ~ base_url }}">
  <strong>Click here to go to latest.</strong>
</a>
{% endblock %}

{% block footer %}
{#-
This file was automatically generated - do not edit
-#}
<footer class="md-footer">
  {% if "navigation.footer" in features %}
  {% if page.previous_page or page.next_page %}
  {% if page.meta and page.meta.hide %}
  {% set hidden = "hidden" if "footer" in page.meta.hide %}
  {% endif %}
  <nav class="md-footer__inner md-grid" aria-label="{{ lang.t('footer') }}" {{ hidden }}>
    {% if page.previous_page %}
    {% set direction = lang.t("footer.previous") %}
    <a href="{{ page.previous_page.url | url }}" class="md-footer__link md-footer__link--prev"
      aria-label="{{ direction }}: {{ page.previous_page.title | e }}" rel="prev">
      <div class="md-footer__button md-icon">
        {% include ".icons/material/arrow-left.svg" %}
      </div>
      <div class="md-footer__title">
        <span class="md-footer__direction">
          {{ direction }}
        </span>
        <div class="md-ellipsis">
          {{ page.previous_page.title }}
        </div>
      </div>
    </a>
    {% endif %}
    {% if page.next_page %}
    {% set direction = lang.t("footer.next") %}
    <a href="{{ page.next_page.url | url }}" class="md-footer__link md-footer__link--next"
      aria-label="{{ direction }}: {{ page.next_page.title | e }}" rel="next">
      <div class="md-footer__title">
        <span class="md-footer__direction">
          {{ direction }}
        </span>
        <div class="md-ellipsis">
          {{ page.next_page.title }}
        </div>
      </div>
      <div class="md-footer__button md-icon">
        {% include ".icons/material/arrow-right.svg" %}
      </div>
    </a>
    {% endif %}
  </nav>
  {% endif %}
  {% endif %}
  <div class="md-footer-meta md-typeset">
    <div class="md-footer-meta__inner md-grid">
      <div class="md-copyright">
        <div class="md-copyright__highlight">
          <div class="container" style="display: flex;align-items: center;">
              <img src="{{ base_url }}/static/eu.png" alt="European Flag" style="max-width: 100%;height: auto;margin-right: 20px;" width="100" height="70">
              <div style="flex: 0 0 400px;">
                  This work was supported by the European Union's Horizon 2020 research and innovation program (Grant agreement 101028476).
              </div>
          </div>
        </div>
      </div>
      {% include "partials/copyright.html" %}
      {% if config.extra.social %}
      {% include "partials/social.html" %}
      {% endif %}
    </div>
  </div>
</footer>
{% endblock %}