webseite/templates/layout.html
2024-04-04 02:25:12 +02:00

223 lines
10 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html
{%- if alt %} lang="{{ alt }}"
{%- endif %}>
<head>
<meta charset="utf-8" />
{%- if this.path == '/' -%}
{{- '\n ' -}} <link rel="preload" as="image" href="/waffle_apfelmus-medium.webp"/>
{{- '\n ' -}} <link rel="preload" as="image" href="/sweet_waffle-medium.webp"/>
{%- endif -%}
{{- '\n' -}}
<!-- __ _____ _
/ \__..-""" ;-.",'/
( / \_ `.' / `.
| | ) `;. ,' / \ \
( '. /___/_j_ / ) | )
'\ / __\``::'/__' |
|\_ ( / .-| |-.| `-,|
.| ( \ ( (W♥| \♥)j '
..-"""-, .|' ', \_\_`_| ``-.
.-` ..::. `, |, ._:7 \__/
,' .:::'':::. \ |:'. \ ______.-'
.' .::' ':: :._______| \ \ `"7 /
/ ./:' ,.-'''>-' ' `.`.._/ (
- :/:' | / ╱▔╲╱▔╲ `. `._/ \
| :::' .' | ▏WAF ▕ `-_./ |
.' ||| .' | ╲ FEL |
| ||| | | ╲ |
| ':|| '. / \ ╲╱ / \__/
| . ||| |.-"' | /-,_______\ \
|/| ||| | _/ / | |\ \
` ) '::. '. / / | | `-., \
\ ||| | | | | | / )
`. ||| | _/| | | | ( |
`::|| | | | | | \ |
`-._| | \ | \ `.___/
\_______) \_______) C3WOC
EDIT THIS PAGE AT
https://github.com/c3woc/c3woc-website/edit/main/content{{ '.' | url(external=false) }}contents.lr
-->
{#-
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 http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>{% block title %}C3 Waffel Operation Center{% endblock %} | C3WOC</title>
<meta name="description" content="{% block meta_description %}vielfältige Waffelrezepte. knusprige Ideen. kreativer Waffelbelag. Das C3WOC sind die führenden Experten für Waffeln in der Chaos Community{% 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) }}">
{% if '/images/waffel.jpg'|asseturl is defined -%}
<meta property="og:image" content="{% block meta_image %}{{ '/images/waffel.jpg'|asseturl }}{% endblock %}">
{%- endif -%}
{#- JSON-LD SEO Optimisation Stuff... -#}
{%- block json_ld %}
<script type='application/ld+json'>
{
"@context": "http://www.schema.org",
"name": "C3WOC",
"url": "https://c3woc.de",
"logo": "https://c3woc.de/images/logo.svg",
"description": "vielfältige Waffelrezepte. knusprige Ideen. kreativer Waffelbelag. Das C3WOC sind die führenden Experten für Waffeln in der Chaos Community."
}
</script>
{%- endblock %}
{%- if '/css/reset.css'|asseturl is defined -%}
{{- '\n ' -}} <link rel="stylesheet" href="{{ '/css/reset.css'|asseturl }}">
{%- endif -%}
{%- if '/css/fonts.css'|asseturl is defined -%}
{{- '\n ' -}} <link rel="stylesheet" href="{{ '/css/fonts.css'|asseturl }}">
{%- endif -%}
{%- if '/css/main.min.css'|asseturl is defined -%}
{{- '\n ' -}} <link rel="stylesheet" href="{{ '/css/main.min.css'|asseturl }}">
{%- endif -%}
{%- if '/images/icons/manifest.json'|asseturl is defined -%}
{{- '\n ' -}} <link rel="manifest" href="{{ '/images/icons/manifest.json'|asseturl }}">
{%- endif -%}
{%- if '/images/icons/apple-touch-icon.png'|asseturl is defined -%}
{{- '\n ' -}} <link rel="apple-touch-icon" sizes="180x180" href="{{ '/images/icons/apple-touch-icon.png'|asseturl }}">
{%- endif -%}
{%- if '/images/icons/favicon-32x32.png'|asseturl is defined -%}
{{- '\n ' -}} <link rel="icon" type="image/png" sizes="32x32" href="{{ '/images/icons/favicon-32x32.png'|asseturl }}">
{%- endif -%}
{%- if '/images/icons/favicon-16x16.png'|asseturl is defined -%}
{{- '\n ' -}} <link rel="icon" type="image/png" sizes="16x16" href="{{ '/images/icons/favicon-16x16.png'|asseturl }}">
{%- endif -%}
{%- if '/images/icons/site.webmanifest'|asseturl is defined -%}
{{- '\n ' -}} <link rel="manifest" href="{{ '/images/icons/site.webmanifest'|asseturl }}">
{%- endif -%}
{%- if '/images/icons/safari-pinned-tab.svg'|asseturl is defined -%}
{{- '\n ' -}} <link rel="mask-icon" href="{{ '/images/icons/safari-pinned-tab.svg'|asseturl }}" color="#ffda1d">
{%- endif -%}
{%- if '/images/icons/favicon.ico'|asseturl is defined -%}
{{- '\n ' -}} <link rel="shortcut icon" href="{{ '/images/icons/favicon.ico'|asseturl }}">
{%- endif -%}
{% if '/images/icons/browserconfig.xml'|asseturl is defined -%}
{{- '\n ' -}} <meta name="msapplication-config" content="{{ '/images/icons/browserconfig.xml'|asseturl }}">
{%- endif -%}
{{- '\n ' -}} <meta name="msapplication-TileColor" content="#ffac33">
{{- '\n ' -}} <meta name="theme-color" content="#631409">
</head>
<body>
{%- block header -%}
{{- '\n ' -}} <header>
{{- '\n ' -}} <!-- Hello HEADER world -->
{{- '\n ' -}} </header>
{%- endblock -%}
{{- ' ' -}}
<main>
<!-- __ __ _
/ _|/ _| |
__ ____ _| |_| |_| | ___
\ \ /\ / / _` | _| _| |/ _ \
\ V V / (_| | | | | | | __/
\_/\_/ \__,_|_| |_| |_|\___| -->
<!-- WAFFLES ARE BEAUTIFUL -->
{%- block body -%}
<!-- Hello World -->
{%- 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>Waffeln im Internet:<br>
<a rel="me" href="https://chaos.social/@C3WOC" title="Mastodon">
{% if '/images/icons/social/mastodon.svg'|asseturl is defined -%}
<img alt="Mastodon" class="footer__social_logo" src="{{ '/images/icons/social/mastodon.svg'|asseturl }}" width="142"/>
{%- else -%}
Mastodon
{%- endif %}
</a>
{%- for ziel, name, icon in [
['https://twitter.com/c3woc/', 'Twitter', '/images/icons/social/twitter.svg'],
['https://waffel.reddit.com/', 'Reddit', '/images/icons/social/reddit.svg'],
['https://t.me/c3woc', 'Telegram', '/images/icons/social/telegram.svg'],
['https://webirc.hackint.org/#irc://irc.hackint.org/waffel', 'IRC', '/images/icons/social/hackint.svg'],
['https://podcast.c3woc.de/', 'Das heiße Eisen - Der Waffel-Podcast', '/images/icons/social/podcast.svg'],
['https://podcast.c3woc.de/podcast-he.xml', 'Podcast Feed', '/images/icons/social/feed.svg'],
['https://git.l3d.ch/c3woc/', 'Source Code', '/images/icons/social/gitea.svg'],
['https://github.com/c3woc/', 'Github', '/images/icons/social/github.svg']
] -%}
{{- '\n' }} <a href="{{- ziel -}}" title="{{- name -}}">
{%- if icon|asseturl is defined -%}
{{- '\n' }} <img alt="{{- name -}}" class="footer__social_logo" src="{{- icon|asseturl -}}" width="142"/>
{%- else -%}
{{- name -}}
{%- endif %}
{{- '\n' }} </a>
{%- endfor %}
</p>
<a class="footer__navlink" href="{{ '/impressum'|url }}">Impressum</a>
|
<a class="footer__navlink" href="{{ '/datenschutz'|url }}">Datenschutz</a>
</li>
<li class="footer__navitem -second">
</li>
<li class="footer__navitem -third">
<img class="footer__wtf_logo" src="/images/logo.svg" alt="C3WOC - Logo" height="50">
<br/>
© {{ none|datetimeformat('YYYY') }} C3 Waffel Operation Center
<br/>
Diese Webseite steht unter der <a class="footer__navlink" href="https://git.l3d.ch/c3woc/webseite/src/branch/main/LICENCE">MIT License</a>.
</li>
</ul>
</div>
</footer>
{%- if '/js/nav_toggle.js'|asseturl is defined -%}
{{- '\n ' -}} <script type="text/javascript" src="{{ '/js/nav_toggle.js'|asseturl }}"></script>
{%- endif %}
</body>
</html>
<!-- __ _____ _
/ \__..-""" ;-.",'/
( / \_ `.' / `.
| | ) `;. ,' / \ \
( '. /___/_j_ / ) | )
'\ / __\``::'/__' |
|\_ ( / .-| |-.| `-,|
.| ( \ ( (W♥| \♥)j '
..-"""-, .|' ', \_\_`_| ``-.
.-` ..::. `, |, ._:7 \__/
,' .:::'':::. \ |:'. \ ______.-'
.' .::' ':: :._______| \ \ `"7 /
/ ./:' ,.-'''>-' ' `.`.._/ (
- :/:' | / ╱▔╲╱▔╲ `. `._/ \
| :::' .' | ▏WAF ▕ `-_./ |
.' ||| .' | ╲ FEL |
| ||| | | ╲ |
| ':|| '. / \ ╲╱ / \__/
| . ||| |.-"' | /-,_______\ \
|/| ||| | _/ / | |\ \
` ) '::. '. / / | | `-., \
\ ||| | | | | | / )
`. ||| | _/| | | | ( |
`::|| | | | | | \ |
`-._| | \ | \ `.___/
\_______) \_______) C3WOC -->