feat: Add lore pack, UI adjustments, requirements.txt and INSTALL.md

app/static/js/vorschlag.js

@@ -1,18 +1,20 @@
 const SUGGESTION_TEXT = {
     de: {
-        title: "✨ Neue Frage für das Quiz vorschlagen ✨",
-        subtitle: "Bereichere das magische Quiz mit kniffligen Harry-Potter- oder Escape-Rätseln!",
-        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.",
-        nameLabel: "Dein Name / Zauberer-Alias (optional):",
+        title: "✍️ Neue Quiz-Frage einreichen",
+        subtitle: "Bereichere PotterTrivia mit deinen eigenen Fragen zu Büchern, Filmen oder magischen Geschöpfen!",
+        alert: "ℹ️ <strong>Hinweis zur Moderation:</strong> Eingereichte Fragen werden kurz auf Richtigkeit geprüft, bevor sie im öffentlichen Quiz-Pool freigeschaltet werden.",
+        nameLabel: "Dein Name / Alias (optional):",
         namePlaceholder: "z. B. Hermine Granger",
         catLabel: "Kategorie / Themenbereich:",
-        catHogwarts: "🏰 Hogwarts & Schulgelände",
-        catCharacters: "🧙 Charaktere & Personen",
-        catSpells: "⚡ Zaubersprüche & Magie",
-        catCreatures: "🐉 Magische Tierwesen",
+        catBooks: "📖 Buchwissen (Buch-Details)",
+        catMovies: "🎬 Filmwissen (Kino & Drehorte)",
+        catHogwarts: "🏰 Hogwarts & Orte",
+        catCharacters: "🧙‍♂️ Charaktere & Personen",
+        catSpells: "🪄 Zaubersprüche & Tränke",
+        catCreatures: "🐉 Magische Geschöpfe",
         catQuidditch: "🧹 Quidditch & Sport",
         catLore: "🔮 Artefakte & Geschichte",
-        catGeneral: "📜 Allgemeines Zauberwissen",
+        catGeneral: "⚡ Allgemeines Wissen",
         frageLabel: "Deine Frage: *",
         fragePlaceholder: "z. B. Wie heißt der Schulleiter von Hogwarts?",
         diffLabel: "Schwierigkeitsgrad:",
@@ -36,19 +38,21 @@ const SUGGESTION_TEXT = {
         successHeader: "✨ Vorschlag erfolgreich übermittelt! ✨"
     },
     en: {
-        title: "✨ Suggest a New Quiz Question ✨",
-        subtitle: "Enrich the magical quiz with tricky Harry Potter or escape puzzles!",
-        alert: "ℹ️ <strong>Moderation Note:</strong> Submitted questions are not immediately public; they automatically receive the status <em>'Pending Review'</em>. The Ministry of Magic tests and verifies the answer before approval.",
-        nameLabel: "Your Name / Wizard Alias (optional):",
+        title: "✍️ Submit a New Quiz Question",
+        subtitle: "Enrich PotterTrivia with your own questions about the books, movies, or magical creatures!",
+        alert: "ℹ️ <strong>Moderation Note:</strong> Submitted questions are briefly reviewed for accuracy before going live in the public quiz pool.",
+        nameLabel: "Your Name / Alias (optional):",
         namePlaceholder: "e.g. Hermione Granger",
         catLabel: "Category / Topic Area:",
-        catHogwarts: "🏰 Hogwarts & School Grounds",
-        catCharacters: "🧙 Characters & People",
-        catSpells: "⚡ Spells & Magic",
+        catBooks: "📖 Book Lore (Book Details)",
+        catMovies: "🎬 Movie Trivia (Cinema & Filming)",
+        catHogwarts: "🏰 Hogwarts & Places",
+        catCharacters: "🧙‍♂️ Characters & People",
+        catSpells: "🪄 Spells & Potions",
         catCreatures: "🐉 Magical Creatures",
         catQuidditch: "🧹 Quidditch & Sport",
         catLore: "🔮 Artifacts & Lore",
-        catGeneral: "📜 General Wizarding Lore",
+        catGeneral: "⚡ General Knowledge",
         frageLabel: "Your Question: *",
         fragePlaceholder: "e.g. Who is the Headmaster of Hogwarts?",
         diffLabel: "Difficulty Level:",
@@ -92,6 +96,8 @@ function onLanguageChange(lang) {
     const submitBtn = document.getElementById("submitBtn");
 
     const catLabel = document.getElementById("suggCatLabel");
+    const catBooks = document.getElementById("catBooks");
+    const catMovies = document.getElementById("catMovies");
     const catHogwarts = document.getElementById("catHogwarts");
     const catCharacters = document.getElementById("catCharacters");
     const catSpells = document.getElementById("catSpells");
@@ -106,6 +112,8 @@ function onLanguageChange(lang) {
     if (nameLabel) nameLabel.innerText = t.nameLabel;
     if (nameInput) nameInput.placeholder = t.namePlaceholder;
     if (catLabel) catLabel.innerText = t.catLabel;
+    if (catBooks) catBooks.innerText = t.catBooks;
+    if (catMovies) catMovies.innerText = t.catMovies;
     if (catHogwarts) catHogwarts.innerText = t.catHogwarts;
     if (catCharacters) catCharacters.innerText = t.catCharacters;
     if (catSpells) catSpells.innerText = t.catSpells;