67 lines
2.3 KiB
HTML
67 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
|
|
<head>
|
|
<title>Pinkie Timer</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">
|
|
<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">
|
|
<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;
|
|
}
|
|
|
|
#container {
|
|
margin: 2rem 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.anleitung {
|
|
color: #e91e63;
|
|
text-align: center;
|
|
margin: 20px 0;
|
|
padding: 0 15px;
|
|
max-width: 600px;
|
|
}
|
|
</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>
|
|
|
|
<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");
|
|
});
|
|
</script>
|
|
<script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
|
|
</body>
|
|
</html> |