<!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>Werkkooperative der Technikfreundinnen eG</title> <meta name="description" content=""> {% 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 %} </head> <body> <header> {% block header %}{% endblock %} </header> <main> {% block body %}{% endblock %} </main> <footer> <div class="footer__wrapper"> <ul class="footer__nav"> <li class="footer__navitem"> © 2021 WTF Koopertive eG </li> <!-- <li class="footer__navitem"> <a class="footer__navlink" href="{{ '/licence'|url }}">MIT Lizenz</a> </li> --> <li class="footer__navitem"> <a class="footer__navlink" href="{{ '/impressum'|url }}">Impressum</a> </li> <li class="footer__navitem"> <a class="footer__navlink" href="{{ '/datenschutz'|url }}">Datenschutzerklärung</a> </li> </ul> </div> </footer> <script type="text/javascript" src="{{ '/js/nav_toggle.js'|url }}"></script> </body>