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,40 @@
+{% extends "base.html" %}
+
+{% block title %}Alchemie-Schieberätsel · Hogwarts Escape{% endblock %}
+
+{% block content %}
+<div class="parchment-scroll">
+    <h1 class="parchment-title">🧩 Das Alchemie-Schieberätsel ⚗️</h1>
+    <p class="riddle-poem" style="font-size: 1.25rem; margin: 0.5rem 0;">
+        "Auf dem antiken Steinsockel ruht ein uralter Verschlussmechanismus.<br>
+        Acht alchemistische Essenzen sind durcheinandergeraten.<br>
+        Schiebe die Phiolen und Runen auf die freien Felder, bis alle Plätze von 1 bis 8 geordnet sind!"
+    </p>
+</div>
+
+<div class="dungeon-card" style="text-align: center;">
+    <div style="display: flex; justify-content: center; gap: 2rem; margin-bottom: 1rem; font-size: 1.2rem; color: var(--gold);">
+        <div>⏱️ Zeit: <strong id="slidingTimer">0s</strong></div>
+        <div>🔄 Züge: <strong id="slidingMoves">0</strong></div>
+    </div>
+
+    <div class="sliding-board-container">
+        <div id="slidingGrid" class="sliding-grid">
+            <!-- Tiles rendered via sliding.js -->
+        </div>
+    </div>
+
+    <div style="margin-top: 1.5rem; display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap;">
+        <button id="btnScramble" class="btn-control" style="font-size: 1rem; padding: 0.6rem 1.2rem;">
+            🎲 Neu mischen
+        </button>
+        <a href="/bottles" class="btn-magical">
+            🧪 Zu Snapes Flaschenrätsel
+        </a>
+    </div>
+</div>
+{% endblock %}
+
+{% block scripts %}
+<script src="/static/js/sliding.js?v=1.0"></script>
+{% endblock %}