neu

index.html

@@ -25,7 +25,7 @@
             position: fixed;
             top: 0;
             left: 0;
-            background-color: rgba(173, 216, 230, 0.5); /* Halbtransparenter bläulicher Hintergrund */
+            background-color: rgba(173, 216, 230, 0.8); /* Halbtransparenter bläulicher Hintergrund */
             z-index: 9999; /* Sicherstellen, dass die Ladeanimation immer im Vordergrund ist */
         }
 
@@ -95,3 +95,19 @@
     
     <!-- Button hinzufügen -->
     <button class="button" onclick="window.location.href='/programmieren/spiele/'">
+        <div class="button-inner">
+            <span class="button-text">Games</span>
+        </div>
+    </button>
+
+    <script>
+        // Ladeanimation beim Laden der Seite anzeigen
+        document.body.classList.add('loading');
+
+        // Ladeanimation entfernen, wenn die Seite vollständig geladen ist
+        window.addEventListener('load', () => {
+            document.body.classList.remove('loading');
+        });
+    </script>
+</body>
+</html>