Viel

layouts/partials/header.html

@@ -1,14 +1,14 @@
-<header>
-    <link rel="stylesheet" href="/css/header.css">
-        <div id="logo">
-            <img src="/img/Logo_compressed.png" alt="" height="218" width="600">
-        </div>
-    
-        <nav id="main_navigation">
-            <a href="/">Home</a>
-            <a href="/about/">Über uns</a>
-            <a href="/shows/">Shows</a>
-            <a href="/music/">Musik</a>
+{{ $current := . -}}
+<header class="site-header">
+    <div class="site-header__inner">
+        <a class="site-header__logo" href="/" aria-label="Deepwater Survival – Startseite">
+            <img src="/img/logo-crop.png" alt="Deepwater Survival" width="1600" height="675">
+        </a>
+        <nav class="site-nav" aria-label="Hauptnavigation">
+            {{ range site.Menus.main -}}
+            {{ $active := or (eq $current.RelPermalink .URL) (and (ne .URL "/") (hasPrefix $current.RelPermalink .URL)) -}}
+            <a href="{{ .URL }}"{{ if $active }} aria-current="page"{{ end }}>{{ .Name }}</a>
+            {{ end -}}
         </nav>
-
-</header>
+    </div>
+</header>