everything up to index

layouts/partials/menu.html

@@ -0,0 +1,33 @@
+<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
+  <div class="container">
+    <a class="navbar-brand" href="/">{{ $.Site.Params.brand | safeHTML}}</a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar"
+      aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="collapse navbar-collapse" id="navbar">
+      <ul class="navbar-nav mr-auto">
+        {{ $currentPage := .}}
+        {{ range .Site.Menus.main }}
+          {{ if .HasChildren }}
+            <li class="nav-item dropdown{{ if $currentPage.HasMenuCurrent "main" . }} active{{ end }}">
+              <a href="#" class="navlink dropdown-toggle" role="menu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ .Name }}</a>
+              <div class="dropdown-menu">
+                {{ range .Children}}
+                  <a href="{{ .URL }}" class="dropdown-item{{ if $currentPage.IsMenuCurrent "main" . }} active{{ end }}">{{ .Name }}</a>
+                {{ end }}
+              </div>
+            </li>
+          {{ else }}
+            <li class="nav-item{{ if $currentPage.IsMenuCurrent "main" . }} active{{ end }}">
+              <a class="nav-link" href="{{ .URL }}">{{ .Pre }}{{ .Name }}
+                  {{ if $currentPage.IsMenuCurrent "main" . }}<span class="sr-only">(current)</span>{{ end }}
+              </a>
+            </li>
+          {{ end }}
+        {{ end }}
+      </ul>
+    </div>
+  </div>
+</nav>