From b386f833483e8d8ee92e199d8830045c3ad0457a Mon Sep 17 00:00:00 2001
From: wgroeneveld <wouter@brainbaking.com>
Date: Fri, 11 Nov 2022 10:49:05 +0100
Subject: [PATCH] revert to duckduckgo search if JS is disabled

---
 content/over.md                               |  3 +-
 content/zoeken.md                             | 21 ++----------
 layouts/shortcodes/search.html                | 32 +++++++++++++++++++
 .../assets/sass/_search.sass                  |  4 +++
 .../assets/sass/_syntax.sass                  |  1 -
 .../layouts/_default/single.html              | 10 +++---
 6 files changed, 46 insertions(+), 25 deletions(-)
 create mode 100644 layouts/shortcodes/search.html

diff --git a/content/over.md b/content/over.md
index 682b676..30c5cc6 100644
--- a/content/over.md
+++ b/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!
diff --git a/content/zoeken.md b/content/zoeken.md
index 4be7c03..7f19c45 100644
--- a/content/zoeken.md
+++ b/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!
-
-<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>
+{{< search >}}
diff --git a/layouts/shortcodes/search.html b/layouts/shortcodes/search.html
new file mode 100644
index 0000000..5960701
--- /dev/null
+++ b/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>
diff --git a/themes/desem-swift-theme/assets/sass/_search.sass b/themes/desem-swift-theme/assets/sass/_search.sass
index bd84fc5..9dd6c39 100644
--- a/themes/desem-swift-theme/assets/sass/_search.sass
+++ b/themes/desem-swift-theme/assets/sass/_search.sass
@@ -1,3 +1,7 @@
+#searchbar
+  span
+    display: none
+    padding-bottom: 0.5em
 
 #search
   input
diff --git a/themes/desem-swift-theme/assets/sass/_syntax.sass b/themes/desem-swift-theme/assets/sass/_syntax.sass
index d6f3679..b00ecbb 100644
--- a/themes/desem-swift-theme/assets/sass/_syntax.sass
+++ b/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
diff --git a/themes/desem-swift-theme/layouts/_default/single.html b/themes/desem-swift-theme/layouts/_default/single.html
index 6753a6c..611428c 100644
--- a/themes/desem-swift-theme/layouts/_default/single.html
+++ b/themes/desem-swift-theme/layouts/_default/single.html
@@ -63,12 +63,14 @@
   </div>
   <article class='post_content e-content'>
     {{- .Content }}
-    <div class = 'post_extra'>
-      {{- partial "copy" . }}
-    </div>
+      {{ if not .Params.disableComments }}
+        <div class = 'post_extra'>
+          {{- 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">