cganed folder

2025-11-08 11:19:09 +01:00
parent b5dcec2200
commit 444a23b7e0
22 changed files with 13 additions and 393 deletions
--- a/jeux-de-waterloo/index.html
+++ b/jeux-de-waterloo/index.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+  <base href="/jeux-de-waterloo/">
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Les Jeux de Waterloo</title>
+  <link rel="stylesheet" href="style.css" />
+</head>
+<body>
+  <!-- Start Screen -->
+  <div id="startScreen" class="start-screen">
+    <div class="start-content">
+      <h1>Jeux de Waterloo</h1>
+      <h2>🗺️ District 33 🗺️</h2>
+      <p class="start-description">
+        Magali ! ton aventure est loin d'être finie...<br>
+        Le Capitole t'a miniaturisée et plongée dans un monde virtuel.<br>
+        Retrace tes pas dans ce District 33 que tu connais comme ta poche et replace les animaux cachés.<br>
+        La libération de Sam et le trésor t'attendent à la fin de cette quête !<br>
+        Bonne chance, Chevalière Badass !<br>
+      </p>
+      <button onclick="startGame()" class="start-btn">⚔️ COMMENCER L'AVENTURE ⚔️</button>
+    </div>
+  </div>
+
+  <div class="header-content">
+      <h1>Les Jeux de Waterloo</h1>
+      <h2>🗺️ District 33 🗺️</h2>
+ </div>
+  <canvas id="map" width="auto" height="auto"></canvas>
+
+
+  <div id="animalCounter" class="animal-counter">
+    Animaux trouvés : <span id="foundCount">0</span> / 10
+  </div>
+  
+  <!-- Message popup -->
+  <div id="messageBox" class="message-box hidden">
+    <div class="message-content">
+      <p id="messageText"></p>
+      <div id="animalButtons" class="animal-buttons hidden">
+        <button onclick="selectAnimal('lion')">🦁 Lion</button>
+        <button onclick="selectAnimal('elephant')">🐘 Éléphant</button>
+        <button onclick="selectAnimal('paon')">🦚 Paon</button>
+        <button onclick="selectAnimal('koala')">🐨 Koala</button>
+        <button onclick="selectAnimal('belier')">🐏 Bélier</button>
+        <button onclick="selectAnimal('panda')">🐼 Panda</button>
+        <button onclick="selectAnimal('girafe')">🦒 Giraffe</button>
+        <button onclick="selectAnimal('bear')">🐻 Ours</button>
+        <button onclick="selectAnimal('pingouin')">🐧 Pingouin</button>
+        <button onclick="selectAnimal('singe')">🐒 Singe</button>
+        <!-- <button onclick="selectAnimal('licorne')"><3E> Licorne</button> -->
+      </div>
+      <button id="closeButton" onclick="closeMessage()" class="close-btn hidden">OK</button>
+    </div>
+  </div>
+
+  <script src="script.js"></script>
+</body>
+</html>