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

2026-09-21 11:29:18 +02:00
commit c3a21369ef
50 changed files with 3346 additions and 0 deletions
@@ -0,0 +1,49 @@
+{% extends "base.html" %}
+
+{% block title %}✍️ Neue Zauberfrage einreichen{% endblock %}
+
+{% block content %}
+<div class="quiz-wrapper">
+    <div class="card vorschlag-card">
+        <h1 class="glow-title">✨ Neue Frage für das Quiz vorschlagen ✨</h1>
+        <p class="subtitle">Bereichere das magische Quiz mit kniffligen Harry-Potter- oder Escape-Rätseln!</p>
+
+        <div class="info-alert">
+            ℹ️ <strong>Hinweis zur Moderation:</strong> Eingereichte Fragen werden nicht sofort öffentlich sichtbar, sondern erhalten automatisch den Status <em>„Prüfung ausstehend“</em>. Unser Zaubereiministerium prüft und testet die Antwort, bevor die Frage freigeschaltet wird.
+        </div>
+
+        <form id="suggestionForm" class="magic-form" onsubmit="submitSuggestion(event)">
+            <div class="form-group">
+                <label for="name">Dein Name / Zauberer-Alias (optional):</label>
+                <input type="text" id="name" name="name" class="input-text" placeholder="z. B. Hermine Granger">
+            </div>
+
+            <div class="form-group">
+                <label for="frage">Deine Frage: <span class="required">*</span></label>
+                <textarea id="frage" name="frage" class="textarea" rows="3" placeholder="z. B. Wie heißt der Schulleiter von Hogwarts?" required></textarea>
+            </div>
+
+            <div class="form-group">
+                <label for="antwort">Richtige Antwort: <span class="required">*</span></label>
+                <input type="text" id="antwort" name="antwort" class="input-text" placeholder="z. B. Albus Dumbledore" required>
+                <small class="field-help">Unser System gleicht Tippfehler und Groß-/Kleinschreibung automatisch ab.</small>
+            </div>
+
+            <div class="form-group">
+                <label for="tipp">Tipp / Hinweis (optional):</label>
+                <input type="text" id="tipp" name="tipp" class="input-text" placeholder="z. B. Er trägt eine Halbmondbrille.">
+            </div>
+
+            <button type="submit" id="submitBtn" class="btn btn-primary btn-large">
+                📜 Vorschlag an das Ministerium senden
+            </button>
+        </form>
+
+        <div id="resultMessage" class="feedback-box hidden"></div>
+    </div>
+</div>
+{% endblock %}
+
+{% block scripts %}
+<script src="/static/js/vorschlag.js"></script>
+{% endblock %}