muli
aeb1ae24fa
Die URL ist noch hardcoded. Rückmeldung für den User fehlt noch. Die Nachricht geht noch nirgends hin. Spamprotection ohne Captcha ist nur in Ansätzen zu erkennen.
138 lines
5.7 KiB
HTML
138 lines
5.7 KiB
HTML
<!doctype html>
|
|
<html
|
|
{%- if alt %} lang="{{ alt }}"
|
|
{%- endif %}>
|
|
<!--
|
|
__ ____________________
|
|
\ \ \_______. .________|
|
|
\ \ / /| | ________
|
|
\ \ . / / | | | ____|
|
|
\ \ / \ / / | | | |__
|
|
\ \/ . \/ / | | | __|
|
|
\ / \ / | | | |
|
|
\/ \/ |_| |_|
|
|
*WTF Kooperative eG*
|
|
Werkkooperative der
|
|
Technikfreundinnen
|
|
|
|
-->
|
|
<head>
|
|
{#-
|
|
|
|
Namensschema der CSS-Klassen nach BEM (Block Element Modifier,
|
|
http://getbem.com/naming/). Mit der Erweiterung, dass Modifier einzeln
|
|
mit Bindestrich angegeben werden. Also:
|
|
|
|
<li class="navlist__navitem -active">
|
|
statt
|
|
<li class="navlist__navitem navlist__navitem--active">
|
|
|
|
Das ist weniger redundant und übersichtlicher. Der passende CSS-Selektor
|
|
dazu ist:
|
|
|
|
.navlist__navitem.-active
|
|
#}
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
|
<title>{% block title %}Werkkooperative der Technikfreundinnen eG{% endblock %} | WTF eG</title>
|
|
<meta name="description" content="{% block meta_description %}{% endblock %}">
|
|
{#- OG Values
|
|
https://ogp.me/ #}
|
|
<meta property="og:title" content="{{ self.title() }}">
|
|
<meta property="og:description" content="{{ self.meta_description() }}">
|
|
<meta property="og:url" content="{{ this | url(external=true) }}">
|
|
<meta property="og:image" content="{% block meta_image %}{{ '/images/og_unicorn.png'|asseturl }}{% endblock %}">
|
|
|
|
{% if '/css/reset.css'|asseturl is defined -%}
|
|
<link rel="stylesheet" href="{{ '/css/reset.css'|asseturl }}">
|
|
{%- endif %}
|
|
{% if '/css/fonts.css'|asseturl is defined -%}
|
|
<link rel="stylesheet" href="{{ '/css/fonts.css'|asseturl }}">
|
|
{%- endif %}
|
|
<link rel="stylesheet" href="{{ '/css/style.css'|asseturl }}">
|
|
{% if 'apple-touch-icon.png'|asseturl is defined -%}
|
|
<link rel="apple-touch-icon" sizes="180x180" href="{{ 'apple-touch-icon.png'|asseturl }}">
|
|
{%- endif %}
|
|
{% if 'favicon-32x32.png'|asseturl is defined -%}
|
|
<link rel="icon" type="image/png" sizes="32x32" href="{{ 'favicon-32x32.png'|asseturl }}">
|
|
{%- endif %}
|
|
{% if 'favicon-96x96.png'|asseturl is defined -%}
|
|
<link rel="icon" type="image/png" sizes="16x16" href="{{ 'favicon-96x96.png'|asseturl }}">
|
|
{%- endif %}
|
|
{% if 'manifest.json'|asseturl is defined -%}
|
|
<link rel="manifest" href="{{ 'manifest.json'|asseturl }}">
|
|
{%- endif %}
|
|
{% if '/js/contact_form_toggle.js'|asseturl is defined -%}
|
|
<script type="text/javascript" src="{{ '/js/contact_form_toggle.js'|asseturl }}"></script>
|
|
{%- endif %}
|
|
</head>
|
|
<body>
|
|
<header>
|
|
{% block header %}{% endblock %}
|
|
</header>
|
|
|
|
<main>
|
|
{% block body %}{% endblock %}
|
|
</main>
|
|
|
|
<footer>
|
|
<div class="footer__top_bar_left"></div>
|
|
<div class="footer__top_bar_mid"></div>
|
|
<div class="footer__top_bar_right"></div>
|
|
<div class="footer__wrapper">
|
|
<ul class="footer__nav">
|
|
<li class="footer__navitem -first">
|
|
<p>Folgt uns auf:<br>
|
|
<a rel="me" href="https://chaos.social/@HackerGeno" title="Mastodon">
|
|
{%- if '/images/mastodon_logo.svg'|asseturl is defined -%}
|
|
<img alt="Mastodon Logo" class="footer__social_logo" src="{{ '/images/mastodon_logo.svg'|asseturl }}"/>
|
|
{%- else -%}
|
|
Mastodon
|
|
{%- endif -%}
|
|
</a>
|
|
</p>
|
|
<p>Abonniere unseren Podcast:<br>
|
|
<a href="https://wtf-eg.de/podcast/" title="Podcast">
|
|
{%- if '/images/wtf_podcast_logo.svg'|asseturl is defined -%}
|
|
<img alt="WTF Podcast Logo" class="footer__social_logo" src="{{ '/images/wtf_podcast_logo.svg'|asseturl }}"/>
|
|
{%- else -%}
|
|
Podcast
|
|
{%- endif -%}
|
|
</a>
|
|
<a href="https://wtf-eg.de/wtf.xml" title="Podcast Feed">
|
|
{%- if '/images/rss_feed.svg'|asseturl is defined -%}
|
|
<img alt="Podcast Feed" class="footer__social_logo" src="{{ '/images/rss_feed.svg'|asseturl }}"/>
|
|
{%- else -%}
|
|
Podcast Feed
|
|
{%- endif -%}
|
|
</a>
|
|
</p>
|
|
</li>
|
|
<li class="footer__navitem -second">
|
|
WTF Kooperative eG<br/>
|
|
Forsmannstr. 14 b<br/>
|
|
22303 Hamburg<br/>
|
|
<a class="footer__navlink" href="mailto:office@wtf-eg.de">office@wtf-eg.de</a><br/>
|
|
<br/>
|
|
Registergericht: AG Hamburg<br/>
|
|
Registernummer: GnR 1113<br/>
|
|
Vorstand: Markus Klein, Frank Landgraf<br/>
|
|
Aufsichtsratsvorsitz: Lars Vosteen
|
|
</li>
|
|
<li class="footer__navitem -third">
|
|
<a class="footer__navlink" href="{{ '/impressum'|url }}">Impressum</a> | <a class="footer__navlink" href="{{ '/datenschutz'|url }}">Datenschutzerklärung</a> <br/>
|
|
<img class="footer__wtf_logo" src="/images/wtf_logo_white.svg" alt="WTF eG - Logo" height="50%"><br>
|
|
© 2022 WTF Kooperative eG
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</footer>
|
|
{%- if '/js/nav_toggle.js'|asseturl is defined -%}
|
|
<script type="text/javascript" src="{{ '/js/nav_toggle.js'|asseturl }}"></script>
|
|
{%- endif %}
|
|
{% if '/js/contact_form_toggle.js'|asseturl is defined -%}
|
|
<script type="text/javascript" src="{{ '/js/contact_form.js'|asseturl }}"></script>
|
|
{%- endif %}
|
|
</body>
|