Adrien/Riichi
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed relative path

Browse source
This commit is contained in:
Didictateur 2026-02-23 13:38:22 +01:00
parent d13a3bbc9c
commit f0a2d68b99
5 changed files with 31 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
docker-compose.yml
View file

@ -13,7 +13,7 @@ services:
nginx: nginx:
image: nginx:latest image: nginx:latest
ports: ports:
- "127.0.0.1:8019:80" - "127.0.0.1:3002:80"
volumes: volumes:
- ./nginx.conf:/etc/nginx/nginx.conf:ro - ./nginx.conf:/etc/nginx/nginx.conf:ro
- ./frontend:/usr/share/nginx/html/frontend - ./frontend:/usr/share/nginx/html/frontend

14
frontend/pages/chap1.html
View file

@ -3,8 +3,8 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Tuto Riichi</title> <title>Tuto Riichi</title>
<link rel="stylesheet" href="../../frontend/css/style.css"> <link rel="stylesheet" href="/frontend/css/style.css">
<link rel="stylesheet" href="../../frontend/css/speech-bubble.css"> <link rel="stylesheet" href="/frontend/css/speech-bubble.css">
<style> <style>
#menu { #menu {
position: relative; position: relative;
@ -158,16 +158,16 @@
</div> </div>
<div id="mascotte"></div> <div id="mascotte"></div>
<script src="../../frontend/js/fr/texts.js"></script> <script src="/frontend/js/fr/texts.js"></script>
<script> <script>
// Charger le menu // Charger le menu
fetch('../../components/menu.html') fetch('/components/menu.html')
.then(r => r.text()) .then(r => r.text())
.then(html => document.getElementById('menu').innerHTML = html); .then(html => document.getElementById('menu').innerHTML = html);
// Afficher la mascotte // Afficher la mascotte
const mascolteEl = document.getElementById('mascotte'); const mascolteEl = document.getElementById('mascotte');
mascolteEl.innerHTML = '<img src="../../img/tilineau/speaking.png" alt="Tilineau">'; mascolteEl.innerHTML = '<img src="/img/tilineau/speaking.png" alt="Tilineau">';
// Afficher le texte de bienvenue // Afficher le texte de bienvenue
document.getElementById('speech-text').innerHTML = texts.riichi.chap1; document.getElementById('speech-text').innerHTML = texts.riichi.chap1;
@ -177,9 +177,9 @@
mascolteEl.addEventListener('click', () => { mascolteEl.addEventListener('click', () => {
speechBubble.classList.toggle('visible'); speechBubble.classList.toggle('visible');
if (speechBubble.classList.contains('visible')) { if (speechBubble.classList.contains('visible')) {
mascolteEl.innerHTML = '<img class="explaining" src="../../img/tilineau/explaining.png" alt="Tilineau">'; mascolteEl.innerHTML = '<img class="explaining" src="/img/tilineau/explaining.png" alt="Tilineau">';
} else { } else {
mascolteEl.innerHTML = '<img src="../../img/tilineau/speaking.png" alt="Tilineau">'; mascolteEl.innerHTML = '<img src="/img/tilineau/speaking.png" alt="Tilineau">';
} }
}); });

18
frontend/pages/chap2.html
View file

@ -3,9 +3,9 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Tuto Riichi</title> <title>Tuto Riichi</title>
<link rel="stylesheet" href="../../frontend/css/style.css"> <link rel="stylesheet" href="/frontend/css/style.css">
<link rel="stylesheet" href="../../frontend/css/speech-bubble.css"> <link rel="stylesheet" href="/frontend/css/speech-bubble.css">
<link rel="stylesheet" href="../../frontend/css/hand.css"> <link rel="stylesheet" href="/frontend/css/hand.css">
<style> <style>
#menu { #menu {
position: relative; position: relative;
@ -131,17 +131,17 @@
</div> </div>
<div id="mascotte"></div> <div id="mascotte"></div>
<script src="../../frontend/js/fr/texts.js"></script> <script src="/frontend/js/fr/texts.js"></script>
<script src="../../frontend/js/hand.js"></script> <script src="/frontend/js/hand.js"></script>
<script> <script>
// Charger le menu // Charger le menu
fetch('../../components/menu.html') fetch('/components/menu.html')
.then(r => r.text()) .then(r => r.text())
.then(html => document.getElementById('menu').innerHTML = html); .then(html => document.getElementById('menu').innerHTML = html);
// Afficher la mascotte // Afficher la mascotte
const mascolteEl = document.getElementById('mascotte'); const mascolteEl = document.getElementById('mascotte');
mascolteEl.innerHTML = '<img src="../../img/tilineau/speaking.png" alt="Tilineau">'; mascolteEl.innerHTML = '<img src="/img/tilineau/speaking.png" alt="Tilineau">';
// Afficher le texte de bienvenue // Afficher le texte de bienvenue
document.getElementById('speech-text').innerHTML = texts.riichi.chap2; document.getElementById('speech-text').innerHTML = texts.riichi.chap2;
@ -151,9 +151,9 @@
mascolteEl.addEventListener('click', () => { mascolteEl.addEventListener('click', () => {
speechBubble.classList.toggle('visible'); speechBubble.classList.toggle('visible');
if (speechBubble.classList.contains('visible')) { if (speechBubble.classList.contains('visible')) {
mascolteEl.innerHTML = '<img class="explaining" src="../../img/tilineau/speaking.png" alt="Tilineau">'; mascolteEl.innerHTML = '<img class="explaining" src="/img/tilineau/speaking.png" alt="Tilineau">';
} else { } else {
mascolteEl.innerHTML = '<img src="../../img/tilineau/speaking.png" alt="Tilineau">'; mascolteEl.innerHTML = '<img src="/img/tilineau/speaking.png" alt="Tilineau">';
} }
}); });

