1
0

Flash Downloader: Favicon & Footer hinzugefügt

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

BIN
flash_dl/icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

View File

@ -3,11 +3,13 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Flash Downloader</title>
<meta property="og:title" content="Flash Downloader">
<title>Flash Downloader | PonyWave Tools</title>
<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:type" content="website">
<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>
<style>
:root {
@ -19,6 +21,10 @@
--input-border: #ddd;
--info-bg: #f8f9fa;
--info-color: #666;
--footer-bg: rgba(255, 255, 255, 0.9);
--footer-border: #ddd;
--link-color: #7F006E;
--link-hover: #FF7FED;
}
.dark-mode {
@ -28,6 +34,10 @@
--input-border: #444;
--info-bg: #333;
--info-color: #ddd;
--footer-bg: rgba(45, 45, 45, 0.9);
--footer-border: #444;
--link-color: #FF7FED;
--link-hover: #FF9FF5;
}
body {
@ -40,6 +50,8 @@
justify-content: center;
align-items: center;
color: var(--text-color);
padding-bottom: 60px;
position: relative;
}
main {
@ -49,6 +61,8 @@
background: var(--main-bg);
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
margin-top: 2rem;
margin-bottom: 2rem;
}
.theme-toggle {
@ -137,6 +151,43 @@
.info a:hover {
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>
</head>
<body>
@ -176,6 +227,13 @@
</form>
</div>
</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>
// Dark Mode Toggle
@ -215,6 +273,9 @@
// Beim Laden ausführen
initTheme();
// Jahr für das Copyright aktualisieren
document.getElementById('current-year').textContent = new Date().getFullYear();
</script>
</body>
</html>