Initial commit: Harry Potter Escape Adventure on bootle.dev.waiswuaschd.de

2026-09-22 16:26:48 +02:00
commit c5c0bad3e6
22 changed files with 2413 additions and 0 deletions
@@ -0,0 +1,48 @@
+{% extends "base.html" %}
+
+{% block title %}Kammer I: Der Flug der geflügelten Schlüssel · Hogwarts Escape{% endblock %}
+
+{% block content %}
+<div class="parchment-scroll">
+    <h1 class="parchment-title">🧹 Kammer I: Der Besenflug 🗝️</h1>
+    <p class="riddle-poem" style="font-size: 1.25rem; margin: 0.5rem 0;">
+        "Hunderte metallischer Flügel schwirren wie Vögel unter der Decke des Gewölbes.<br>
+        Die schwere Kerkertür am anderen Ende ist fest verschlossen.<br>
+        Nur ein einziger Schlüssel passt: Ein alter, großer Silberschlüssel mit geknicktem blauem Flügel!"
+    </p>
+</div>
+
+<div class="canvas-wrapper">
+    <div class="game-hud">
+        <div>⏱️ Zeit: <strong id="timerVal">0s</strong></div>
+        <div>✨ Punkte: <strong id="scoreVal">0</strong></div>
+        <div>🎯 Mission: <span id="missionText">Fange den Schlüssel mit geknicktem Flügel!</span></div>
+    </div>
+
+    <canvas id="broomCanvas"></canvas>
+</div>
+
+<!-- Mobile Touch Controls -->
+<div class="mobile-controls">
+    <button id="mBtnUp" class="btn-control" style="font-size: 1.2rem; padding: 0.8rem 1.4rem;">▲ Hoch</button>
+    <button id="mBtnBoost" class="btn-control" style="font-size: 1.2rem; padding: 0.8rem 1.4rem; background: var(--gold); color: #000;">⚡ Turbo</button>
+    <button id="mBtnDown" class="btn-control" style="font-size: 1.2rem; padding: 0.8rem 1.4rem;">▼ Runter</button>
+</div>
+
+<div class="dungeon-card" style="margin-top: 1.5rem;">
+    <p id="statusMsg" style="text-align: center; font-size: 1.15rem; color: var(--gold); margin-bottom: 0.8rem;">
+        🎮 <strong>Steuerung:</strong> Pfeiltasten / WASD / Mausbewegung zum Fliegen · <strong>Leertaste / Klick</strong> für Besen-Turbo!
+    </p>
+    <p style="text-align: center; color: var(--text-dim); font-size: 0.95rem;">
+        Fliege durch den Raum, jage den ausweichenden Silberschlüssel mit dem verletzten Flügel und fliege nach dem Fang zur Tür ganz rechts!
+    </p>
+</div>
+
+<div style="text-align: center; margin-top: 1rem;">
+    <a href="/bottles" class="nav-link" style="color: var(--text-dim);">Direkt weiter zu Snapes Flaschenkammer 🧪 ➔</a>
+</div>
+{% endblock %}
+
+{% block scripts %}
+<script src="/static/js/broom.js?v=1.0"></script>
+{% endblock %}