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

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
Download Patch File Download Diff File Expand all files Collapse all files

49
pinkie_timer/index.html
View File

@ -1,11 +1,42 @@
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <!DOCTYPE html>
<head> <html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
<title>Pinkie Timer</title> <title>Pinkie Timer</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <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> <script defer src="https://stats.ponywave.de/script" data-website-id="9ef713d2-adb9-4906-9df5-708d8a8b9131" data-tag="pinkie_timer"></script>
</head> <style>
<body> body {
<div id="container"> 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<65>nschte Zeit mit den Timer-Reglern ein<br />
2. Klicke auf PLAY, um den Countdown zu starten<br />
3. Warte auf Pinkie Pies <20>berraschung, wenn die Zeit abgelaufen ist!</p>
</div> </div>
<script> <script>
@ -16,8 +47,9 @@
"unmuteOverlay": "hidden", "unmuteOverlay": "hidden",
"warnOnUnsupportedContent": false, "warnOnUnsupportedContent": false,
"showSwfDownload": true, "showSwfDownload": true,
"preloader": false, "preloader": false
}; };
window.addEventListener("load", (event) => { window.addEventListener("load", (event) => {
const ruffle = window.RufflePlayer.newest(); const ruffle = window.RufflePlayer.newest();
const player = ruffle.createPlayer(); const player = ruffle.createPlayer();
@ -26,7 +58,6 @@
player.load("pinkie_timer.swf"); player.load("pinkie_timer.swf");
}); });
</script> </script>
<script src="https://unpkg.com/@ruffle-rs/ruffle"></script> <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
</body>
</body>
</html> </html>