<!doctype html>
<html
{%- if alt %} lang="{{ alt }}"
{%- endif %}>
<!--                               __         _____   _
                                  /  \__..-"""  ;-.",'/
                                 ( /  \_         `.' / `.
                                 | |    )  `;.  ,'  / \  \
                                 ( '.  /___/_j_    / ) |  )
                                 '\     /   __\``::'/__'  |
                                  |\_  (   / .-| |-.|  `-,|
                                 .| (   \ ( (W♥| \♥)j     '
           ..-"""-,             .|'  ',  \_\_`_|  ``-.
        .-` ..::.  `,           |,   ._:7        \__/
      ,'  .:::'':::. \         |:'.   \    ______.-'
    .'  .::'      ':: :._______| \ \   `"7  /
   /   ./:'  ,.-'''>-'         '  `.`.._/  (
  -   :/:'  |     /  ╱▔╲╱▔╲   `.  `._/    \
  |  :::'  .'    |   ▏WAF ▕     `-_./      |
 .'  |||  .'     |   ╲ FEL╱                |
 |   |||  |      |    ╲  ╱                 |
 |   ':|| '.    / \    ╲╱  /            \__/
 | .  |||  |.-"'   |      /-,_______\       \
 |/|  |||  |     _/      /     |    |\       \
 ` )  '::. '.   /       /     |     | `-.,    \
   \   |||  |   |      |      |     |   /      )
    `. |||  | _/|      |      |      | (       |
      `::||  |  |      |      |      |  \      |
         `-._|  |       \     |       \  `.___/
                 \_______)     \_______)  C3WOC -->
