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

Breakout: Favicon & Footer hinzugefügt

Browse Source
This commit is contained in:
Akamaru
2025-03-20 14:32:40 +01:00
parent 00f4522359
commit f276340cc0
2 changed files with 16 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
breakout/icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.3 KiB

19
breakout/index.html
View File

@ -3,11 +3,13 @@
<head> <head>
<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>Breakout</title> <title>Breakout | PonyWave Tools</title>
<meta property="og:title" content="Breakout"> <link rel="icon" href="https://tools.ponywave.de/breakout/icon.png">
<meta property="og:title" content="Breakout | PonyWave Tools">
<meta property="og:description" content="Ein klassisches Breakout-Spiel in HTML"> <meta property="og:description" content="Ein klassisches Breakout-Spiel in HTML">
<meta property="og:type" content="game"> <meta property="og:type" content="game">
<meta property="og:url" content="https://tools.ponywave.de/breakout"> <meta property="og:url" content="https://tools.ponywave.de/breakout">
<meta property="og:image" content="https://tools.ponywave.de/breakout/icon.png">
<!-- Umami Tracking --> <!-- Umami Tracking -->
<script defer src="https://stats.ponywave.de/script" data-website-id="9ef713d2-adb9-4906-9df5-708d8a8b9131" data-tag="breakout"></script> <script defer src="https://stats.ponywave.de/script" data-website-id="9ef713d2-adb9-4906-9df5-708d8a8b9131" data-tag="breakout"></script>
@ -242,6 +244,17 @@
footer a:hover { footer a:hover {
text-decoration: underline; text-decoration: underline;
} }
.heart {
color: #ff5e78;
animation: heartbeat 1.5s infinite;
}
@keyframes heartbeat {
0% { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}
@media (max-width: 600px) { @media (max-width: 600px) {
.controls { .controls {
@ -345,7 +358,7 @@
</div> </div>
<footer> <footer>
<a href="/">Zurück zur Startseite</a> | © <span id="currentYear"></span> Akamaru <a href="/">Zurück zur Startseite</a> | © <span id="currentYear"></span> Akamaru | Made with <span class="heart">❤️</span> by Claude
</footer> </footer>
<script> <script>