18
frontend/pages/chap3.html
View file

@ -3,9 +3,9 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Tuto Riichi</title> <title>Tuto Riichi</title>
<link rel="stylesheet" href="../../frontend/css/style.css"> <link rel="stylesheet" href="/frontend/css/style.css">
<link rel="stylesheet" href="../../frontend/css/speech-bubble.css"> <link rel="stylesheet" href="/frontend/css/speech-bubble.css">
<link rel="stylesheet" href="../../frontend/css/hand.css"> <link rel="stylesheet" href="/frontend/css/hand.css">
<style> <style>
#menu { #menu {
position: relative; position: relative;
@ -89,17 +89,17 @@
</div> </div>
<div id="mascotte"></div> <div id="mascotte"></div>
<script src="../../frontend/js/fr/texts.js"></script> <script src="/frontend/js/fr/texts.js"></script>
<script src="../../frontend/js/hand.js"></script> <script src="/frontend/js/hand.js"></script>
<script> <script>
// Charger le menu // Charger le menu
fetch('../../components/menu.html') fetch('/components/menu.html')
.then(r => r.text()) .then(r => r.text())
.then(html => document.getElementById('menu').innerHTML = html); .then(html => document.getElementById('menu').innerHTML = html);
// Afficher la mascotte et le texte // Afficher la mascotte et le texte
const mascolteEl = document.getElementById('mascotte'); const mascolteEl = document.getElementById('mascotte');
mascolteEl.innerHTML = '<img src="../../img/tilineau/speaking.png" alt="Tilineau">'; mascolteEl.innerHTML = '<img src="/img/tilineau/speaking.png" alt="Tilineau">';
document.getElementById('speech-text').innerHTML = texts.riichi.chap3; document.getElementById('speech-text').innerHTML = texts.riichi.chap3;
// Toggle bulle de dialogue au clic sur la mascotte // Toggle bulle de dialogue au clic sur la mascotte
@ -107,8 +107,8 @@
mascolteEl.addEventListener('click', () => { mascolteEl.addEventListener('click', () => {
speechBubble.classList.toggle('visible'); speechBubble.classList.toggle('visible');
mascolteEl.innerHTML = speechBubble.classList.contains('visible') mascolteEl.innerHTML = speechBubble.classList.contains('visible')
? '<img class="explaining" src="../../img/tilineau/explaining.png" alt="Tilineau">' ? '<img class="explaining" src="/img/tilineau/explaining.png" alt="Tilineau">'
: '<img src="../../img/tilineau/speaking.png" alt="Tilineau">'; : '<img src="/img/tilineau/speaking.png" alt="Tilineau">';
}); });
// Fonction utilitaire pour afficher les tuiles // Fonction utilitaire pour afficher les tuiles

10
index.html
View file

@ -3,8 +3,8 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Tuto Riichi</title> <title>Tuto Riichi</title>
<link rel="stylesheet" href="frontend/css/style.css"> <link rel="stylesheet" href="/frontend/css/style.css">
<link rel="stylesheet" href="frontend/css/speech-bubble.css"> <link rel="stylesheet" href="/frontend/css/speech-bubble.css">
<style> <style>
#menu { #menu {
position: relative; position: relative;
@ -70,16 +70,16 @@
</div> </div>
<div id="mascotte"></div> <div id="mascotte"></div>
<script src="frontend/js/fr/texts.js"></script> <script src="/frontend/js/fr/texts.js"></script>
<script> <script>
// Charger le menu // Charger le menu
fetch('components/menu.html') fetch('/components/menu.html')
.then(r => r.text()) .then(r => r.text())
.then(html => document.getElementById('menu').innerHTML = html); .then(html => document.getElementById('menu').innerHTML = html);
// Afficher la mascotte // Afficher la mascotte
const mascolteEl = document.getElementById('mascotte'); const mascolteEl = document.getElementById('mascotte');
mascolteEl.innerHTML = '<img src="img/tilineau/speaking.png" alt="Tilineau">'; mascolteEl.innerHTML = '<img src="/img/tilineau/speaking.png" alt="Tilineau">';
// Afficher le texte de bienvenue // Afficher le texte de bienvenue
document.getElementById('speech-text').innerHTML = texts.homePage.welcome; document.getElementById('speech-text').innerHTML = texts.homePage.welcome;