2dae8b4d98
Former-commit-id: 83e88d2c88092b1da8ea4386e0223dff7a03af7a [formerly 29ca813b768b9de1ab2e5032f72691ca687e4a79] [formerly ee4f701342e0ae29f4c00ed81319cefa672f85c9 [formerly c394d8a2c429b994eb4eab5adae3cbdd432e5c6f]] Former-commit-id: 7032a9a3ad62a332346b3c6331c7e7da850563e2 [formerly fb379494cf9114e89295aa1b6a9ff760f0ad0003] Former-commit-id: c8f6088bd27513ad056b4c109bcd4478e9ece429
122 lines
6 KiB
HTML
122 lines
6 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<title>{% block title %}Start{% endblock %}</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<!--[if lte IE 8]><script src="{{ '/js/ie/html5shiv.js'|url }}"></script><![endif]-->
|
|
<link rel="stylesheet" href="{{ '/css/main.css'|url }}" />
|
|
<!--[if lte IE 9]><link rel="stylesheet" href="{{ '/css/ie9.css'|url }}" /><![endif]-->
|
|
<!--[if lte IE 8]><link rel="stylesheet" href="{{ '/css/ie8.css'|url }}" /><![endif]-->
|
|
<link rel="icon" href="{{ '/images/favicon.png'|url }}" type="image/png">
|
|
{% block expand_header %}{% endblock %}
|
|
<style>
|
|
.active a{
|
|
color: red;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Page Wrapper -->
|
|
<div id="page-wrapper">
|
|
|
|
<!-- Header -->
|
|
<header id="header" class="alt">
|
|
<h1><a href="index.html">c3WOC</a></h1>
|
|
<nav>{% if this.alt == 'en' %}
|
|
<a href="/..{{ this._path }}">Deutsch Version aufrufen</a>{%
|
|
else %}<a href="/en{{ this._path }}">View English version</a>{% endif %}
|
|
<a href="#menu">Menu</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<!-- Menu -->
|
|
<nav id="menu">
|
|
<div class="inner">
|
|
<h2>Menu</h2>
|
|
<ul class="links">
|
|
<li{% if this._path == '/' %} class="active"{% endif
|
|
%}><a href="{{ '/'|url }}">home</a></li>{%
|
|
for href, title in [
|
|
['/blog', 'news'],
|
|
['/equipment', 'equipment'],
|
|
['/rezept', 'waffledough'],
|
|
['/hygiene', 'sanitariness'],
|
|
['/mitmachen', 'participate'],
|
|
['/impressum', 'imprint'],
|
|
['/datenschutz', 'dataprotection']
|
|
] %}
|
|
<li{% if this.is_child_of(href) %} class="active"{% endif
|
|
%}><a href="{{ href|url }}">{% if bag('translate', this.alt, title)
|
|
%}{{ bag('translate', this.alt, title) }}{% else %}{{ title }}{% endif %}</a></li>{%
|
|
endfor %}
|
|
</ul>
|
|
<a href="#" class="close">{% if bag('translate', this.alt, 'close')
|
|
%}{{ bag('translate', this.alt, 'close') }}{% else %}Schließen{% endif %}</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Banner -->
|
|
<section id="banner">
|
|
<div class="inner">
|
|
<div class="logo"><a href="{{ '/'|url }}"><span class="icon fa-heart"></span></a></div>
|
|
<h2>C3WOC</h2>
|
|
<p>C3 Waffel Operation Center <span class="icon fa-heart"></span> {% if this.alt == 'en'
|
|
%} We make waffles{% else %}Wir machen Waffeln{% endif %}</p>
|
|
</div>
|
|
</section>
|
|
<!-- Wrapper -->
|
|
<section id="wrapper">
|
|
<!-- Main -->
|
|
{% block body %}{% endblock %}
|
|
</section>
|
|
|
|
|
|
<!-- Footer -->
|
|
<section id="footer">
|
|
<div class="inner">
|
|
<h2 class="major">{% if this.alt == 'en' %}We{% else %}Wir{% endif %} <span class="icon fa-heart"></span> {% if this.alt == 'en' %}Waffles, you too?{% else %}Waffeln, du auch?{% endif %}</h2>
|
|
{% if this.alt == 'en' %}<p>The c3woc consists of hackers from the environment of the chaos computer club. Please contact us and let us do some waffles together!</p>{%
|
|
else %}<p>Das C3WOC besteht aus Hackern aus dem Chaosumfeld. Nimm doch mal mit uns Kontakt auf und lass uns zusammen Waffeln machen!</p>{% endif %}
|
|
<form>
|
|
<img src="{{ '/images/logo/c3woc.svg'|url }}" style="width: 100%;"/>
|
|
</form>
|
|
<ul class="contact">
|
|
{% if this.alt == 'en' %}
|
|
{% for icon, link, name in [
|
|
['fa-envelope', 'mailto:waffle@c3woc.de', 'waffle@c3woc.de'],
|
|
['fa-hashtag', 'ircs://irc.hackint.org/#waffel', 'irc.hackint.org/#waffel'],
|
|
['fa-hashtag', 'https://webirc.hackint.org/#irc://irc.hackint.org/#waffel', 'webirc.hackint.org'],
|
|
['fa-twitter', 'https://twitter.com/@c3WOC', '@c3WOC'],
|
|
['fa-comments', 'https://chaos.social/@c3WOC', 'c3WOC@chaos.social'],
|
|
['fa-user-plus', 'https://c3woc.de/mitmachen', 'Join us!']
|
|
] %}
|
|
<li class="{{ icon }}"><a href="{{ link }}">{{ name }}</a></li>{%
|
|
endfor %}{% else %}
|
|
{% for icon, link, name in [
|
|
['fa-envelope', 'mailto:waffel@c3woc.de', 'waffel@c3woc.de'],
|
|
['fa-hashtag', 'ircs://irc.hackint.org/#waffel', 'irc.hackint.org/#waffel'],
|
|
['fa-hashtag', 'https://webirc.hackint.org/#irc://irc.hackint.org/#waffel', 'webirc.hackint.org'],
|
|
['fa-twitter', 'https://twitter.com/@c3WOC', '@c3WOC'],
|
|
['fa-comments', 'https://chaos.social/@c3WOC', 'c3WOC@chaos.social'],
|
|
['fa-user-plus', 'https://c3woc.de/mitmachen', 'Mach bei uns mit']
|
|
] %}
|
|
<li class="{{ icon }}"><a href="{{ link }}">{{ name }}</a></li>{%
|
|
endfor %}{% endif %}
|
|
</ul>
|
|
<ul class="copyright">
|
|
<li>© by L3D.</li><li><a href="{{ '/datenschutz/'|url }}">{% if this.alt == 'en' %}advanced cyber data protection{% else %}Datenschutz{% endif %}</a></li><li><a href="{{ '/impressum/'|url }}">{% if this.alt == 'en' %}imprint{% else %}Impressum{% endif %}</a></li><li>Design inspired by: <a href="http://html5up.net">HTML5 UP</a></li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<!-- Scripts -->
|
|
<script src="{{ '/js/skel.min.js'|url }}"></script>
|
|
<script src="{{ '/js/jquery.min.js'|url }}"></script>
|
|
<script src="{{ '/js/jquery.scrollex.min.js'|url }}"></script>
|
|
<script src="{{ '/js/util.js'|url }}"></script>
|
|
<!--[if lte IE 8]><script src="{{ '/js/ie/respond.min.js'|url }}"></script><![endif]-->
|
|
<script src="{{ '/js/main.js'|url }}"></script>
|
|
</body>
|
|
</html>
|