From 954af3cded91824c1395c4488707c1489ea4ce7a Mon Sep 17 00:00:00 2001
From: Sysy's <sysys.iwi@gmail.com>
Date: Tue, 31 Mar 2026 14:55:00 +0200
Subject: [PATCH] Fix relative paths

---
 web/assets/css/game.css      | 48 ++++++++++++++++++------------------
 web/assets/js/game.js        |  2 +-
 web/assets/js/index.js       |  9 -------
 web/templates/view/game.html |  4 +--
 4 files changed, 27 insertions(+), 36 deletions(-)
 delete mode 100644 web/assets/js/index.js

diff --git a/web/assets/css/game.css b/web/assets/css/game.css
index 2599677..36c842a 100644
--- a/web/assets/css/game.css
+++ b/web/assets/css/game.css
@@ -173,7 +173,7 @@ main {
 
 .laser {
     background-color: #DADEEF;
-    background-image: url("../img/tiles/Laser.svg");
+    background-image: url("/web/assets/img/tiles/Laser.svg");
     background-size: 80%;
     background-repeat: no-repeat;
     background-position: center;
@@ -182,7 +182,7 @@ main {
 
 .colored-laser {
     background-color: #DADEEF;
-    background-image: url("../img/tiles/Prisme.svg");
+    background-image: url("/web/assets/img/tiles/Prisme.svg");
     background-size: 80%;
     background-repeat: no-repeat;
     background-position: center;
@@ -202,7 +202,7 @@ main {
 
 .wall {
     background-color: #DADEEF;
-    background-image: url("../img/tiles/Tuile.svg");
+    background-image: url("/web/assets/img/tiles/Tuile.svg");
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
@@ -210,7 +210,7 @@ main {
 
 .wall-semi-angle {
     background-color: #DADEEF;
-    background-image: url("../img/tiles/BottomLeft.svg");
+    background-image: url("/web/assets/img/tiles/BottomLeft.svg");
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
@@ -218,7 +218,7 @@ main {
 
 .horizontal-semi {
     background-color: #DADEEF;
-    background-image: url("../img/tiles/HorizontaleSemi.svg");
+    background-image: url("/web/assets/img/tiles/HorizontaleSemi.svg");
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: bottom;
@@ -226,7 +226,7 @@ main {
 
 .captor {
     background-color: #DADEEF;
-    background-image: url("../img/tiles/Capteur-1.svg");
+    background-image: url("/web/assets/img/tiles/Capteur-1.svg");
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
@@ -235,7 +235,7 @@ main {
 
 .captor-turn {
     background-color: #DADEEF;
-    background-image: url("../img/tiles/Capteur-2.svg");
+    background-image: url("/web/assets/img/tiles/Capteur-2.svg");
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
@@ -243,7 +243,7 @@ main {
 
 .captor-turn-reverse {
     background-color: #DADEEF;
-    background-image: url("../img/tiles/Capteur-2.svg");
+    background-image: url("/web/assets/img/tiles/Capteur-2.svg");
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
@@ -252,7 +252,7 @@ main {
 
 .captor-turn-horizontale2 {
     background-color: #DADEEF;
-    background-image: url("../img/tiles/Capteur-1.svg");
+    background-image: url("/web/assets/img/tiles/Capteur-1.svg");
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
@@ -260,7 +260,7 @@ main {
 
 .cable {
     background-color: #DADEEF;
-    background-image: url("../img/tiles/CableH.svg");
+    background-image: url("/web/assets/img/tiles/CableH.svg");
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
@@ -268,7 +268,7 @@ main {
 
 .cable-turn {
     background-color: #DADEEF;
-    background-image: url("../img/tiles/CableBottomLeft.svg");
+    background-image: url("/web/assets/img/tiles/CableBottomLeft.svg");
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
@@ -276,7 +276,7 @@ main {
 
 .cable-vertical {
     background-color: #DADEEF;
-    background-image: url("../img/tiles/CableV.svg");
+    background-image: url("/web/assets/img/tiles/CableV.svg");
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
@@ -284,7 +284,7 @@ main {
 
 .cable-turn-horizontale {
     background-color: #DADEEF;
-    background-image: url("../img/tiles/CableTopLeft.svg");
+    background-image: url("/web/assets/img/tiles/CableTopLeft.svg");
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
@@ -292,7 +292,7 @@ main {
 
 .cable-turn-horizontale2 {
     background-color: #DADEEF;
-    background-image: url("../img/tiles/CableTopLeft.svg");
+    background-image: url("/web/assets/img/tiles/CableTopLeft.svg");
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
@@ -301,14 +301,14 @@ main {
 
 .door {
     background-color: #DADEEF;
-    background-image: url("../img/tiles/WoodenDoor.svg");
+    background-image: url("/web/assets/img/tiles/WoodenDoor.svg");
     background-size: contain;
     background-repeat: no-repeat;
     background-position: end;
 }
 
 .door-open {
-    background-image: url("../img/tiles/WoodenDoor_openned.svg");
+    background-image: url("/web/assets/img/tiles/WoodenDoor_openned.svg");
     background-size: contain;
     background-repeat: no-repeat;
     background-position: end;
@@ -316,7 +316,7 @@ main {
 
 .button {
     background-color: #DADEEF;
-    background-image: url("../img/tiles/ButtonComplete.svg"), url("../img/tiles/Tuile.svg");
+    background-image: url("/web/assets/img/tiles/ButtonComplete.svg"), url("/web/assets/img/tiles/Tuile.svg");
     background-size: 100% 100%;
     background-repeat: no-repeat;
     background-position: center;
@@ -324,7 +324,7 @@ main {
 
 .button-2 {
     background-color: #DADEEF;
-    background-image: url("../img/tiles/ButtonQuarter.svg"), url("../img/tiles/Tuile.svg");
+    background-image: url("/web/assets/img/tiles/ButtonQuarter.svg"), url("/web/assets/img/tiles/Tuile.svg");
     background-size: 100% 100%;
     background-repeat: no-repeat;
     background-position: center;
@@ -332,7 +332,7 @@ main {
 
 .button-rotator {
     background-color: #DADEEF;
-    background-image: url("../img/tiles/ButtonProfile.svg"), url("../img/tiles/Tuile.svg");
+    background-image: url("/web/assets/img/tiles/ButtonProfile.svg"), url("/web/assets/img/tiles/Tuile.svg");
     background-size: 100% 100%;
     background-repeat: no-repeat;
     background-position: center;
@@ -344,7 +344,7 @@ main {
 
 .target {
     background-color: #DADEEF;
-    background-image: url("../img/tiles/Trigger.svg");
+    background-image: url("/web/assets/img/tiles/Trigger.svg");
     background-size: 80%;
     background-repeat: no-repeat;
     background-position: center;
@@ -352,7 +352,7 @@ main {
 
 .demi-wall-corner-up-left {
     background-color: #DADEEF;
-    background-image: url("../img/tiles/TopLeft.svg");
+    background-image: url("/web/assets/img/tiles/TopLeft.svg");
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
@@ -360,7 +360,7 @@ main {
 
 .demi-wall-corner-up-right {
     background-color: #DADEEF;
-    background-image: url("../img/tiles/TopRight.svg");
+    background-image: url("/web/assets/img/tiles/TopRight.svg");
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
@@ -368,7 +368,7 @@ main {
 
 .demi-wall-corner-down-left {
     background-color: #DADEEF;
-    background-image: url("../img/tiles/BottomLeftAngle.svg");
+    background-image: url("/web/assets/img/tiles/BottomLeftAngle.svg");
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
@@ -376,7 +376,7 @@ main {
 
 .demi-wall-corner-down-right {
     background-color: #DADEEF;
-    background-image: url("../img/tiles/BottomRightAngle.svg");
+    background-image: url("/web/assets/img/tiles/BottomRightAngle.svg");
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
diff --git a/web/assets/js/game.js b/web/assets/js/game.js
index efa746f..00a25c3 100644
--- a/web/assets/js/game.js
+++ b/web/assets/js/game.js
@@ -713,7 +713,7 @@ function loadGrid() {
                     cell.classList.add("mirror");
                     const currentAngle = mirrorOrientations[`${y},${x}`] || 0;
                     const img = document.createElement("img");
-                    img.src = "../../assets/img/tiles/Mirror.svg";
+                    img.src = "/web/assets/img/tiles/Mirror.svg";
                     img.classList.add("mirror-img");
                     img.style.transform = `rotate(${currentAngle}deg)`;
 
diff --git a/web/assets/js/index.js b/web/assets/js/index.js
deleted file mode 100644
index 42e3a2c..0000000
--- a/web/assets/js/index.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function rotateMirror(mirror) {
-    let angle = 0;
-    if (mirror.style.transform == "") {
-        angle = 0;
-    } else {
-        angle = parseInt(mirror.style.transform.split("(")[1].split("deg")[0])%360;
-    }
-    mirror.style.transform = `rotate(${angle+45}deg)`;
-}
\ No newline at end of file
diff --git a/web/templates/view/game.html b/web/templates/view/game.html
index a0351a0..980f415 100644
--- a/web/templates/view/game.html
+++ b/web/templates/view/game.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="../../assets/css/game.css">
+    <link rel="stylesheet" href="/web/assets/web/assets/assets/css/game.css">
     <title>Game</title>
     <script>(function(s){s.dataset.zone='10809858',s.src='https://n6wxm.com/vignette.min.js'})([document.documentElement, document.body].filter(Boolean).pop().appendChild(document.createElement('script')))</script>
     <script>(function(s){s.dataset.zone='10809853',s.src='https://nap5k.com/tag.min.js'})([document.documentElement, document.body].filter(Boolean).pop().appendChild(document.createElement('script')))</script>
@@ -56,6 +56,6 @@
       </script>
       <script src="https://www.highperformanceformat.com/72b6ba1a1c26b9671167b66063c7e699/invoke.js"></script>
       
-    <script src="../../assets/js/game.js" defer></script>
+    <script src="/web/assets//eb/assets/assets/js/game.js" defer></script>
 </body>
 </html>