{% extends "base.html" %}

{% block content %}
<header>
    <div id="top"></div>
    <div class="headers" align="center">
        <h1>Hacken Open Air 2::23</h1>
    </div>
</header>
<aside>
    <div class="nav-container" align="center">
        <nav>
            <ul class="nav">
                {% if content.group is defined %}
                    {% if content.group in content.path %}
                        {% with subpages=context.contents.filter(group=content.group).exclude(path=content.path).order_by("order") %}
                            {% for sp in subpages %}
                                <li><a href="#subpage_{{sp.menu}}">{{sp.menu}}</a></li>
                            {% endfor %}
                        {% endwith %}
                    {% endif %}
                {% endif %}
                {% if content.group == "en" %}
                    <li><a href="/index.html" aria-label="diese Seite auf Deutsch"><img src="/static/img/de.png" alt="german"></a></li>
                {% else %}
                    <li><a href="/en.html" aria-label="this page in english"><img src="/static/img/gb.png" alt="englisch"></a></li>
                {% endif %}
		            <li><a href="https://smaut.stratum0.org/hoa/hoa2023/">Tickets</a></li>
                <li><a href="https://wiki.hackenopenair.de" aria-label="Wiki">Wiki</a></li>
            </ul>
        </nav>
    </div>
</aside>
<div class="main">
    <article>
        <div align="center">
            <h3>{{content.ttmm}}</h3>
            <img id="specht" src="/static/img/specht.svg" alt="logo">
        </div>
        {{ content.content_body }}
        {% if content.group is defined %}
            {% if content.group in content.path %}
                {% with subpages=context.contents.filter(group=content.group).exclude(path=content.path).order_by("order") %}
                    {% for sp in subpages %}
                        <div id="subpage_{{sp.menu}}">
                            <h2>{{sp.content_title}}</h2>
                            {{sp.content_body}}
                        </div>
                    {% endfor %}
                {% endwith %}
            {% endif %}
        {% endif %}
    </article>

    {% if content.group == "en" %}
        <h2>Contact</h2>
        <ul>
                <li>Mail: <a href="mailto:kontakt@hackenopenair.de">kontakt@hackenopenair.de</a></li>
                <li>Matrix: <a href="https://matrix.to/#/#hackenopenair:stratum0.org">#hackenopenair:stratum0.org</a></li>
	              <li>IRC: <a href="irc://irc.libera.chat/#hackenopenair">irc.libera.chat/#hackenopenair</a></li>
	              <li>Mastodon: <a href="https://chaos.social/@HackenOpenAir">@HackenOpenAir@chaos.social</a></li>
	              <li>Twitter: <a href="https://twitter.com/HackenOpenAir">@HackenOpenAir</a></li>
                <li><a href="/impressum.html">Impressum und Datenschutzerklärung</a></li>
            </ul>
        <footer>
            <h2 id="footnote">An Event by <a href="https://stratum0.org">Stratum 0</a></h2>
        </footer>
    {% else %}
            <h2>Kontakt</h2>
            <ul>
                <li>Mail: <a href="mailto:kontakt@hackenopenair.de">kontakt@hackenopenair.de</a></li>
                <li>Matrix: <a href="https://matrix.to/#/#hackenopenair:stratum0.org">#hackenopenair:stratum0.org</a></li>
	              <li>IRC: <a href="irc://irc.libera.chat/#hackenopenair">irc.libera.chat/#hackenopenair</a></li>
	              <li>Mastodon: <a href="https://chaos.social/@HackenOpenAir">@HackenOpenAir@chaos.social</a></li>
	              <li>Twitter: <a href="https://twitter.com/HackenOpenAir">@HackenOpenAir</a></li>
                <li><a href="/impressum.html">Impressum und Datenschutzerklärung</a></li>
            </ul>
        <footer>
            <h2 id="footnote">Eine Veranstaltung des <a href="https://stratum0.org">Stratum&nbsp;0</a></h2>
        </footer>
    {% endif %}

</div>
{% endblock %}