From 4fb90b0c815cb26196c3de5a7761cf7dc658104a Mon Sep 17 00:00:00 2001
From: Thomas Dannenberg <kontakt@bratonien.de>
Date: Tue, 4 Nov 2025 19:12:49 +0000
Subject: [PATCH] adventskalender/shared/js/glitter.js aktualisiert

---
 adventskalender/shared/js/glitter.js | 35 ++++++++++++----------------
 1 file changed, 15 insertions(+), 20 deletions(-)

diff --git a/adventskalender/shared/js/glitter.js b/adventskalender/shared/js/glitter.js
index 8aaed77..651f00b 100644
--- a/adventskalender/shared/js/glitter.js
+++ b/adventskalender/shared/js/glitter.js
@@ -1,25 +1,24 @@
-// Bratonien Glitter Hover Effekt – für .door und .openfield
-document.querySelectorAll(".door, .openfield").forEach(elem => {
+// Bratonien Glitter Hover Effekt – für .door, .openfield und .fluegel
+document.querySelectorAll(".door, .openfield, .fluegel").forEach(elem => {
   let canvas, ctx, particles = [], anim, hovering = false;
   let cursorX = 0, cursorY = 0;
 
   const day = elem.dataset.day;
-let partner = null;
+  let partner = null;
 
-if (elem.classList.contains("door")) {
-  partner = document.querySelector(`.openfield[data-day="${day}"]`);
-} else if (elem.classList.contains("openfield")) {
-  partner = document.querySelector(`.door[data-day="${day}"]`);
-} else if (elem.classList.contains("fluegel")) {
-  const isLeft = elem.classList.contains("left");
-  const isRight = elem.classList.contains("right");
-  // Finde den gegenüberliegenden Flügel
-  if (isLeft) {
-    partner = document.querySelector(`.fluegel.right[data-day="${day}"]`);
-  } else if (isRight) {
-    partner = document.querySelector(`.fluegel.left[data-day="${day}"]`);
+  if (elem.classList.contains("door")) {
+    partner = document.querySelector(`.openfield[data-day="${day}"]`);
+  } else if (elem.classList.contains("openfield")) {
+    partner = document.querySelector(`.door[data-day="${day}"]`);
+  } else if (elem.classList.contains("fluegel")) {
+    const isLeft = elem.classList.contains("left");
+    const isRight = elem.classList.contains("right");
+    if (isLeft) {
+      partner = document.querySelector(`.fluegel.right[data-day="${day}"]`);
+    } else if (isRight) {
+      partner = document.querySelector(`.fluegel.left[data-day="${day}"]`);
+    }
   }
-}
 
   function setupCanvas() {
     if (canvas) return;
@@ -35,7 +34,6 @@ if (elem.classList.contains("door")) {
     ctx = canvas.getContext("2d");
   }
 
-  // Cursor in Element
   elem.addEventListener("mousemove", e => {
     const rect = elem.getBoundingClientRect();
     cursorX = (e.clientX - rect.left) * 1.4 - (elem.offsetWidth * 0.2);
@@ -68,7 +66,6 @@ if (elem.classList.contains("door")) {
     particles.forEach(p => {
       ctx.beginPath();
       const grad = ctx.createRadialGradient(p.x, p.y, 0, p.x, p.y, p.r * 3);
-      // Bratonien-Gold
       grad.addColorStop(0, `rgba(200, 170, 73, ${p.alpha})`);
       grad.addColorStop(0.3, `rgba(255, 240, 200, ${p.alpha * 0.8})`);
       grad.addColorStop(1, "transparent");
@@ -95,9 +92,7 @@ if (elem.classList.contains("door")) {
     cancelAnimationFrame(anim);
     draw();
 
-    // wichtigen Teil: bestehenden Hover-Style beim Partner auslösen
     if (partner) {
-      // wir setzen KEINE neuen Styles, nur die Trigger-Klasse
       partner.classList.add("hover-proxy");
     }
   });