From bfc27633ea6ff323dcc5ac83082d75f73f444928 Mon Sep 17 00:00:00 2001
From: koilebeit <koilebeit@posteo.de>
Date: Fri, 1 Nov 2024 11:37:27 +0100
Subject: [PATCH 1/5] redirect search to browspage

---
 _includes/collection-nav-sgb.html |  2 +-
 _includes/nav-search.html         | 28 ++++++++++++++++++++++++++++
 2 files changed, 29 insertions(+), 1 deletion(-)
 create mode 100644 _includes/nav-search.html

diff --git a/_includes/collection-nav-sgb.html b/_includes/collection-nav-sgb.html
index 9709e0a3..af135c8a 100644
--- a/_includes/collection-nav-sgb.html
+++ b/_includes/collection-nav-sgb.html
@@ -102,7 +102,7 @@
         {%- endfor -%}
       </ul>
 
-      {% include nav-search-lunr.html %}
+      {% include nav-search.html %}
     </div>
   </div>
 </nav>
diff --git a/_includes/nav-search.html b/_includes/nav-search.html
new file mode 100644
index 00000000..05d54cee
--- /dev/null
+++ b/_includes/nav-search.html
@@ -0,0 +1,28 @@
+<script>
+  function site_search() {
+    var query = document.getElementById('site-search').value;
+    window.open("{{ '/browse.html' | relative_url }}#" + encodeURIComponent(query), '_self');
+    document.getElementById('site-search').value = '';
+  }
+</script>
+<form class="form-inline my-2 my-lg-0" role="search" id="search" onsubmit="site_search(); return false;">
+  <div class="input-group">
+    <input
+      id="site-search"
+      class="form-control"
+      type="text"
+      placeholder="{{ site.data.translations['_includes']['nav-search-lunr.html']['search'][site.lang] | default: 'Search' }}"
+      aria-label="Suchfeld"
+    >
+    <button class="btn btn-dark" type="submit">
+      <span id="search-icon">
+        <svg viewBox="0 0 1024 974" fill="white" height="16px" width="20px">
+          <path d="M960 832L710.875 582.875C746.438 524.812 768 457.156 768 384 768 171.96900000000005 596 0 384 0 171.969 0 0 171.96900000000005 0 384c0 212 171.969 384 384 384 73.156 0 140.812-21.562 198.875-57L832 960c17.5 17.5 46.5 17.375 64 0l64-64C977.5 878.5 977.5 849.5 960 832zM384 640c-141.375 0-256-114.625-256-256s114.625-256 256-256 256 114.625 256 256S525.375 640 384 640z"/>
+        </svg>
+      </span>
+      <span class="visually-hidden">
+        {{-  site.data.translations['_includes']['nav-search-lunr.html']['search'][site.lang] | default: 'Search' -}}
+      </span>
+    </button>
+  </div>
+</form>

From b5789348e6632a76d88dfa191eea35aa4df3b06f Mon Sep 17 00:00:00 2001
From: koilebeit <koilebeit@posteo.de>
Date: Fri, 1 Nov 2024 11:59:54 +0100
Subject: [PATCH 2/5] improve reliability and accessibility

---
 _data/translations.yml    |  9 +++++++++
 _includes/nav-search.html | 20 ++++++++++++--------
 2 files changed, 21 insertions(+), 8 deletions(-)

diff --git a/_data/translations.yml b/_data/translations.yml
index 1c0fd973..d2f18bfa 100644
--- a/_data/translations.yml
+++ b/_data/translations.yml
@@ -521,6 +521,15 @@ _includes:
       en: "Last Updated"
       es: "Última Actualización"
       de: "Zuletzt aktualisiert"
+  nav-search.html:
+    search:
+      en: "Search"
+      es: "Buscar"
+      de: "Suche"
+    submit:
+      en: "Submit search"
+      es: "Enviar busqueda"
+      de: "Suche ausführen"
   nav-search-lunr.html:
     search:
       en: "Search"
diff --git a/_includes/nav-search.html b/_includes/nav-search.html
index 05d54cee..ed18d482 100644
--- a/_includes/nav-search.html
+++ b/_includes/nav-search.html
@@ -1,22 +1,26 @@
 <script>
   function site_search() {
-    var query = document.getElementById('site-search').value;
-    window.open("{{ '/browse.html' | relative_url }}#" + encodeURIComponent(query), '_self');
-    document.getElementById('site-search').value = '';
+    var searchInput = document.getElementById('site-search');
+    var query = searchInput.value.trim();
+    var searchUrl = "{{ '/browse.html' | relative_url }}#" + encodeURIComponent(query);
+    window.location.href = searchUrl;
+    searchInput.value = '';
   }
 </script>
