diff --git a/frontend/js/fr/texts.js b/frontend/js/fr/texts.js index 4c4706d..a847693 100644 --- a/frontend/js/fr/texts.js +++ b/frontend/js/fr/texts.js @@ -70,6 +70,7 @@ const texts = { chap4:` Pour gagner, il faut avoir nécessairement un main bien formée.
cela a évidemment un rapport avec les groupes vus précédément.
+
Pour être exacte, une main est bien formée si elle possède:
- 4 groupes de 3 (pon ou chii)
- 1 paire
@@ -118,7 +119,7 @@ const texts = { - la tuile gagnante est piochée, c'est un "Tsumo"
- la tuile gagnante est volée, c'est un "Ron"

- Ces terme sont important, car ils doivent être pronnoncés pour
+ Ces terme sont importants, car ils doivent être pronnoncés pour
signaler la victoire ! ` } diff --git a/frontend/pages/chap3.html b/frontend/pages/chap3.html index a6879f5..2efc37f 100644 --- a/frontend/pages/chap3.html +++ b/frontend/pages/chap3.html @@ -107,8 +107,8 @@ mascolteEl.addEventListener('click', () => { speechBubble.classList.toggle('visible'); mascolteEl.innerHTML = speechBubble.classList.contains('visible') - ? 'Tilineau' - : 'Tilineau'; + ? 'Tilineau' + : 'Tilineau'; }); // Fonction utilitaire pour afficher les tuiles diff --git a/frontend/pages/chap4.html b/frontend/pages/chap4.html index 2410f58..a6920aa 100644 --- a/frontend/pages/chap4.html +++ b/frontend/pages/chap4.html @@ -29,7 +29,7 @@ .speech-bubble { position: absolute; - top: 300px; + top: 250px; right: 170px; z-index: 1; display: none; @@ -39,6 +39,22 @@ display: flex; } + [id^="tiles-display"] { + display: flex; + justify-content: center; + align-items: center; + gap: 5px; + padding: 20px; + } + + #tiles-container { + display: flex; + justify-content: center; + align-items: flex-start; + gap: 10px; + padding: 20px; + } + h2 { text-align: center; margin-top: 40px; @@ -49,12 +65,43 @@ +

Mains bien formées

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Mains mal formées

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ \ No newline at end of file diff --git a/frontend/pages/chap5.html b/frontend/pages/chap5.html index 7110a13..91c4b41 100644 --- a/frontend/pages/chap5.html +++ b/frontend/pages/chap5.html @@ -63,7 +63,7 @@ // Afficher la mascotte et le texte const mascolteEl = document.getElementById('mascotte'); - mascolteEl.innerHTML = 'Tilineau'; + mascolteEl.innerHTML = 'Tilineau'; document.getElementById('speech-text').innerHTML = texts.riichi.chap5; // Toggle bulle de dialogue au clic sur la mascotte @@ -72,7 +72,7 @@ speechBubble.classList.toggle('visible'); mascolteEl.innerHTML = speechBubble.classList.contains('visible') ? 'Tilineau' - : 'Tilineau'; + : 'Tilineau'; }); diff --git a/frontend/pages/chap6.html b/frontend/pages/chap6.html index 531c3c7..69aa2eb 100644 --- a/frontend/pages/chap6.html +++ b/frontend/pages/chap6.html @@ -63,7 +63,7 @@ // Afficher la mascotte et le texte const mascolteEl = document.getElementById('mascotte'); - mascolteEl.innerHTML = 'Tilineau'; + mascolteEl.innerHTML = 'Tilineau'; document.getElementById('speech-text').innerHTML = texts.riichi.chap6; // Toggle bulle de dialogue au clic sur la mascotte @@ -71,8 +71,8 @@ mascolteEl.addEventListener('click', () => { speechBubble.classList.toggle('visible'); mascolteEl.innerHTML = speechBubble.classList.contains('visible') - ? 'Tilineau' - : 'Tilineau'; + ? 'Tilineau' + : 'Tilineau'; });