<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:image" content="https://hackenopenair.de/media/pool.jpeg">
<link rel="icon" href="/static/img/favicon.png" type="image/png">
<title>
{% block title %}{{ EVENT_HEADLINE }}{% endblock %}
</title>
<link rel="stylesheet" href="/static/css/hoa.css">
</head>
<body>
<header>
{% block header %}
<div id="top"></div>
<div class="headers">
<h1><a href="index.html">{{ EVENT_HEADLINE }}</a></h1>
</div>
</header>
{% endblock %}
<aside>
<div class="nav-container" align="center">
<nav>
{% block langchooser %}
<div id="languages-menu">{% for translation in context.contents.filter(id=content.id).order_by('lang') %}
<a{% if translation == content %} class="active"{% endif %} href="{{ translation.url }}">{{ translation.lang }}</a>
{% if not loop.last %}<span class="spacer">|</span>{% endif %}
{% endfor %}
</div>
{% endblock %}
{% block menu %}
{% for entry in context.settings.MENU %}
{% if content.lang == "en" %}
<a href="{{entry.url}}"><img src="/static/img/{{entry.img}}" height="100px" alt="{{entry.title_en}}"></a>
{% if is_active_menu_entry(content, entry.url) %} (active){% endif %}
{% else %}
<a href="{{entry.url}}"><img src="/static/img/{{entry.img}}" height="100px" alt="{{entry.title_de}}"></a>
{% if is_active_menu_entry(content, entry.url) %} (active){% endif %}
{% endif %}
{% endfor %}
{% endblock menu %}
</nav>
</div>
</aside>
{% block content %}{% endblock %}
{% block footer %}
{% if content.group == "en" %}
<h2 id="footnote">Contact</h2>
<footer>
<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><a href="./impressum.html">Impressum und Datenschutzerklärung</a></li>
</ul>
<h2 id="footnote">An Event by <a href="https://stratum0.org">Stratum 0</a></h2>
</footer>
{% else %}
<h2 id="footnote">Kontakt</h2>
<footer>
<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><a href="./impressum.html">Impressum und Datenschutzerklärung</a></li>
</ul>
<h2 id="footnote">Eine Veranstaltung des <a href="https://stratum0.org">Stratum 0</a></h2>
</footer>
{% endif %}
{% endblock %}
</body>
<script>document.getElementById('specht').classList.add('solarized-'+Math.floor(Math.random()*7));</script>
</html>