Update index.html

ChristianHohlfeld · web-flow · commit ff9405bca1ad · 2024-11-20T17:46:35.000+01:00
diff --git a/index.html b/index.html
@@ -102,14 +102,14 @@
       }
     }
     </script>
-
 </head>
 
 <body class="min-h-screen flex flex-col bg-base-100 text-base-content font-inter">
+
     <!-- Wrapper mit futuristischem Gradient -->
-    <div class="flex-grow bg-gradient-to-r from-pink-500 via-purple-600 to-pink-500">
+    <div class="flex-grow bg-gradient-to-r from-purple-800 via-purple-900 to-blue-800">
         <!-- Header als DaisyUI Navbar -->
-        <header class="navbar bg-transparent backdrop-blur-md shadow-md sticky top-0 z-50">
+        <header class="navbar bg-neutral text-neutral-content shadow-md sticky top-0 z-50">
             <div class="container mx-auto flex justify-between items-center">
                 <!-- Navbar start: Logo -->
                 <a href="/" class="btn btn-ghost normal-case text-xl font-bold">skillcoins.de</a>
@@ -142,11 +142,12 @@
                     <!-- Logout Button (nur sichtbar, wenn eingeloggt) -->
                     <button id="keycloak-logout" class="btn btn-secondary hidden">Logout</button>
                 </div>
+            </div>
         </header>
 
         <!-- Hero Section -->
         <main class="container mx-auto my-10">
-            <div class="hero bg-base-100 shadow-lg p-10 rounded-lg">
+            <div class="hero bg-neutral text-neutral-content shadow-lg p-10 rounded-lg">
                 <div class="hero-content text-center">
                     <div>
                         <h1 class="text-5xl font-bold">Willkommen bei SkillCoins</h1>
