Initial commit: Modernes Harry Potter Escape Quiz Portal (FastAPI & MariaDB)

legacy/index.html

@@ -0,0 +1,34 @@
+<!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>