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

Flash Downloader: Favicon & Footer hinzugefügt

Browse Source
This commit is contained in:
Akamaru
2025-03-21 12:57:00 +01:00
parent 43c7ebbb2e
commit 0660003362
2 changed files with 63 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
flash_dl/icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 53 KiB

65
flash_dl/index.html
View File

@ -3,11 +3,13 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Flash Downloader</title> <title>Flash Downloader | PonyWave Tools</title>
<meta property="og:title" content="Flash Downloader"> <link rel="icon" href="https://tools.ponywave.de/flash_dl/icon.png">
<meta property="og:title" content="Flash Downloader | PonyWave Tools">
<meta property="og:description" content="Downloade Flash-Dateien von Z0R und FUS RO GA"> <meta property="og:description" content="Downloade Flash-Dateien von Z0R und FUS RO GA">
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://tools.ponywave.de/flash_dl"> <meta property="og:url" content="https://tools.ponywave.de/flash_dl">
<meta property="og:image" content="https://tools.ponywave.de/flash_dl/icon.png">
<script defer src="https://stats.ponywave.de/script" data-website-id="9ef713d2-adb9-4906-9df5-708d8a8b9131" data-tag="flash_dl"></script> <script defer src="https://stats.ponywave.de/script" data-website-id="9ef713d2-adb9-4906-9df5-708d8a8b9131" data-tag="flash_dl"></script>
<style> <style>
:root { :root {
@ -19,6 +21,10 @@
--input-border: #ddd; --input-border: #ddd;
--info-bg: #f8f9fa; --info-bg: #f8f9fa;
--info-color: #666; --info-color: #666;
--footer-bg: rgba(255, 255, 255, 0.9);
--footer-border: #ddd;
--link-color: #7F006E;
--link-hover: #FF7FED;
} }
.dark-mode { .dark-mode {
@ -28,6 +34,10 @@
--input-border: #444; --input-border: #444;
--info-bg: #333; --info-bg: #333;
--info-color: #ddd; --info-color: #ddd;
--footer-bg: rgba(45, 45, 45, 0.9);
--footer-border: #444;
--link-color: #FF7FED;
--link-hover: #FF9FF5;
} }
body { body {
@ -40,6 +50,8 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
color: var(--text-color); color: var(--text-color);
padding-bottom: 60px;
position: relative;
} }
main { main {
@ -49,6 +61,8 @@
background: var(--main-bg); background: var(--main-bg);
border-radius: 10px; border-radius: 10px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1); box-shadow: 0 4px 6px rgba(0,0,0,0.1);
margin-top: 2rem;
margin-bottom: 2rem;
} }
.theme-toggle { .theme-toggle {
@ -137,6 +151,43 @@
.info a:hover { .info a:hover {
text-decoration: underline; text-decoration: underline;
} }
footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 1rem 0;
color: var(--text-color);
font-size: 0.9rem;
text-align: center;
border-top: 1px solid var(--footer-border);
background-color: var(--footer-bg);
z-index: 100;
user-select: none;
}
footer a {
color: var(--link-color);
text-decoration: none;
transition: color 0.3s;
}
footer a:hover {
color: var(--link-hover);
text-decoration: underline;
}
.heart {
color: #e74c3c;
animation: heartbeat 1.5s infinite;
}
@keyframes heartbeat {
0% { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}
</style> </style>
</head> </head>
<body> <body>
@ -176,6 +227,13 @@
</form> </form>
</div> </div>
</main> </main>
<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> <script>
// Dark Mode Toggle // Dark Mode Toggle
@ -215,6 +273,9 @@
// Beim Laden ausführen // Beim Laden ausführen
initTheme(); initTheme();
// Jahr für das Copyright aktualisieren
document.getElementById('current-year').textContent = new Date().getFullYear();
</script> </script>
</body> </body>
</html> </html>