-<form class="form-inline my-2 my-lg-0" role="search" id="search" onsubmit="site_search(); return false;">
+<form class="form-inline my-2 my-lg-0" role="search" id="search" onsubmit="site_search(); return false;" aria-label="{{ site.data.translations['_includes']['nav-search.html']['search'][site.lang] | default: 'Search' }}">
   <div class="input-group">
     <input
       id="site-search"
       class="form-control"
       type="text"
-      placeholder="{{ site.data.translations['_includes']['nav-search-lunr.html']['search'][site.lang] | default: 'Search' }}"
-      aria-label="Suchfeld"
+      autocomplete="off"
+      spellcheck="false"
+      placeholder="{{ site.data.translations['_includes']['nav-search.html']['search'][site.lang] | default: 'Search' }}"
+      aria-label="{{ site.data.translations['_includes']['nav-search.html']['search'][site.lang] | default: 'Search' }}"
     >
-    <button class="btn btn-dark" type="submit">
+    <button class="btn btn-dark" type="submit" aria-label="{{ site.data.translations['_includes']['nav-search.html']['submit'][site.lang] | default: 'Submit search' }}">
       <span id="search-icon">
-        <svg viewBox="0 0 1024 974" fill="white" height="16px" width="20px">
+        <svg viewBox="0 0 1024 974" fill="white" height="16px" width="20px" aria-hidden="true" focusable="false">
           <path d="M960 832L710.875 582.875C746.438 524.812 768 457.156 768 384 768 171.96900000000005 596 0 384 0 171.969 0 0 171.96900000000005 0 384c0 212 171.969 384 384 384 73.156 0 140.812-21.562 198.875-57L832 960c17.5 17.5 46.5 17.375 64 0l64-64C977.5 878.5 977.5 849.5 960 832zM384 640c-141.375 0-256-114.625-256-256s114.625-256 256-256 256 114.625 256 256S525.375 640 384 640z"/>
         </svg>
       </span>

From 2a88fb4069cf4f60b3f127df7740c9e71c10fb1c Mon Sep 17 00:00:00 2001
From: koilebeit <koilebeit@posteo.de>
Date: Fri, 1 Nov 2024 13:21:00 +0100
Subject: [PATCH 3/5] fix translation key path

---
 _data/translations.yml    | 2 +-
 _includes/nav-search.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/_data/translations.yml b/_data/translations.yml
index d2f18bfa..ac46d3aa 100644
--- a/_data/translations.yml
+++ b/_data/translations.yml
@@ -528,7 +528,7 @@ _includes:
       de: "Suche"
     submit:
       en: "Submit search"
-      es: "Enviar busqueda"
+      es: "Enviar búsqueda"
       de: "Suche ausführen"
   nav-search-lunr.html:
     search:
diff --git a/_includes/nav-search.html b/_includes/nav-search.html
index ed18d482..115d8335 100644
--- a/_includes/nav-search.html
+++ b/_includes/nav-search.html
@@ -25,7 +25,7 @@
         </svg>
       </span>
       <span class="visually-hidden">
-        {{-  site.data.translations['_includes']['nav-search-lunr.html']['search'][site.lang] | default: 'Search' -}}
+        {{-  site.data.translations['_includes']['nav-search.html']['search'][site.lang] | default: 'Search' -}}
       </span>
     </button>
   </div>

From 28880529ae5f489c883fa098782caf31ebc96cd8 Mon Sep 17 00:00:00 2001
From: koilebeit <koilebeit@posteo.de>
Date: Fri, 1 Nov 2024 13:23:06 +0100
Subject: [PATCH 4/5] prettier

---
 _includes/nav-search.html | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/_includes/nav-search.html b/_includes/nav-search.html
index 115d8335..c3ef7e1a 100644
--- a/_includes/nav-search.html
+++ b/_includes/nav-search.html
@@ -7,7 +7,13 @@
     searchInput.value = '';
   }
 </script>
-<form class="form-inline my-2 my-lg-0" role="search" id="search" onsubmit="site_search(); return false;" aria-label="{{ site.data.translations['_includes']['nav-search.html']['search'][site.lang] | default: 'Search' }}">
+<form
+  class="form-inline my-2 my-lg-0"
+  role="search"
+  id="search"
+  onsubmit="site_search(); return false;"
+  aria-label="{{ site.data.translations['_includes']['nav-search.html']['search'][site.lang] | default: 'Search' }}"
+>
   <div class="input-group">
     <input
       id="site-search"
@@ -18,7 +24,11 @@
       placeholder="{{ site.data.translations['_includes']['nav-search.html']['search'][site.lang] | default: 'Search' }}"
       aria-label="{{ site.data.translations['_includes']['nav-search.html']['search'][site.lang] | default: 'Search' }}"
     >
