{% extends "base.html" %}

{% block header %}
  {{ super() }}
  {% if config.extra.header_links %}
    <div class="skaal-site-links skaal-site-links--header">
      <div class="md-grid">
        <nav class="skaal-site-links__inner" aria-label="Documentation shortcuts">
          <span class="skaal-site-links__label">Quick Links</span>
          {% for item in config.extra.header_links %}
            {% if item.external %}
              {% set href = item.link %}
            {% else %}
              {% set href = item.link | url %}
            {% endif %}
            <a class="skaal-site-links__link" href="{{ href }}" {% if item.external %}target="_blank" rel="noreferrer"{% endif %}>{{ item.label }}</a>
          {% endfor %}
        </nav>
      </div>
    </div>
  {% endif %}
{% endblock %}

{% block footer %}
  {% if config.extra.footer_links %}
    <div class="skaal-site-links skaal-site-links--footer">
      <div class="md-grid">
        <nav class="skaal-site-links__inner" aria-label="Ecosystem shortcuts">
          <span class="skaal-site-links__label">Ecosystem</span>
          {% for item in config.extra.footer_links %}
            {% if item.external %}
              {% set href = item.link %}
            {% else %}
              {% set href = item.link | url %}
            {% endif %}
            <a class="skaal-site-links__link" href="{{ href }}" {% if item.external %}target="_blank" rel="noreferrer"{% endif %}>{{ item.label }}</a>
          {% endfor %}
        </nav>
      </div>
    </div>
  {% endif %}
  {{ super() }}
{% endblock %}