Add customizable navbar

exampleSite/config.yaml

@@ -25,6 +25,19 @@ params:
     - kromo
     - infinite
     - gutwork
+  navbar:
+  - title: Features
+    url: /
+  - title: Pricing
+    url: /
+  - title: Foo
+    sublinks:
+    - title: Dropdown item
+      url: /
+    - title: Dropdown item
+      url: /
+    - title: Dropdown item
+      url: /
   sidebar:
     # Logo (from /images/logos/___.svg)
     logo: fresh-square

layouts/partials/navbar.html

@@ -1,3 +1,4 @@
+{{- $navbar := .Site.Params.navbar }}
 <nav class="navbar is-fresh is-transparent no-shadow" role="navigation" aria-label="main navigation">
   <div class="container">
     <div class="navbar-brand">
@@ -39,29 +40,28 @@
         </div>
 
         <div class="navbar-end">
-          <a href="#" class="navbar-item is-secondary">
-            Features
-          </a>
-          <a href="#" class="navbar-item is-secondary">
-            Pricing
-          </a>
+          {{- range $navbar }}
+          {{- if .sublinks }}
           <div class="navbar-item has-dropdown is-hoverable">
             <a class="navbar-link">
-              Dropdown
+              {{ .title }}
             </a>
 
             <div class="navbar-dropdown">
-              <a class="navbar-item">
-                Dropdown item
-              </a>
-              <a class="navbar-item">
-                Dropdown item
-              </a>
-              <a class="navbar-item">
-                Dropdown item
+              {{- range .sublinks }}
+              <a href="{{ .url }}" class="navbar-item">
+                {{ .title }}
               </a>
+              {{- end }}
             </div>
           </div>
+          {{- else }}
+          <a href="{{ .url }}" class="navbar-item is-secondary">
+            {{ .title }}
+          </a>
+          {{- end }}
+          {{- end }}
+
           <a href="#" class="navbar-item is-secondary">
             Log in
           </a>