modified: app.py

modified: locales/de-DE.json modified: locales/en-EN.json new file: templates/gamemodes.html modified: templates/playlists.html
2025-06-04 16:14:41 +02:00
parent 3f689e6148
commit 2b37032048
5 changed files with 87 additions and 3 deletions
--- a/templates/gamemodes.html
+++ b/templates/gamemodes.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>{{ translations['quiz_title'] }} – Game Modes</title>
+  <style>
+    body {
+      background: linear-gradient(135deg, #191414 0%, #1DB954 100%);
+      color: #fff;
+      font-family: Arial, sans-serif;
+      min-height: 100vh;
+      margin: 0;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+    }
+    .gamemode-container {
+      background: rgba(25, 20, 20, 0.92);
+      padding: 40px 50px;
+      border-radius: 22px;
+      box-shadow: 0 8px 32px 0 rgba(0,0,0,0.37);
+      min-width: 350px;
+      text-align: center;
+    }
+    .gamemode-btn {
+      display: block;
+      width: 100%;
+      padding: 18px 0;
+      margin: 18px 0;
+      font-size: 1.2em;
+      font-weight: bold;
+      border-radius: 30px;
+      border: none;
+      background: #1DB954;
+      color: #fff;
+      cursor: pointer;
+      transition: background 0.2s, transform 0.2s;
+      text-align: center;
+      letter-spacing: 1px;
+    }
+    .gamemode-btn:hover {
+      background: #1ed760;
+      transform: scale(1.04);
+    }
+    .gamemode-btn.disabled, .gamemode-btn[disabled] {
+      background: #535353;
+      color: #bbb;
+      cursor: not-allowed;
+      opacity: 0.7;
+      pointer-events: none;
+      border: 1px solid #888;
+    }
+    .gamemode-desc {
+      font-size: 0.95em;
+      color: #bdbdbd;
+      margin-bottom: 10px;
+    }
+  </style>
+</head>
+<body>
+  <div class="gamemode-container">
+    <h2>{{ translations['quiz_title'] }} – Game Modes</h2>
+    <form method="get" action="{{ url_for('quiz', playlist_id=playlist_id) }}">
+      <button class="gamemode-btn" type="submit">{{ translations['quiz_mode'] if translations['quiz_mode'] else 'Quiz Mode' }}</button>
+      <div class="gamemode-desc">{{ translations['quiz_mode_desc'] if translations['quiz_mode_desc'] else 'Classic music quiz.' }}</div>
+    </form>
+    <button class="gamemode-btn disabled" disabled>Battle Mode</button>
+    <div class="gamemode-desc">Coming soon!</div>
+    <button class="gamemode-btn disabled" disabled>Party Mode</button>
+    <div class="gamemode-desc">Coming soon!</div>
+    <div style="margin-top:30px;">
+      <a href="{{ url_for('playlists') }}" style="color:#1DB954;">&larr; {{ translations['choose_playlist'] }}</a>
+    </div>
+  </div>
+</body>
+</html>