feat: Make search usable via keyboard (CTRL + K)

Author: MoritzWeber0

i18n/de.yaml

@@ -3,8 +3,7 @@ country:
   one: Land
   many: Länder
   other: Länder
-search-placeholder: Gib ein Land oder Bahnunternehmen ein
-search-button: Suchen
+search-placeholder: Suche
 footer-love:
   text: Made with ♥️ in Frankfurt & Köln
   aria-label: Made with love in Frankfurt & Köln

i18n/en.yaml

@@ -3,8 +3,7 @@ country:
   one: country
   many: countries
   other: countries
-search-placeholder: Type in a country or train operator
-search-button: Search
+search-placeholder: Search
 footer-love:
   text: Made with ♥️ in Frankfurt & Cologne
   aria-label: Made with love in Frankfurt & Cologne

layouts/partials/stage.html

@@ -1,6 +1,22 @@
 <script>
   window.addEventListener('DOMContentLoaded', (event) => {
-    new PagefindUI({ element: "#search", highlightParam: "highlight", showSubResults: true });
+    new PagefindUI({
+      element: "#search",
+      highlightParam: "highlight",
+      showSubResults: true,
+      translations: {
+        placeholder: '{{ print (T "search-placeholder") " (CTRL + K)" }}'
+      }
+    });
+  });
+  document.addEventListener('keydown', (e) => {
+    if (e.ctrlKey && e.key === 'k') {
+      e.preventDefault();
+      const searchElement = document.querySelector('#search input');
+      if (searchElement) {
+        searchElement.focus();
+      }
+    }
   });
 </script>