Akamaru/PonyWave-Tools
1
0
Fork 0
Code Issues Activity

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

Browse Source
This commit is contained in:
Akamaru
2025-03-20 14:17:31 +01:00
parent 3906583891
commit 8cc7027882
2 changed files with 31 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
banana_run/icon.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB

70
banana_run/index.html
View File

@ -4,12 +4,14 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Banana Runner</title> <title>Banana Runner</title>
<link rel="icon" href="https://tools.ponywave.de/banana_run/icon.jpg">
<!-- Open Graph Tags --> <!-- Open Graph Tags -->
<meta property="og:title" content="Banana Runner - Das lustige Endlos-Runner Spiel"> <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: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:type" content="website">
<meta property="og:image" content="https://tools.ponywave.de/banana_run/icon.jpg">
<meta name="theme-color" content="#87CEEB"> <meta name="theme-color" content="#87CEEB">
<!-- Umami Stats --> <!-- Umami Stats -->
@ -296,47 +298,34 @@
} }
footer { footer {
position: fixed; margin-top: 2rem;
bottom: 0; padding: 1rem 0;
left: 0;
margin-top: 0;
padding: 15px;
text-align: center;
background-color: var(--bg-color);
color: var(--text-color); color: var(--text-color);
border-top: 2px solid var(--text-color); font-size: 0.9rem;
transition: background-color 0.3s, color 0.3s; text-align: center;
border-top: 1px solid #ddd;
width: 100%; width: 100%;
box-sizing: border-box;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
z-index: 100;
} }
footer a { footer a {
color: var(--text-color); color: var(--accent-color, #4CAF50);
text-decoration: none; text-decoration: none;
border-bottom: 1px dotted var(--text-color); transition: color 0.3s;
} }
footer a:hover { footer a:hover {
border-bottom-style: solid; text-decoration: underline;
} }
.footer-content { .heart {
max-width: 800px; color: #e74c3c;
margin: 0 auto; animation: heartbeat 1.5s infinite;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 10px;
} }
@media (max-width: 600px) { @keyframes heartbeat {
.footer-content { 0% { transform: scale(1); }
flex-direction: column; 50% { transform: scale(1.2); }
text-align: center; 100% { transform: scale(1); }
}
} }
</style> </style>
</head> </head>
@ -383,14 +372,6 @@
</ul> </ul>
</div> </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> <script>
const banana = document.getElementById('banana'); const banana = document.getElementById('banana');
const gameContainer = document.getElementById('game-container'); const gameContainer = document.getElementById('game-container');
@ -641,5 +622,16 @@
} }
}, { passive: false }); }, { passive: false });
</script> </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> </body>
</html> </html>