revert to duckduckgo search if JS is disabled

content/over.md

@@ -1,5 +1,6 @@
 ---
 title: Hallo daar!
+disableComments: true
 aliases:
     - /about/
 ---
@@ -30,7 +31,7 @@ Als er iets anders is waarmee je graag Red Zuurdesem wenst te helpen, heel graag
 
 <noscript>
     JavaScript is uitgeschakeld. Ik gebruik het om mijn e-mail adres te verbergen om spambots weg te houden. <br/>
-    Bereik me via: <code>[brood] at [this-domain] punt [belgië-afkorting]</code>.
+    Bereik me via: <code>[brood] at [dit-domain]</code>.
 </noscript>
 
 Bedankt!

content/zoeken.md

@@ -1,27 +1,10 @@
 ---
 title: Zoeken
+disableComments: true
 aliases:
     - /search/
 ---
 
 Niet gevonden wat je zocht? Probeer hier je geluk.
 
-Begin gewoon met typen om te zoeken!
+{{< search >}}
-
-<script src="/_pagefind/pagefind-ui.js" type="text/javascript"></script>
-<div id="search"></div>
-<script>
-    window.addEventListener('DOMContentLoaded', (event) => {
-        new PagefindUI({ 
-            element: "#search",
-            resetStyles: false,
-            translations: {
-                placeholder: "Bijvoorbeeld 'roggebrood'",
-                zero_results: "Geen resultaten gevonden voor [SEARCH_TERM]."
-            }
-        });
-    });
-</script>
-<noscript>
-    ... Sorry, zoekfunctionaliteit vereist JavaScript in je browser.
-</noscript>

layouts/shortcodes/search.html

@@ -0,0 +1,32 @@
+<section id="searchbar">
+    <span>Begin gewoon met typen om te zoeken!</span>
+
+    <script src="/_pagefind/pagefind-ui.js" type="text/javascript"></script>
+    <div id="search"></div>
+    <script>
+        document.querySelector('#searchbar span').style.display = "block";
+        window.addEventListener('DOMContentLoaded', (event) => {
+            new PagefindUI({ 
+                element: "#search",
+                resetStyles: false,
+                translations: {
+                    placeholder: "Bijvoorbeeld 'roggebrood'",
+                    zero_results: "Geen resultaten gevonden voor [SEARCH_TERM]."
+                }
+            });
+        });
+    </script>
+
+    <noscript>
+        <form role="search" method="get" action="https://duckduckgo.com/" id="search">
+            <input type="text" style="width: 73%" name="q" placeholder="Zoeken met DuckDuckGo…">
+            <input type="hidden" name="ia" value="web">
+            <input type="hidden" name="kaj" value="m">
+            <input type="hidden" name="k7" value="w">
+            <input type="hidden" name="k9" value="b">
+            <input type="hidden" name="ks" value="l">
+            <input type="hidden" name="sites" value="{{ $.Site.BaseURL }}">
+            <button type="submit" value="Search">Zoeken</button>
+        </form>
+    </noscript>
+</section>

themes/desem-swift-theme/assets/sass/_search.sass

@@ -1,3 +1,7 @@
+#searchbar
+  span
+    display: none
+    padding-bottom: 0.5em
 
 #search
   input

themes/desem-swift-theme/assets/sass/_syntax.sass

@@ -1,7 +1,6 @@
 code 
   min-width: 100%
   max-width: 100%
-  font-size: 1.2rem
 
 .highlight 
   display: grid

themes/desem-swift-theme/layouts/_default/single.html

@@ -63,12 +63,14 @@
   </div>
   <article class='post_content e-content'>
     {{- .Content }}
-    <div class = 'post_extra'>
+      {{ if not .Params.disableComments }}
-      {{- partial "copy" . }}
+        <div class = 'post_extra'>
-    </div>
+          {{- partial "copy" . }}
+        </div>
+      {{ end }}
   </article>
 </div>
-<div class='post p-author h-card'>
+<div class='post p-author h-card' {{ if .Params.disableComments }}style='display: none'{{end}}>
     <p class="p-note">
       Geschreven voor <a rel="me" class="u-url" href="{{ .Permalink }}">{{ .Site.Title }}</a> door 
       <span class="p-name">