modified: templates/login.html

modified: templates/playlists.html modified: templates/quiz.html
2025-05-17 09:09:27 +02:00
parent f0e176a026
commit 0c2a39584b
3 changed files with 111 additions and 10 deletions
--- a/templates/login.html
+++ b/templates/login.html
@@ -1,8 +1,52 @@
 <!DOCTYPE html>
 <html>
-<head><title>Login mit Spotify</title></head>
+<head>
+  <title>Login mit Spotify</title>
+  <style>
+    body {
+      background: linear-gradient(135deg, #1DB954 0%, #191414 100%);
+      color: #fff;
+      font-family: Arial, sans-serif;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      height: 100vh;
+      margin: 0;
+    }
+    .login-container {
+      background: rgba(25, 20, 20, 0.85);
+      padding: 40px 50px;
+      border-radius: 20px;
+      box-shadow: 0 8px 32px 0 rgba(0,0,0,0.37);
+      text-align: center;
+    }
+    h1 {
+      margin-bottom: 30px;
+      font-size: 2.5em;
+      letter-spacing: 2px;
+    }
+    a.button {
+      display: inline-block;
+      padding: 15px 35px;
+      background-color: #1DB954;
+      color: #fff;
+      font-weight: bold;
+      text-decoration: none;
+      border-radius: 50px;
+      font-size: 1.2em;
+      transition: background 0.2s;
+      margin-top: 20px;
+    }
+    a.button:hover {
+      background-color: #1ed760;
+    }
+  </style>
+</head>
 <body>
-  <h1>Musik Quiz</h1>
-  <a href="/login">Mit Spotify einloggen</a>
+  <div class="login-container">
+    <h1>Quizify Musik Quiz</h1>
+    <a href="/login" class="button">Mit Spotify einloggen</a>
+  </div>
 </body>
 </html>