1 files changed, 19 insertions, 9 deletions
diff --git a/templates/base.html b/templates/base.html
index 25232dc..cc05840 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 <head>
    <meta charset="utf-8" />
@@ -17,28 +17,38 @@
    $endif$
    <title>$if(ismain)$$else$$title$ – $endif$$sitetitle$</title>
    <link rel="stylesheet" href="/style.css" />
+    $if(id)$
+    <style>
+        .c-nav__item--$id$ {
+            font-weight: bold;
+            color: var(--fg-plus);
+        }
+    </style>
+    $endif$
 </head>
 <body>
    <main class="s-page">
-        $if(ismain)$
+        <nav class="c-nav">
+            $for(menus.main)$
+            <a class="c-nav__item c-nav__item--$it.id$" href="$it.url$">$it.label$</a>
+            $endfor$
+        </nav>
+        
        <header class="c-page-header" role="presentation">
+            $if(ismain)$
 ${pageHeader()}
-        </header>
+            $else$
-        $else$
-        <header class="c-page-header c-page-header--nohide" role="presentation">
 ${pageHeaderSm()}
+            $endif$
        </header>
-        $endif$
        $body$
    </main>
    $if(ismain)$
    <template id="header-sm">
-        <header class="c-page-header c-page-header--sm" role="presentation">
 ${pageHeaderSm()}
-        </header>
    </template>
    <script>
@@ -46,7 +56,7 @@ ${pageHeaderSm()}
        var headerTemplateEl = document.getElementById("header-sm");
        var headerSmEl = headerTemplateEl.content.cloneNode("true");
-        headerEl.parentElement.insertBefore(headerSmEl, headerEl.nextElementSibling);
+        headerEl.appendChild(headerSmEl);
    </script>
    $endif$
 </body>