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

YT Thumb: Favicon & Footer hinzugefügt

Browse Source
This commit is contained in:
Akamaru
2025-03-21 13:38:42 +01:00
parent 57adb616b9
commit 8b970f4fc0
1 changed files with 59 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
yt_thumb/index.html
View File

@ -3,18 +3,27 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>YouTube Thumbnail Viewer</title> <title>YouTube Thumbnail Viewer | PonyWave Tools</title>
<meta property="og:title" content="YouTube Thumbnail Viewer"> <meta property="og:title" content="YouTube Thumbnail Viewer | PonyWave Tools">
<meta property="og:description" content="Zeige und speichere Thumbnails von YouTube-Videos"> <meta property="og:description" content="Zeige und speichere Thumbnails von YouTube-Videos">
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://tools.ponywave.de/yt_thumb"> <meta property="og:url" content="https://tools.ponywave.de/yt_thumb">
<meta property="og:image" content="https://tools.ponywave.de/favicon.png">
<link rel="icon" href="https://tools.ponywave.de/favicon.png">
<script defer src="https://stats.ponywave.de/script" data-website-id="9ef713d2-adb9-4906-9df5-708d8a8b9131" data-tag="yt_thumb"></script> <script defer src="https://stats.ponywave.de/script" data-website-id="9ef713d2-adb9-4906-9df5-708d8a8b9131" data-tag="yt_thumb"></script>
<style> <style>
body { body {
font-family: 'Segoe UI', Arial, sans-serif; font-family: 'Segoe UI', Arial, sans-serif;
text-align: center; text-align: center;
margin: 20px; margin: 0;
padding: 20px 20px 0 20px;
background-color: #f5f5f5; background-color: #f5f5f5;
min-height: 100vh;
position: relative;
display: flex;
flex-direction: column;
overflow-y: auto;
box-sizing: border-box;
} }
h1 { h1 {
@ -65,6 +74,7 @@
padding: 20px; padding: 20px;
max-width: 1200px; max-width: 1200px;
margin: 0 auto; margin: 0 auto;
flex: 1;
} }
.thumbnail { .thumbnail {
@ -144,6 +154,42 @@
width: 20px; width: 20px;
height: 20px; height: 20px;
} }
/* Footer-Stile */
footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 15px 0;
background-color: #f0f0f0;
border-top: 1px solid #ddd;
text-align: center;
font-size: 14px;
color: #555;
z-index: 100;
}
footer a {
color: #ff0000;
text-decoration: none;
font-weight: bold;
}
footer a:hover {
text-decoration: underline;
}
.heart {
color: #ff0000;
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>
@ -272,6 +318,16 @@
toast.classList.remove('visible'); toast.classList.remove('visible');
}, 3000); }, 3000);
} }
// Jahr für das Copyright aktualisieren
document.getElementById('current-year').textContent = new Date().getFullYear();
</script> </script>
<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 DeepSeek
</p>
</footer>
</body> </body>
</html> </html>