From a46f1059549f81b4e6784d6b7d99120692d37405 Mon Sep 17 00:00:00 2001 From: Didictateur Date: Wed, 18 Feb 2026 17:11:28 +0100 Subject: [PATCH] premier dialogue --- frontend/css/speech-bubble.css | 65 ++++++++++++++++++++++++++++++++++ frontend/js/fr/texts.js | 17 +++++++++ index.html | 15 ++++++++ 3 files changed, 97 insertions(+) create mode 100644 frontend/css/speech-bubble.css create mode 100644 frontend/js/fr/texts.js diff --git a/frontend/css/speech-bubble.css b/frontend/css/speech-bubble.css new file mode 100644 index 0000000..d7c8136 --- /dev/null +++ b/frontend/css/speech-bubble.css @@ -0,0 +1,65 @@ +.speech-bubble { + background: white; + border: 2px solid #333; + border-radius: 10px; + padding: 12px 16px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); + display: flex; + align-items: center; + gap: 10px; +} + +.speech-bubble::after { + content: ''; + position: absolute; + bottom: -12px; + right: 20px; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 0 solid transparent; + border-top: 12px solid #333; +} + +.speech-bubble::before { + content: ''; + position: absolute; + bottom: -8px; + right: 22px; + width: 0; + height: 0; + border-left: 8px solid transparent; + border-right: 0 solid transparent; + border-top: 10px solid white; +} + +.speech-text { + flex: 1; + white-space: nowrap; +} + +.dialog-buttons { + display: flex; + gap: 5px; + margin-left: 10px; +} + +.dialog-btn { + padding: 4px 8px; + border: 1px solid #333; + background: #f0f0f0; + border-radius: 4px; + cursor: pointer; + font-size: 0.8rem; + transition: all 0.2s; +} + +.dialog-btn:hover:not(:disabled) { + background: #333; + color: white; +} + +.dialog-btn:disabled { + opacity: 0.5; + cursor: not-allowed; +} diff --git a/frontend/js/fr/texts.js b/frontend/js/fr/texts.js new file mode 100644 index 0000000..ecf10f1 --- /dev/null +++ b/frontend/js/fr/texts.js @@ -0,0 +1,17 @@ +const texts = { + homePage: { + welcome: ` + Bienvenue dans le monde du Riichi Mahjong !

+ Installe toi confortablement, et prépare toi à découvrir ce vaste univers.
+ Tu as fais un très bon choix en venant ici, et je suis sûr que tu vas adorer ce jeu !

+ Le Riichi Mahjong est un jeu de société d'origine chinoise, qui a été adapté au Japon et qui est
+ maintenant joué dans le monde entier. C'est un jeu de stratégie, de chance et de psychologie, où
+ les joueurs s'affrontent pour former des combinaisons de tuiles et remporter la partie.

+ Que tu sois complètement nouveau, ou légèrement familier, ce site est fait pour toi. Nous allons
+ 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. + ` + } +}; diff --git a/index.html b/index.html index a123ec0..e48987e 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,7 @@ Tuto Riichi +
+
+
+
+