{% macro printpage(i,active, site) %}
    {#    <a href="/projekte/{{ i }}/" class="{{ "active" if i == active else "other" }}">{{ i }}</a>#}
    <a href="{{url_for("index", page=i, site=site)}}" class="{{ "active" if i == active|string() else "other" }}">{{ i }}</a>
{% endmacro %}

{% macro pagination(pagearray, num_pages, page, site, top) %}
    <!-- License of svg icons - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) -->
    <div class="pagination {{ "top" if top else "bottom" }}">
        {% if page > 1 %}
            <a rel="prev" href="{{ url_for("index", page=page-1, site=site) }}">
                <svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1203 544q0 13-10 23l-393 393 393 393q10 10 10 23t-10 23l-50 50q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l50 50q10 10 10 23z"></path>
                </svg>
            </a>
        {% else %}
            <a rel="prev" class="disabled">
                <svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1203 544q0 13-10 23l-393 393 393 393q10 10 10 23t-10 23l-50 50q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l50 50q10 10 10 23z"></path>
                </svg>
            </a>
        {% endif %}
        {% for i in pagearray %}
            {% if i == "d" %}
                <a class="disabled other">&hellip;</a>
            {% else %}
                {{ printpage(i, page, site) }}
            {% endif %}
        {% endfor %}
        {% if page < num_pages %}
            <a rel="next" href="{{ url_for("index",page=page+1, site=site) }}">
                <svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1171 960q0 13-10 23l-466 466q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l466 466q10 10 10 23z"></path>
                </svg>
            </a>
        {% else %}
            <a rel="next" class="disabled">
                <svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1171 960q0 13-10 23l-466 466q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l466 466q10 10 10 23z"></path>
                </svg>
            </a>
        {% endif %}
    </div>
{%- endmacro %}

{% macro siteheader(site) %}
<header class="siteheader"
        style="background-color: {{ site.tag_background_color if site.tag_background_color!="#FFF" }};
                color: {{ site.link_color }}">
    <img src="{{ site.icon_url }}" width="30" height="30">
    <span>{{ site.name }}</span>
    <a class="gotolink" href="https://{{ site.url }}" target="_blank" rel="noopener">Go to site</a>
</header>
{% endmacro %}