Banana Runner: Favicon hinzugefügt & Footer geändert

banana_run/index.html

@@ -4,12 +4,14 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Banana Runner</title>
+    <link rel="icon" href="https://tools.ponywave.de/banana_run/icon.jpg">
 
     <!-- Open Graph Tags -->
     <meta property="og:title" content="Banana Runner - Das lustige Endlos-Runner Spiel">
     <meta property="og:description" content="Hilf der Banane über Hindernisse zu springen und erreiche einen neuen Highscore!">
-    <meta property="og:url" content="https://tools.ponywave.de/banana-runner">
+    <meta property="og:url" content="https://tools.ponywave.de/banana_run">
     <meta property="og:type" content="website">
+    <meta property="og:image" content="https://tools.ponywave.de/banana_run/icon.jpg">
     <meta name="theme-color" content="#87CEEB">
 
     <!-- Umami Stats -->
@@ -296,47 +298,34 @@
         }
 
         footer {
-            position: fixed;
-            bottom: 0;
-            left: 0;
-            margin-top: 0;
-            padding: 15px;
-            text-align: center;
-            background-color: var(--bg-color);
+            margin-top: 2rem;
+            padding: 1rem 0;
             color: var(--text-color);
-            border-top: 2px solid var(--text-color);
-            transition: background-color 0.3s, color 0.3s;
+            font-size: 0.9rem;
+            text-align: center;
+            border-top: 1px solid #ddd;
             width: 100%;
-            box-sizing: border-box;
-            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
-            z-index: 100;
         }
 
         footer a {
-            color: var(--text-color);
+            color: var(--accent-color, #4CAF50);
             text-decoration: none;
-            border-bottom: 1px dotted var(--text-color);
+            transition: color 0.3s;
         }
 
         footer a:hover {
-            border-bottom-style: solid;
+            text-decoration: underline;
         }
-
-        .footer-content {
-            max-width: 800px;
-            margin: 0 auto;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            flex-wrap: wrap;
-            gap: 10px;
+        
+        .heart {
+            color: #e74c3c;
+            animation: heartbeat 1.5s infinite;
         }
-
-        @media (max-width: 600px) {
-            .footer-content {
-                flex-direction: column;
-                text-align: center;
-            }
+        
+        @keyframes heartbeat {
+            0% { transform: scale(1); }
+            50% { transform: scale(1.2); }
+            100% { transform: scale(1); }
         }
     </style>
 </head>
@@ -383,14 +372,6 @@
         </ul>
     </div>
 
-    <footer>
-        <div class="footer-content">
-            <div>Created by Akamaru</div>
-            <div>Powered by Claude AI 🤖</div>
-            <div><a href="https://tools.ponywave.de">Mehr Tools & Spiele</a> 🛠️</div>
-        </div>
-    </footer>
-
     <script>
         const banana = document.getElementById('banana');
         const gameContainer = document.getElementById('game-container');
@@ -641,5 +622,16 @@
             }
         }, { passive: false });
     </script>
+    
+    <footer>
+        <p>
+            <a href="https://tools.ponywave.de/">Zurück zur Startseite</a> | 
+            &copy; <span id="current-year"></span> Akamaru | Made with <span class="heart">❤️</span> by Claude
+        </p>
+    </footer>
+
+    <script>
+        document.getElementById('current-year').textContent = new Date().getFullYear();
+    </script>
 </body>
 </html>