Implementeren zoekfunctionaliteit

themes/nluug/layouts/partials/header.html

@@ -30,5 +30,6 @@
            {{ end }}
          </ul>
     </nav>
+    <a href="/zoeken/">{{ partial "show-svg-icon.html" (dict "context" . "icon" "magnifying-glass") }}</a>
   </div>
 </header>

themes/nluug/layouts/partials/scripts_loadlast.html

@@ -0,0 +1,15 @@
+<script src="{{ "js/search.js" | absURL }}"></script>
+
+{{ $assetBusting := not .Site.Params.disableAssetsBusting }}
+{{ $scripts := getJSON "assets/js/scripts.json" }}
+
+{{ $.Scratch.Set "jslibs" slice }}
+{{ range $scripts.scripts }}
+{{ $.Scratch.Add "jslibs" (resources.Get . ) }}
+{{ end }}
+
+{{ $js := .Scratch.Get "jslibs" | resources.Concat "js/combined-scripts.js" | resources.Minify | fingerprint }}
+<script
+    src="{{ $js.RelPermalink }}{{ if $assetBusting }}?{{ now.Unix }}{{ end }}"
+    integrity="{{ $js.Data.Integrity }}"
+></script>

themes/nluug/layouts/partials/search-form.html

@@ -0,0 +1,4 @@
+<form action="/zoeken/" method="GET">
+    🔍 <input type="search" name="q" id="search-query" placeholder="Zoekterm..">
+    <button type="submit">Zoek</button>
+</form>