Maxi
41 lines
1.5 KiB
HTML
Executable File
41 lines
1.5 KiB
HTML
Executable File
{% 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=5.0"></script>
|
|
{% endblock %}
|