122 lines
4.0 KiB
HTML
122 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<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" />
|
|
<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 {
|
|
margin: 0;
|
|
min-height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
background-color: #fff5f8;
|
|
font-family: Arial, sans-serif;
|
|
padding-bottom: 70px;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
}
|
|
|
|
#container {
|
|
margin: 2rem 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.anleitung {
|
|
color: #e91e63;
|
|
text-align: center;
|
|
margin: 20px 0;
|
|
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>
|
|
<div id="container"></div>
|
|
<div class="anleitung">
|
|
<h2>So verwendest du den Pinkie Timer</h2>
|
|
<p>1. Stelle die gewünschte Zeit mit den Timer-Reglern ein<br />
|
|
2. Klicke auf PLAY, um den Countdown zu starten<br />
|
|
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> |
|
|
© <span id="current-year"></span> Akamaru | Made with <span class="heart">❤️</span> by DeepSeek
|
|
</p>
|
|
</footer>
|
|
|
|
<script>
|
|
window.RufflePlayer = window.RufflePlayer || {};
|
|
window.RufflePlayer.config = {
|
|
"autoplay": "on",
|
|
"backgroundColor": "#FFFFFF",
|
|
"unmuteOverlay": "hidden",
|
|
"warnOnUnsupportedContent": false,
|
|
"showSwfDownload": true,
|
|
"preloader": false
|
|
};
|
|
|
|
window.addEventListener("load", (event) => {
|
|
const ruffle = window.RufflePlayer.newest();
|
|
const player = ruffle.createPlayer();
|
|
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>
|
|
</body>
|
|
</html> |