62 lines
2.4 KiB
HTML
62 lines
2.4 KiB
HTML
<!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>
|