Nono/Projet_48h
3
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Fix relative paths

Browse Source
This commit is contained in:
Sysy's
2026-03-31 14:55:00 +02:00
parent cfeded5079
commit 954af3cded
4 changed files with 27 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
web/assets/css/game.css
View File

@@ -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;

2
web/assets/js/game.js
View File

@@ -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)`;

9
web/assets/js/index.js
View File

@@ -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)`;
}