From: Jannik ZANDER <jzander@grundfos.com>
Date: Tue, 9 Sep 2025 18:58:06 +0000 (+0200)
Subject: Enter open card
X-Git-Url: https://git.zndr.dk/?a=commitdiff_plain;h=55dee8975d447418dc0debb627df866976db2e66;p=zndr-11ty.git

Enter open card
---

diff --git a/site/assets/styles.css b/site/assets/styles.css
index aaaab26..9ec4b7f 100644
--- a/site/assets/styles.css
+++ b/site/assets/styles.css
@@ -40,6 +40,9 @@ body{
   color: var(--fg);
 }
 
+/* Reserve scrollbar space so layout doesn't shift between pages */
+html { scrollbar-gutter: stable both-edges; }
+
 /* =================
    Layout
    ================= */
diff --git a/site/index.njk b/site/index.njk
index 064beb5..ee2d56f 100644
--- a/site/index.njk
+++ b/site/index.njk
@@ -78,6 +78,39 @@ title: zndr.dk — Services
 })();
 </script>
 
+<script>
+(() => {
+  const input = document.getElementById('filter');
+  const cards = Array.from(document.querySelectorAll('.grid a.card')); // anchors
+
+  // ... your existing code (empty node, apply(), etc.) ...
+
+  input.addEventListener('keydown', (e) => {
+    if (e.key !== 'Enter') return;
+
+    // Prevent form-like submission/reload
+    e.preventDefault();
+
+    // Find currently visible cards
+    const visible = cards.filter(c =>
+      c.offsetParent !== null && c.style.display !== 'none'
+    );
+
+    // If exactly one match, go to it
+    if (visible.length === 1) {
+      window.location.href = visible[0].href;
+    }
+    // Optional: if multiple, jump to the first one (comment out if you don't want this)
+    // else if (visible.length > 0) {
+    //   window.location.href = visible[0].href;
+    // }
+  });
+
+  // ... keep your existing apply() and initial call ...
+})();
+</script>
+
+
 <script>
 (function () {
   const PING_URL = "https://lan.zndr.dk/ping";   // 200 only on LAN