Header menu via header.js

2025-08-24 23:47:39 +00:00
parent f1103d67a0
commit eabd0aa50f
25 changed files with 869 additions and 185 deletions
--- a/README_FIX.txt
+++ b/README_FIX.txt
@@ -0,0 +1,46 @@
+Super Sunday — Patch UI (bulles) + Seed de base
+==============================================
+
+Ce patch :
+- réactive les **bulles animées** entre le background et les cards (sans modifier Docker),
+- fournit un **seed SQL** (1 tournoi + 8 joueurs) pour tester rapidement.
+
+Contenu
+-------
+- frontend/public/assets/patch-bubbles.css
+- frontend/public/assets/bubbles.js
+- apply_bubbles_patch.sh      (injecte auto <link> et <script> dans tous les HTML sous frontend/public)
+- backend/sql/seed.sql        (tournoi + joueurs)
+- seed_db.sh                  (copie/execute le seed dans le conteneur Postgres)
+
+Installation
+------------
+1) Dézippe à la racine du projet :
+   unzip -o supersunday_fix_bubbles_and_seed_patch.zip -d .
+
+2) Injecte les assets bulles dans toutes tes pages HTML :
+   ./apply_bubbles_patch.sh .
+
+3) Relance le stack si nécessaire (ou recharge la page).
+   (Si tu utilises Nginx front, juste rafraîchir http://localhost)
+
+Seed (optionnel mais recommandé)
+--------------------------------
+1) Démarre DB si pas déjà up :
+   docker compose up -d db
+
+2) Applique le seed :
+   ./seed_db.sh
+
+3) Vérifie côté API :
+   - GET /api/tournaments
+   - GET /api/tournaments/:id/participants
+
+Notes
+-----
+- L'image de fond attendue : /assets/images/backgroundp24p.jpg
+  (modifie le chemin dans patch-bubbles.css si besoin)
+- Si les bulles ne s'affichent toujours pas :
+  - vérifie dans DevTools > Network que /assets/patch-bubbles.css et /assets/bubbles.js sont en **200 OK**,
+  - inspecte l'élément <canvas id="bubble-layer"> (doit exister dans <body>),
+  - vérifie que tes cards n'ont pas de z-index supérieur au header (par défaut, --z-content est 3).