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

4
web/templates/view/game.html
View File

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