From c077237f1dd331ea5c1232a915a04ae9af49d68a Mon Sep 17 00:00:00 2001
From: Ricardo <rick@rmendes.net>
Date: Wed, 4 Mar 2026 19:12:07 +0100
Subject: [PATCH] fix: replace sidebar PagefindUI with redirect search form

PagefindUI in the ~300px sidebar caused 218+ results to expand inline,
pushing content down with poor readability. Replace with a simple GET
form that redirects to /search/?q=query in all four sidebars.

Confab-Link: http://localhost:8080/sessions/4d40ef89-a713-48c1-b4ed-0ffafca25677
---
 _includes/components/blog-sidebar.njk     |  7 +------
 _includes/components/cv-sidebar.njk       |  8 +-------
 _includes/components/homepage-sidebar.njk |  7 +------
 _includes/components/sidebar.njk          |  7 +------
 _includes/components/widgets/search.njk   | 10 ++++++++++
 5 files changed, 14 insertions(+), 25 deletions(-)
 create mode 100644 _includes/components/widgets/search.njk

diff --git a/_includes/components/blog-sidebar.njk b/_includes/components/blog-sidebar.njk
index a3b2bca..286f819 100644
--- a/_includes/components/blog-sidebar.njk
+++ b/_includes/components/blog-sidebar.njk
@@ -133,12 +133,7 @@
           {% elif widget.type == "recent-comments" %}
             {% include "components/widgets/recent-comments.njk" %}
           {% elif widget.type == "search" %}
-            <is-land on:visible>
-            <div class="widget">
-              <div id="blog-sidebar-search"></div>
-              <script>initPagefind("#blog-sidebar-search");</script>
-            </div>
-            </is-land>
+            {% include "components/widgets/search.njk" %}
           {% elif widget.type == "fediverse-follow" %}
             {% include "components/widgets/fediverse-follow.njk" %}
           {% elif widget.type == "custom-html" %}
diff --git a/_includes/components/cv-sidebar.njk b/_includes/components/cv-sidebar.njk
index d4d9211..d27f903 100644
--- a/_includes/components/cv-sidebar.njk
+++ b/_includes/components/cv-sidebar.njk
@@ -18,13 +18,7 @@
     {% elif widget.type == "categories" %}
       {% include "components/widgets/categories.njk" %}
     {% elif widget.type == "search" %}
-      <is-land on:visible>
-      <div class="widget">
-        <h3 class="widget-title">Search</h3>
-        <div id="sidebar-search"></div>
-        <script>initPagefind("#sidebar-search");</script>
-      </div>
-      </is-land>
+      {% include "components/widgets/search.njk" %}
     {% elif widget.type == "webmentions" %}
       {% include "components/widgets/webmentions.njk" %}
     {% elif widget.type == "custom-html" %}
diff --git a/_includes/components/homepage-sidebar.njk b/_includes/components/homepage-sidebar.njk
index c9931a8..5fec890 100644
--- a/_includes/components/homepage-sidebar.njk
+++ b/_includes/components/homepage-sidebar.njk
@@ -108,12 +108,7 @@
           {% elif widget.type == "categories" %}
             {% include "components/widgets/categories.njk" %}
           {% elif widget.type == "search" %}
-            <is-land on:visible>
-            <div class="widget">
-              <div id="sidebar-search"></div>
-              <script>initPagefind("#sidebar-search");</script>
-            </div>
-            </is-land>
+            {% include "components/widgets/search.njk" %}
           {% elif widget.type == "webmentions" %}
             {% include "components/widgets/webmentions.njk" %}
           {% elif widget.type == "recent-comments" %}
diff --git a/_includes/components/sidebar.njk b/_includes/components/sidebar.njk
index 1669c4f..a6378eb 100644
--- a/_includes/components/sidebar.njk
+++ b/_includes/components/sidebar.njk
@@ -120,12 +120,7 @@
           {% elif widget.type == "recent-comments" %}
             {% include "components/widgets/recent-comments.njk" %}
           {% elif widget.type == "search" %}
-            <is-land on:visible>
-            <div class="widget">
-              <div id="listing-sidebar-search"></div>
-              <script>initPagefind("#listing-sidebar-search");</script>
-            </div>
-            </is-land>
+            {% include "components/widgets/search.njk" %}
           {% elif widget.type == "webmentions" %}
             {% include "components/widgets/webmentions.njk" %}
           {% elif widget.type == "fediverse-follow" %}
diff --git a/_includes/components/widgets/search.njk b/_includes/components/widgets/search.njk
new file mode 100644
index 0000000..c547241
--- /dev/null
+++ b/_includes/components/widgets/search.njk
@@ -0,0 +1,10 @@
+{# Search Widget — redirects to /search/?q=query #}
+<form action="/search/" method="get" class="flex gap-2">
+  <input type="text" name="q" placeholder="Search..."
+    class="flex-1 min-w-0 px-3 py-2 text-sm rounded-lg border border-surface-300 dark:border-surface-600 bg-white dark:bg-surface-800 text-surface-900 dark:text-surface-100 placeholder-surface-400 dark:placeholder-surface-500 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-primary-500">
+  <button type="submit" class="px-3 py-2 text-sm font-medium rounded-lg bg-primary-600 text-white hover:bg-primary-700 transition-colors" aria-label="Search">
+    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
+    </svg>
+  </button>
+</form>