diff --git a/frontend/js/fr/texts.js b/frontend/js/fr/texts.js
index ecf10f1..f7d4412 100644
--- a/frontend/js/fr/texts.js
+++ b/frontend/js/fr/texts.js
@@ -11,7 +11,9 @@ const texts = {
te guider à travers les règles du jeu pour que tu puisses profiter d'une partie.
Alors prépare tes tuiles, rassemble tes amis, et plonge dans l'aventure du Riichi Mahjong !
Ah, j'ai oublié de me présenter ! Je suis Tilineau, ton guide à partir de maintenant. Ne t'inquiète
- pas, tu es entre de bonnes mains.
+ pas, tu es entre de bonnes mains.
+ Pour obtenir mon aide et ouvrir et fermer ce dialogue, il suffit de cliquer sur moi, je ne vais
+ pas te mordre !
`
}
};
diff --git a/index.html b/index.html
index e48987e..28fafd1 100644
--- a/index.html
+++ b/index.html
@@ -39,6 +39,7 @@
right: 160px;
z-index: 999;
transform: scaleX(-1);
+ cursor: pointer;
}
#mascotte img {
@@ -49,9 +50,14 @@
.speech-bubble {
position: fixed;
- bottom: 350px;
+ bottom: 320px;
right: 170px;
z-index: 998;
+ display: flex;
+ }
+
+ .speech-bubble.hidden {
+ display: none;
}
@@ -72,11 +78,18 @@
.then(html => document.getElementById('menu').innerHTML = html);
// Afficher la mascotte
- document.getElementById('mascotte').innerHTML = '
';
+ const mascolteEl = document.getElementById('mascotte');
+ mascolteEl.innerHTML = '
';
// Afficher le texte de bienvenue
document.getElementById('speech-text').innerHTML = texts.homePage.welcome;
+ // Toggle bulle de dialogue au clic sur la mascotte
+ const speechBubble = document.querySelector('.speech-bubble');
+ mascolteEl.addEventListener('click', () => {
+ speechBubble.classList.toggle('hidden');
+ });
+
let allTiles = [];
// Récupérer les tuiles