Maxi
64 lines
2.7 KiB
HTML
Executable File
64 lines
2.7 KiB
HTML
Executable File
{% 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>🎯 Ziel: <span id="missionText">Schlüssel fangen!</span></div>
|
|
</div>
|
|
|
|
<canvas id="broomCanvas"></canvas>
|
|
</div>
|
|
|
|
<!-- Mobile Flight Cockpit & D-Pad -->
|
|
<div class="mobile-flight-cockpit">
|
|
<div class="dpad-box">
|
|
<button type="button" id="mBtnUp" class="dpad-btn dpad-up" aria-label="Hoch">▲</button>
|
|
<div class="dpad-middle">
|
|
<button type="button" id="mBtnLeft" class="dpad-btn dpad-left" aria-label="Links">◀</button>
|
|
<div class="dpad-core">✨</div>
|
|
<button type="button" id="mBtnRight" class="dpad-btn dpad-right" aria-label="Rechts">▶</button>
|
|
</div>
|
|
<button type="button" id="mBtnDown" class="dpad-btn dpad-down" aria-label="Runter">▼</button>
|
|
</div>
|
|
|
|
<div class="mobile-flight-actions">
|
|
<button type="button" id="mBtnBoost" class="dpad-boost-btn">
|
|
⚡ TURBO
|
|
</button>
|
|
<div class="touch-hint">
|
|
💡 <em>Tipp: Du kannst auch direkt mit dem Finger über das Spielfeld wischen!</em>
|
|
</div>
|
|
</div>
|
|
</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 / Touch-Wischen zum Fliegen · <strong>Leertaste / Turbo</strong> für Besen-Beschleunigung!
|
|
</p>
|
|
<p style="text-align: center; color: var(--text-dim); font-size: 0.95rem;">
|
|
Fange den großen Silberschlüssel mit dem geknickten Flügel und fliege zur schweren Holztür ganz rechts!
|
|
</p>
|
|
</div>
|
|
|
|
<div style="text-align: center; margin-top: 1rem;">
|
|
<a href="/chess" class="nav-link" style="color: var(--text-dim);">Direkt weiter zu McGonagalls Zauberschach ♟️ ➔</a>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block scripts %}
|
|
<script src="/static/js/broom.js?v=2.0"></script>
|
|
{% endblock %}
|