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

This commit is contained in:
kobold-ai
2026-09-21 11:29:18 +02:00
commit c3a21369ef
50 changed files with 3346 additions and 0 deletions
+20
View File
@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>400 – Verirrter Zauber</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body { background:#0b0b15;color:#f5f5f5;font-family:Georgia,serif;text-align:center;padding:20px; }
.box { border:2px solid #c9a86a;padding:20px;margin:20px auto;width:90%;max-width:600px;background:rgba(255,255,255,0.05);border-radius:10px; }
a { color:#c9a86a;text-decoration:none;font-weight:bold; }
</style>
</head>
<body>
<div class="box">
<h1>400 – Verirrter Zauber</h1>
<p>Der letzte Zauberspruch war etwas durcheinander geraten.</p>
<p><a href="index.html">Zurück zum magischen Quiz</a></p>
</div>
</body>
</html>
+20
View File
@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>401 – Zutritt nur für Zauberer</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body { background:#0b0b15;color:#f5f5f5;font-family:Georgia,serif;text-align:center;padding:20px; }
.box { border:2px solid #c9a86a;padding:20px;margin:20px auto;width:90%;max-width:600px;background:rgba(255,255,255,0.05);border-radius:10px; }
a { color:#c9a86a;text-decoration:none;font-weight:bold; }
</style>
</head>
<body>
<div class="box">
<h1>401 – Zutritt nur für Zauberer</h1>
<p>Für diesen Bereich brauchst du noch eine magische Legitimation.</p>
<p><a href="index.html">Zurück zum magischen Quiz</a></p>
</div>
</body>
</html>
+20
View File
@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>403 – Verbotener Bereich</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body { background:#0b0b15;color:#f5f5f5;font-family:Georgia,serif;text-align:center;padding:20px; }
.box { border:2px solid #c9a86a;padding:20px;margin:20px auto;width:90%;max-width:600px;background:rgba(255,255,255,0.05);border-radius:10px; }
a { color:#c9a86a;text-decoration:none;font-weight:bold; }
</style>
</head>
<body>
<div class="box">
<h1>403 – Verbotener Bereich</h1>
<p>Dieser Teil der Zauberwelt ist streng geschützt.</p>
<p><a href="index.html">Zurück zum magischen Quiz</a></p>
</div>
</body>
</html>
+20
View File
@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>404 – Karte des Rumtreibers leer</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body { background:#0b0b15;color:#f5f5f5;font-family:Georgia,serif;text-align:center;padding:20px; }
.box { border:2px solid #c9a86a;padding:20px;margin:20px auto;width:90%;max-width:600px;background:rgba(255,255,255,0.05);border-radius:10px; }
a { color:#c9a86a;text-decoration:none;font-weight:bold; }
</style>
</head>
<body>
<div class="box">
<h1>404 – Seite nicht gefunden</h1>
<p>Die Karte des Rumtreibers zeigt hier nichts an.</p>
<p><a href="index.html">Zurück zum magischen Quiz</a></p>
</div>
</body>
</html>
+20
View File
@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>405 – Unzulässiger Zauber</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body { background:#0b0b15;color:#f5f5f5;font-family:Georgia,serif;text-align:center;padding:20px; }
.box { border:2px solid #c9a86a;padding:20px;margin:20px auto;width:90%;max-width:600px;background:rgba(255,255,255,0.05);border-radius:10px; }
a { color:#c9a86a;text-decoration:none;font-weight:bold; }
</style>
</head>
<body>
<div class="box">
<h1>405 – Unzulässiger Zauber</h1>
<p>Diese Art von Zauberspruch ist hier nicht erlaubt.</p>
<p><a href="index.html">Zurück zum magischen Quiz</a></p>
</div>
</body>
</html>
+20
View File
@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>500 – Explosion im Zaubertrank-Labor</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body { background:#0b0b15;color:#f5f5f5;font-family:Georgia,serif;text-align:center;padding:20px; }
.box { border:2px solid #c9a86a;padding:20px;margin:20px auto;width:90%;max-width:600px;background:rgba(255,255,255,0.05);border-radius:10px; }
a { color:#c9a86a;text-decoration:none;font-weight:bold; }
</style>
</head>
<body>
<div class="box">
<h1>500 – Explosion im Zaubertrank-Labor</h1>
<p>Irgendetwas ist gründlich schiefgegangen. Die Hauselfen räumen schon auf.</p>
<p><a href="index.html">Zurück zum magischen Quiz</a></p>
</div>
</body>
</html>
+20
View File
@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>502 – Fehlgeleiteter Eulenflug</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body { background:#0b0b15;color:#f5f5f5;font-family:Georgia,serif;text-align:center;padding:20px; }
.box { border:2px solid #c9a86a;padding:20px;margin:20px auto;width:90%;max-width:600px;background:rgba(255,255,255,0.05);border-radius:10px; }
a { color:#c9a86a;text-decoration:none;font-weight:bold; }
</style>
</head>
<body>
<div class="box">
<h1>502 – Fehlgeleiteter Eulenflug</h1>
<p>Die Nachricht hat das Ziel nicht richtig erreicht.</p>
<p><a href="index.html">Zurück zum magischen Quiz</a></p>
</div>
</body>
</html>
+20
View File
@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>503 – Zaubereiministerium beschäftigt</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body { background:#0b0b15;color:#f5f5f5;font-family:Georgia,serif;text-align:center;padding:20px; }
.box { border:2px solid #c9a86a;padding:20px;margin:20px auto;width:90%;max-width:600px;background:rgba(255,255,255,0.05);border-radius:10px; }
a { color:#c9a86a;text-decoration:none;font-weight:bold; }
</style>
</head>
<body>
<div class="box">
<h1>503 – Zaubereiministerium beschäftigt</h1>
<p>Die magischen Dienste sind gerade ausgelastet. Versuche es später erneut.</p>
<p><a href="index.html">Zurück zum magischen Quiz</a></p>
</div>
</body>
</html>