webseite/templates/layout.html
L3D 9a8f01266d Add flowblock for images
Former-commit-id: b7d8a1e9c747d1b6794905f11534215cc034c03f [formerly a5ba32508b2443e151b2a6eeb6a8146c68e31969] [formerly 1d264ce107f18188eca33f09d3e4cab3ec57de77 [formerly 57b7f8d59b9f6d8cff17389a8639d921d14da555]]
Former-commit-id: 28ff10f6c80e469e25a122428ff65346ce705d85 [formerly 0754f0ea986eb131959f1fbbfdb9b999653ba8e0]
Former-commit-id: 843a7eb673e9cd4dd0d0005652752ae259a8461c
2018-11-30 01:23:15 +01:00

120 lines
5.7 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>{% 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>
</div>
</section>
<!-- Wrapper -->
<section id="wrapper">
<!-- Main -->
{% block body %}{% endblock %}
</section>
<!-- Footer -->
<section id="footer">
<div class="inner">
<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 %}
<form>
<img src="{{ '/images/c3woc.svg'|url }}" style="width: 100%;"/>
</form>
<ul class="contact">
{% for icon, link, name in [
['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']
] %}
<li class="{{ icon }}"><a href="{{ link }}">{% if bag('translate', this.alt, name) %}{{ bag('translate', this.alt, name) }}{%
else %}{{ name }}{% endif %}</a></li>{%
endfor %}
</ul>
<ul class="copyright">
<li>&copy; 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>
</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>