<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 %}C3 Waffel Operation Center{% endblock %} | C3WOC</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) }}">
  {% if '/images/waffel.jpg'|asseturl is defined -%}
    <meta property="og:image" content="{% block meta_image %}{{ '/images/waffel.jpg'|asseturl }}{% endblock %}">
  {%- endif %}

  {% 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 %}
  {% if '/css/main.min.css'|asseturl is defined -%}
    <link rel="stylesheet" href="{{ '/css/main.min.css'|asseturl }}">
  {% endif %}
  {% if '/images/icons/manifest.json'|asseturl is defined -%}
    <link rel="manifest" href="{{ '/images/icons/manifest.json'|asseturl }}">
  {%- endif %}
  {% if '/images/icons/apple-touch-icon.png'|asseturl is defined -%}
    <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 -%}
    <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 -%}
    <link rel="icon" type="image/png" sizes="16x16" href="{{ '/images/icons/favicon-16x16.png'|asseturl }}">
  {%- endif %}
  {% if '/images/icons/site.webmanifest'|asseturl is defined -%}
    <link rel="manifest" href="{{ '/images/icons/site.webmanifest'|asseturl }}">
  {%- endif %}
  {% if '/images/icons/safari-pinned-tab.svg'|asseturl is defined -%}
    <link rel="mask-icon" href="{{ '/images/icons/safari-pinned-tab.svg'|asseturl }}" color="#ffda1d">
  {%- endif %}
  {% if '/images/icons/favicon.ico'|asseturl is defined -%}
    <link rel="shortcut icon" href="{{ '/images/icons/favicon.ico'|asseturl }}">
  {%- endif %}
  <meta name="msapplication-TileColor" content="#ffac33">
  {% if '/images/icons/browserconfig.xml'|asseturl is defined -%}
    <meta name="msapplication-config" content="{{ '/images/icons/browserconfig.xml'|asseturl }}">
  {%- endif %}
  <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 }}"/>
              {%- else -%}
                Mastodon
              {%- endif %}
            </a>
            <a href="https://twitter.com/c3woc" title="Twitter">
              {% if '/images/icons/social/twitter.svg'|asseturl is defined -%}
                <img alt="Twitter" class="footer__social_logo" src="{{ '/images/icons/social/twitter.svg'|asseturl }}"/>
              {%- else -%}
                Twitter
              {%- endif %}
            </a>
            <a href="https://waffel.reddit.com" title="Reddit">
              {% if '/images/icons/social/reddit.svg'|asseturl is defined -%}
                <img alt="Twitter" class="footer__social_logo" src="{{ '/images/icons/social/reddit.svg'|asseturl }}"/>
              {%- else -%}
                Reddit
              {%- endif %}
            </a>
            <a href="https://t.me/c3woc" title="Telegram">
              {% if '/images/icons/social/telegram.svg'|asseturl is defined -%}
                <img alt="Telegram" class="footer__social_logo" src="{{ '/images/icons/social/telegram.svg'|asseturl }}"/>
              {%- else -%}
                Telegram
              {%- endif %}
            </a>
            <a href="https://webirc.hackint.org/#irc://irc.hackint.org/#waffel" title="IRC">
              {% if '/images/icons/social/hackint.svg'|asseturl is defined -%}
                <img alt="IRC" class="footer__social_logo" src="{{ '/images/icons/social/hackint.svg'|asseturl }}"/>
              {%- else -%}
                IRC
              {%- endif %}
            </a>
            <a href="https://podcast.c3woc.de/" title="Das heiße Eisen - Der Waffel-Podcast">
              {% if '/images/icons/social/podcast.svg'|asseturl is defined -%}
                <img alt="Waffel Podcast" class="footer__social_logo" src="{{ '/images/icons/social/podcast.svg'|asseturl }}"/>
              {%- else -%}
                Podcast
              {%- endif %}
            </a>
            <a href="https://podcast.c3woc.de/podcast-he.xml" title="Podcast Feed">
              {% if '/images/icons/social/feed.svg'|asseturl is defined -%}
                <img alt="Podcast Feed" class="footer__social_logo" src="{{ '/images/icons/social/feed.svg'|asseturl }}"/>
              {%- else -%}
                Podcast Feed
              {%- endif %}
            </a>
          </p>
          <p>Quellcode und Versionsverwaltung:<br/>
            <a href="https://backwesen.de/c3woc/" title="Gitea">
              {% if '/images/icons/social/gitea.svg'|asseturl is defined -%}
                <img alt="Gitea" class="footer__social_logo" src="{{ '/images/icons/social/gitea.svg'|asseturl }}"/>
              {%- else -%}
                Gitea
              {%- endif %}
            </a>
            <a href="https://github.com/c3woc/" title="Github">
              {% if '/images/icons/social/github.svg'|asseturl is defined -%}
                <img alt="Github" class="footer__social_logo" src="{{ '/images/icons/social/github.svg'|asseturl }}"/>
              {%- else -%}
                Github
              {%- endif %}
            </a>
          </p>
        </li>
        <li class="footer__navitem -second">
        </li>
        <li class="footer__navitem -third">
          <a class="footer__navlink" href="{{ '/impressum'|url }}">Impressum</a>
          |
          <a class="footer__navlink" href="{{ '/datenschutz'|url }}">Datenschutz</a>
          <br/>
          <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>
<!--                               __         _____   _
                                  /  \__..-"""  ;-.",'/
                                 ( /  \_         `.' / `.
                                 | |    )  `;.  ,'  / \  \
                                 ( '.  /___/_j_    / ) |  )
                                 '\     /   __\``::'/__'  |
                                  |\_  (   / .-| |-.|  `-,|
                                 .| (   \ ( (W♥| \♥)j     '
           ..-"""-,             .|'  ',  \_\_`_|  ``-.
        .-` ..::.  `,           |,   ._:7        \__/
      ,'  .:::'':::. \         |:'.   \    ______.-'
    .'  .::'      ':: :._______| \ \   `"7  /
   /   ./:'  ,.-'''>-'         '  `.`.._/  (
  -   :/:'  |     /  ╱▔╲╱▔╲   `.  `._/    \
  |  :::'  .'    |   ▏WAF ▕     `-_./      |
 .'  |||  .'     |   ╲ FEL╱                |
 |   |||  |      |    ╲  ╱                 |
 |   ':|| '.    / \    ╲╱  /            \__/
 | .  |||  |.-"'   |      /-,_______\       \
 |/|  |||  |     _/      /     |    |\       \
 ` )  '::. '.   /       /     |     | `-.,    \
   \   |||  |   |      |      |     |   /      )
    `. |||  | _/|      |      |      | (       |
      `::||  |  |      |      |      |  \      |
         `-._|  |       \     |       \  `.___/
                 \_______)     \_______)  C3WOC -->