kobold-ai
35 lines
866 B
HTML
35 lines
866 B
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Magisches Harry-Potter-Escape-Quiz</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
</head>
|
|
<body>
|
|
|
|
<audio id="bgm" src="music.mp3" loop></audio>
|
|
|
|
<h1>✨ Magisches Spatzi-Quiz ✨</h1>
|
|
|
|
<div class="progress-container">
|
|
<div id="progressBar" class="progress-bar"></div>
|
|
</div>
|
|
<div id="progressLabel">Hauspunkte: 0</div>
|
|
|
|
<div id="intro" class="box">
|
|
<div class="intro-envelope" id="envelope">
|
|
<div class="envelope-body">
|
|
<div class="envelope-flap"></div>
|
|
</div>
|
|
</div>
|
|
<p>Ein verzauberter Briefumschlag ist vor dir erschienen.</p>
|
|
<button onclick="startGame()">Brief öffnen</button>
|
|
</div>
|
|
|
|
<div id="questions"></div>
|
|
|
|
<script src="js/index.js"></script>
|
|
</body>
|
|
</html>
|