-    <button class="btn btn-dark" type="submit" aria-label="{{ site.data.translations['_includes']['nav-search.html']['submit'][site.lang] | default: 'Submit search' }}">
+    <button
+      class="btn btn-dark"
+      type="submit"
+      aria-label="{{ site.data.translations['_includes']['nav-search.html']['submit'][site.lang] | default: 'Submit search' }}"
+    >
       <span id="search-icon">
         <svg viewBox="0 0 1024 974" fill="white" height="16px" width="20px" aria-hidden="true" focusable="false">
           <path d="M960 832L710.875 582.875C746.438 524.812 768 457.156 768 384 768 171.96900000000005 596 0 384 0 171.969 0 0 171.96900000000005 0 384c0 212 171.969 384 384 384 73.156 0 140.812-21.562 198.875-57L832 960c17.5 17.5 46.5 17.375 64 0l64-64C977.5 878.5 977.5 849.5 960 832zM384 640c-141.375 0-256-114.625-256-256s114.625-256 256-256 256 114.625 256 256S525.375 640 384 640z"/>

From 19097160b43a192f251de52d11f39fd7d2457ff6 Mon Sep 17 00:00:00 2001
From: koilebeit <koilebeit@posteo.de>
Date: Mon, 4 Nov 2024 08:19:01 +0100
Subject: [PATCH 5/5] rename file

---
 _data/translations.yml            |  2 +-
 _includes/collection-nav-sgb.html |  2 +-
 _includes/nav-search-browse.html  | 42 +++++++++++++++++++++++++++++++
 3 files changed, 44 insertions(+), 2 deletions(-)
 create mode 100644 _includes/nav-search-browse.html

diff --git a/_data/translations.yml b/_data/translations.yml
index ac46d3aa..38079d87 100644
--- a/_data/translations.yml
+++ b/_data/translations.yml
@@ -521,7 +521,7 @@ _includes:
       en: "Last Updated"
       es: "Última Actualización"
       de: "Zuletzt aktualisiert"
-  nav-search.html:
+  nav-search-browse.html:
     search:
       en: "Search"
       es: "Buscar"
diff --git a/_includes/collection-nav-sgb.html b/_includes/collection-nav-sgb.html
index af135c8a..62ac265e 100644
--- a/_includes/collection-nav-sgb.html
+++ b/_includes/collection-nav-sgb.html
@@ -102,7 +102,7 @@
         {%- endfor -%}
       </ul>
 
-      {% include nav-search.html %}
+      {% include nav-search-browse.html %}
     </div>
   </div>
 </nav>
diff --git a/_includes/nav-search-browse.html b/_includes/nav-search-browse.html
new file mode 100644
index 00000000..ab95e375
--- /dev/null
+++ b/_includes/nav-search-browse.html
@@ -0,0 +1,42 @@
+<script>
+  function site_search() {
+    var searchInput = document.getElementById('site-search');
+    var query = searchInput.value.trim();
+    var searchUrl = "{{ '/browse.html' | relative_url }}#" + encodeURIComponent(query);
+    window.location.href = searchUrl;
+    searchInput.value = '';
+  }
+</script>
+<form
+  class="form-inline my-2 my-lg-0"
+  role="search"
+  id="search"
+  onsubmit="site_search(); return false;"
+  aria-label="{{ site.data.translations['_includes']['nav-search-browse.html']['search'][site.lang] | default: 'Search' }}"
+>
+  <div class="input-group">
+    <input
+      id="site-search"
+      class="form-control"
+      type="text"
+      autocomplete="off"
+      spellcheck="false"
+      placeholder="{{ site.data.translations['_includes']['nav-search-browse.html']['search'][site.lang] | default: 'Search' }}"
+      aria-label="{{ site.data.translations['_includes']['nav-search-browse.html']['search'][site.lang] | default: 'Search' }}"
+    >
+    <button
+      class="btn btn-dark"
+      type="submit"
+      aria-label="{{ site.data.translations['_includes']['nav-search-browse.html']['submit'][site.lang] | default: 'Submit search' }}"
+    >
+      <span id="search-icon">
+        <svg viewBox="0 0 1024 974" fill="white" height="16px" width="20px" aria-hidden="true" focusable="false">
+          <path d="M960 832L710.875 582.875C746.438 524.812 768 457.156 768 384 768 171.96900000000005 596 0 384 0 171.969 0 0 171.96900000000005 0 384c0 212 171.969 384 384 384 73.156 0 140.812-21.562 198.875-57L832 960c17.5 17.5 46.5 17.375 64 0l64-64C977.5 878.5 977.5 849.5 960 832zM384 640c-141.375 0-256-114.625-256-256s114.625-256 256-256 256 114.625 256 256S525.375 640 384 640z"/>
+        </svg>
+      </span>
+      <span class="visually-hidden">
+        {{-  site.data.translations['_includes']['nav-search-browse.html']['search'][site.lang] | default: 'Search' -}}
+      </span>
+    </button>
+  </div>
+</form>