From d5e6c8a82cda21c96d7f5f0c146e03339dc15617 Mon Sep 17 00:00:00 2001
From: Agahnim <gabrielguysoulard@gmail.com>
Date: Tue, 24 Mar 2026 16:10:49 +0100
Subject: [PATCH] home: fix js not being able to load after routing through
 htmx

---
 static/style.css             |  1 -
 templates/partials/home.html | 52 +++++++++++++++++++-----------------
 2 files changed, 27 insertions(+), 26 deletions(-)

diff --git a/static/style.css b/static/style.css
index 17a7a0a..1139139 100644
--- a/static/style.css
+++ b/static/style.css
@@ -216,7 +216,6 @@ table {
 }
 
 body {
-
   background-image: url(assets/images/tiledbgpink.webp);
   background-size: cover;
   background-position: center;
diff --git a/templates/partials/home.html b/templates/partials/home.html
index e0642c8..1916e89 100644
--- a/templates/partials/home.html
+++ b/templates/partials/home.html
@@ -91,35 +91,37 @@
 
 <!-- I know I know but I need it for this pretty rainbow flagish animation -->
 <script>
-  <!-- For rainbow text -->
-  const el = document.querySelector('woopwoop');
-  const text = el.textContent;
-  el.innerHTML = text.split('').map((ch, i) =>
-    `<span style="animation-delay: ${i * 0.08}s">${ch === ' ' ? '&nbsp;' : ch}</span>`
-  ).join('');
+  (function() {
+    <!-- For rainbow text -->
+    const el = document.querySelector('woopwoop');
+    if (!el) return;
+    const text = el.textContent;
+    el.innerHTML = text.split('').map((ch, i) =>
+      `<span style="animation-delay: ${i * 0.08}s">${ch === ' ' ? '&nbsp;' : ch}</span>`
+    ).join('');
 
+    const BIBOU_QUOTES = {{bibou_quotes| tojson | safe }};
 
+    const txtEl = document.querySelector('bibou-text');
+    const ctrEl = document.querySelector('bibou-container');
+    let intervalRef = null;
 
-  const BIBOU_QUOTES = {{bibou_quotes| tojson | safe }};
+    const ttText = (texte) => {
+      if (intervalRef) clearInterval(intervalRef);
 
-  const txtEl = document.querySelector('bibou-text');
-  const ctrEl = document.querySelector('bibou-container');
-  let intervalRef = null;
+      let accumulated = "";
+      let index = 0;
 
-  const ttText = (texte) => {
-    if (intervalRef) clearInterval(intervalRef);
-
-    let accumulated = "";
-    let index = 0;
-
-    intervalRef = setInterval(() => {
-      if (index < texte.length) {accumulated += texte.charAt(index); txtEl.textContent = accumulated; index++;} else {
-        clearInterval(intervalRef); intervalRef = null;
-      }
-    }, 40);
-  }; ctrEl.addEventListener('mouseenter', () => {
-    const quote = BIBOU_QUOTES[Math.floor(Math.random() * BIBOU_QUOTES.length)];
-    ttText(quote);
-  });
+      intervalRef = setInterval(() => {
+        if (index < texte.length) {accumulated += texte.charAt(index); txtEl.textContent = accumulated; index++;} else {
+          clearInterval(intervalRef); intervalRef = null;
+        }
+      }, 40);
+    };
 
+    ctrEl.addEventListener('mouseenter', () => {
+      const quote = BIBOU_QUOTES[Math.floor(Math.random() * BIBOU_QUOTES.length)];
+      ttText(quote);
+    });
+  })();
 </script>
\ No newline at end of file