Eerste versie van navigatiemenu met subitems en hamburger voor mobiele apparaten

themes/nluug/layouts/partials/header.html

@@ -1,3 +1,31 @@
+
+
+   <header class="header">
+
+        <input class="side-menu" type="checkbox" id="side-menu">
+        <label class="hamb" for="side-menu"><span class="hamb-line"></span></label>
+        <nav class="nav">
+
+          <ul class="menu">
+            {{ $currentPage := . }}
+            {{ range .Site.Menus.main }}
+                {{ if .Children }}
+                  <li class="subnav">
+                    <a href="{{ .URL }}">{{ .Name }}</a>
+                    <ul class="subnav-content">
+                      {{ range .Children }}
+                        <li><a href="{{ .URL }}">{{ .Name }}</a></li>
+                      {{ end }}
+                    </ul>
+                  </li>
+              {{ else }}
+                <li class="{{ if $currentPage.HasMenuCurrent "main" . }}active{{ end }}"><a href="{{ .URL }}">{{ .Name }}</a></li>
+              {{ end }}
+            {{ end }}
+          </ul>
+        </nav>
+    </header>
+<!--
 <header>
   <nav style="padding:0;width:100%;">
     <a href="/"><img src="/afbeeldingen/logo/nluug-logo.png" alt="NLUUG-logo" title="{{ .Site.Title }}"></a>
@@ -13,4 +41,5 @@
     </div>
   </nav>
 </header>
+-->
 <hr class="hr-list" style="padding: 0;margin: 0;">