2018-04-23 23:14:38 +02:00
<!DOCTYPE HTML>
< html >
< head >
2018-10-13 00:02:29 +02:00
< title > {% block title %}Start{% endblock %}< / title >
2018-04-23 23:14:38 +02:00
< 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" >
2018-09-06 21:59:28 +02:00
{% block expand_header %}{% endblock %}
2018-04-23 23:14:38 +02:00
< 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 >
2018-10-13 00:02:29 +02:00
< nav > {% if this.alt == 'en' %}
< a href = "/..{{ this._path }}" > Deutsch Version aufrufen< / a > {%
2018-10-13 00:08:18 +02:00
else %}< a href = "/en{{ this._path }}" > View English version< / a > {% endif %}
2018-04-23 23:14:38 +02:00
< a href = "#menu" > Menu< / a >
< / nav >
< / header >
<!-- Menu -->
< nav id = "menu" >
< div class = "inner" >
< h2 > Menu< / h2 >
< ul class = "links" >
2018-11-03 15:54:24 +01:00
< 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 %}
2018-10-13 00:02:29 +02:00
< / ul >
2018-11-03 15:54:24 +01:00
< a href = "#" class = "close" > {% if bag('translate', this.alt, 'close')
%}{{ bag('translate', this.alt, 'close') }}{% else %}Schließen{% endif %}< / a >
2018-04-23 23:14:38 +02:00
< / div >
< / nav >
<!-- Banner -->
< section id = "banner" >
< div class = "inner" >
2018-04-24 23:20:20 +02:00
< div class = "logo" > < a href = "{{ '/'|url }}" > < span class = "icon fa-heart" > < / span > < / a > < / div >
2018-04-23 23:14:38 +02:00
< h2 > C3WOC< / h2 >
2018-11-03 16:14:55 +01:00
< p > {% if bag('translate', this.alt, 'c3woc')
%}{{ bag('translate', this.alt, 'c3woc') }}{% else %}C3 Waffel Operation Center{% endif %} < span class = "icon fa-heart" > < / span >
{% if bag('translate', this.alt, 'destiny') %}{{ bag('translate', this.alt, 'destiny') }}{%
else %}Wir machen Waffeln{% endif %}< / p >
2018-04-23 23:14:38 +02:00
< / div >
< / section >
<!-- Wrapper -->
< section id = "wrapper" >
<!-- Main -->
{% block body %}{% endblock %}
< / section >
<!-- Footer -->
< section id = "footer" >
< div class = "inner" >
2018-11-03 16:14:55 +01:00
< h2 class = "major" > {% if bag('translate', this.alt, 'we') %}{{ bag('translate', this.alt, 'we') }}{%
else %}Wir{% endif %} < span class = "icon fa-heart" > < / span > {% if bag('translate', this.alt, 'love')
%}{{ bag('translate', this.alt, 'love') }}{% else %}Waffeln, du auch?{% endif %}< / h2 >
< p > {% if bag('translate', this.alt, 'whoami')
%}{{ bag('translate', this.alt, 'whoami') }}{% else %}Das C3WOC besteht aus Hackern aus dem Chaosumfeld. Nimm doch mal mit uns Kontakt auf und lass uns zusammen Waffeln machen!< / p > {% endif %}
2018-04-23 23:14:38 +02:00
< form >
2018-04-23 23:19:18 +02:00
< img src = "{{ '/images/logo/c3woc.svg'|url }}" style = "width: 100%;" / >
2018-04-23 23:14:38 +02:00
< / form >
2018-10-13 00:02:29 +02:00
< ul class = "contact" >
{% for icon, link, name in [
2018-11-03 16:36:19 +01:00
['fa-envelope', 'mailto:waffel@c3woc.de', 'mail'],
['fa-hashtag', 'ircs://irc.hackint.org/#waffel', 'irc'],
['fa-hashtag', 'https://webirc.hackint.org/#irc://irc.hackint.org/#waffel', 'webirc'],
['fa-twitter', 'https://twitter.com/@c3WOC', 'twitter'],
['fa-comments', 'https://chaos.social/@c3WOC', 'mastodon'],
['fa-user-plus', '/mitmachen/'|url , 'invite']
2018-10-13 00:02:29 +02:00
] %}
2018-11-03 16:36:19 +01:00
< li class = "{{ icon }}" > < a href = "{{ link }}" > {% if bag('translate', this.alt, name) %}{{ bag('translate', this.alt, name) }}{%
else %}{{ name }}{% endif %}< / a > < / li > {%
endfor %}
2018-04-23 23:14:38 +02:00
< / ul >
< ul class = "copyright" >
2018-11-03 16:36:19 +01:00
< li > © by L3D.< / li > < li > < a href = "{{ '/datenschutz/'|url }}" > {% if bag('translate', this.alt, 'dataprotection') %}{{ bag('translate', this.alt, 'dataprotection') }}{%
else %}Cyberschutz{% endif
%}< / a > < / li > < li > < a href = "{{ '/impressum/'|url }}" > {%
if bag('translate', this.alt, 'imprint') %}{{ bag('translate', this.alt, 'imprint') }}{%
else %}Impressum{% endif %}< / a > < / li > < li > Design inspired by: < a href = "http://html5up.net" > HTML5 UP< / a > < / li >
2018-04-23 23:14:38 +02:00
< / 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 >
