1
0

Pinkie Timer: Favicon & Footer hinzugefügt

This commit is contained in:
2025-03-21 12:59:10 +01:00
parent 0186551b20
commit bf66b0d8c7
2 changed files with 58 additions and 3 deletions

View File

@ -1,13 +1,16 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<html lang="de">
<head>
<title>Pinkie Timer</title>
<meta charset="UTF-8">
<title>Pinkie Timer | PonyWave Tools</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta property="og:title" content="Pinkie Timer">
<link rel="icon" href="https://tools.ponywave.de/pinkie_timer/pinkie.png">
<meta property="og:title" content="Pinkie Timer | PonyWave Tools">
<meta property="og:description" content="Ein Pinkie Pie Timer">
<meta property="og:type" content="website">
<meta property="og:url" content="https://tools.ponywave.de/pinkie_timer">
<meta property="og:image" content="https://tools.ponywave.de/pinkie_timer/pinkie.png">
<script defer src="https://stats.ponywave.de/script" data-website-id="9ef713d2-adb9-4906-9df5-708d8a8b9131" data-tag="pinkie_timer"></script>
<style>
body {
@ -18,6 +21,9 @@
align-items: center;
background-color: #fff5f8;
font-family: Arial, sans-serif;
padding-bottom: 70px;
box-sizing: border-box;
position: relative;
}
#container {
@ -32,6 +38,45 @@
padding: 0 15px;
max-width: 600px;
}
footer {
width: 100%;
background-color: rgba(233, 30, 99, 0.8);
color: white;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
font-family: Arial, sans-serif;
text-align: center;
padding: 12px 0;
margin: 0;
position: fixed;
bottom: 0;
left: 0;
right: 0;
box-sizing: border-box;
z-index: 10;
}
footer a {
color: #fff;
text-decoration: none;
font-weight: bold;
transition: color 0.3s;
}
footer a:hover {
color: #ffcfe5;
}
.heart {
color: #ff5c8d;
animation: heartbeat 1.5s infinite;
}
@keyframes heartbeat {
0% { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}
</style>
</head>
<body>
@ -43,6 +88,13 @@
3. Warte auf Pinkie Pies Überraschung, wenn die Zeit abgelaufen ist!</p>
</div>
<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>
window.RufflePlayer = window.RufflePlayer || {};
window.RufflePlayer.config = {
@ -60,6 +112,9 @@
const container = document.getElementById("container");
container.appendChild(player);
player.load("pinkie_timer.swf");
// Jahr für das Copyright aktualisieren
document.getElementById('current-year').textContent = new Date().getFullYear();
});
</script>
<script src="https://tools.ponywave.de/pinkie_timer/ruffle/ruffle.js"></script>

BIN
pinkie_timer/pinkie.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 242 KiB