Index: Füge Header-Bild hinzu

2025-03-03 01:09:17 +01:00 · 2025-03-03 01:09:17 +01:00 · 2ae0d41e1d
commit 2ae0d41e1d
parent 70319d5859
2 changed files with 13 additions and 4 deletions
--- a/header.png
+++ b/header.png
--- a/index.html
+++ b/index.html
@ -66,10 +66,18 @@
            transform: scale(1.1);
        }

-        h1 {
+        .header-image-container {
            text-align: center;
            margin: 40px 0;
-            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
+        }
+        
+        .header-image {
+            max-width: 1000px;
+            width: 100%;
+            height: auto;
+            display: block;
+            margin: 0 auto;
+            filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.1));
        }

        .tools-grid {
@ -141,10 +149,11 @@
    </style>
 </head>
 <body>
-    <!-- Hinzugefügter Theme-Toggle-Button -->
    <button class="theme-toggle" onclick="toggleTheme()">🌙</button>
    
-    <h1>PonyWave Tools</h1>
+    <div class="header-image-container">
+        <img src="header.png" alt="PonyWave Tools" class="header-image">
+    </div>
    
    <div class="tools-grid">
        <a href="https://tools.ponywave.de/bohne" class="tool-bubble">