From 69b3efd78f7b0700f0554845d9fda88c714c3238 Mon Sep 17 00:00:00 2001
From: Lars Noack <lars@webcontact.de>
Date: Mon, 14 Apr 2025 17:35:11 +0200
Subject: [PATCH] feat: move relevant card to the top

---
 src/_templates/overview.html | 27 ++++++++++++++++++++++-----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/src/_templates/overview.html b/src/_templates/overview.html
index 70ab3de..7c82786 100644
--- a/src/_templates/overview.html
+++ b/src/_templates/overview.html
@@ -21,11 +21,9 @@
     </nav>
 
     <section class="section">
-        <div class="container">
-            <div class="column is-half is-offset-one-quarter">
-                {overview_cards}
-            </div>
-        </div>
+      <div class="container">
+        <div class="column is-half is-offset-one-quarter">{overview_cards}</div>
+      </div>
     </section>
 
     <!-- Footer -->
@@ -35,4 +33,23 @@
       </div>
     </footer>
   </body>
+
+  <script>
+    document.addEventListener("DOMContentLoaded", function () {
+        const userLang = "ku" || navigator.language || navigator.userLanguage;
+
+        // Normalize and check if the language is not English or German
+        if (!["en", "de", "de-DE"].includes(userLang)) {
+            // Try to find a matching card by language attribute
+            const cardToMove =
+                document.querySelector(`.card[lang^="${userLang.replace("_", "-").toLowerCase()}"]`) ||
+                document.querySelector(`.card[lang^="${userLang.split("-")[0]}"]`);
+
+            if (cardToMove) {
+                const container = cardToMove.parentNode;
+                container.insertBefore(cardToMove, container.firstChild);
+            }
+        }
+    });
+  </script>
 </html>