2022-05-18 00:35:37 +02:00
<!doctype html>
2019-12-02 01:05:55 +01:00
< html
2022-05-18 00:35:37 +02:00
{%- 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
2019-02-24 17:52:16 +01:00
2022-05-18 00:35:37 +02:00
EDIT THIS PAGE AT
https://github.com/c3woc/c3woc-website/edit/main/content{{ '.' | url(external=false) }}contents.lr
2019-02-24 17:52:16 +01:00
2022-05-18 00:35:37 +02:00
-->
2019-02-24 17:52:16 +01:00
2019-12-02 01:05:55 +01:00
{#-
2019-02-24 17:52:16 +01:00
2022-05-18 00:35:37 +02:00
Namensschema der CSS-Klassen nach BEM (Block Element Modifier,
http://getbem.com/naming/). Mit der Erweiterung, dass Modifier einzeln
mit Bindestrich angegeben werden. Also:
2019-02-24 17:52:16 +01:00
2022-05-18 00:35:37 +02:00
< li class = "navlist__navitem -active" >
statt
< li class = "navlist__navitem navlist__navitem--active" >
2019-02-24 17:52:16 +01:00
2022-05-18 00:35:37 +02:00
Das ist weniger redundant und übersichtlicher. Der passende CSS-Selektor
dazu ist:
2019-02-12 17:45:44 +01:00
2022-05-18 00:35:37 +02:00
.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://backwesen.de/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', 'UTC', locale='de_DE') }} C3 Waffel Operation Center
< br / >
Diese Webseite steht unter der < a class = "footer__navlink" href = "https://backwesen.de/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 >
2019-02-12 17:45:44 +01:00
< / html >
2022-05-18 00:35:37 +02:00
<!-- __ _____ _
/ \__..-""" ;-.",'/
( / \_ `.' / `.
| | ) `;. ,' / \ \
( '. /___/_j_ / ) | )
'\ / __\``::'/__' |
|\_ ( / .-| |-.| `-,|
.| ( \ ( (W♥| \♥)j '
..-"""-, .|' ', \_\_`_| ``-.
.-` ..::. `, |, ._:7 \__/
,' .:::'':::. \ |:'. \ ______.-'
.' .::' ':: :._______| \ \ `"7 /
/ ./:' ,.-'''>-' ' `.`.._/ (
- :/:' | / ╱▔╲╱▔╲ `. `._/ \
| :::' .' | ▏WAF ▕ `-_./ |
.' ||| .' | ╲ FEL╱ |
| ||| | | ╲ ╱ |
| ':|| '. / \ ╲╱ / \__/
| . ||| |.-"' | /-,_______\ \
|/| ||| | _/ / | |\ \
` ) '::. '. / / | | `-., \
\ ||| | | | | | / )
`. ||| | _/| | | | ( |
`::|| | | | | | \ |
`-._| | \ | \ `.___/
\_______) \_______) C3WOC -->