Akamaru/PonyWave-Tools
1
0
Fork 0
Code Issues

Besseres Layout für Pinkie Timer

Browse Source
This commit is contained in:
Akamaru 2025-03-02 16:06:56 +01:00
parent 0b62455b1d
commit 307a272664
1 changed files with 60 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

89
pinkie_timer/index.html
View File

@ -1,32 +1,63 @@
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Pinkie Timer</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script defer src="https://stats.ponywave.de/script" data-website-id="9ef713d2-adb9-4906-9df5-708d8a8b9131" data-tag="pinkie_timer"></script>
</head>
<body>
<div id="container">
</div>
<!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" />
<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>
window.RufflePlayer = window.RufflePlayer || {};
window.RufflePlayer.config = {
"autoplay": "on",
"backgroundColor": "#FFFFFF",
"unmuteOverlay": "hidden",
"warnOnUnsupportedContent": false,
"showSwfDownload": true,
"preloader": false
};
</body>
</html>
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>