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>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>YouTube Thumbnail Viewer</title>
<meta property="og:title" content="YouTube Thumbnail Viewer">
<title>YouTube Thumbnail Viewer | PonyWave Tools</title>
<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:type" content="website">
<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>
<style>
body {
font-family: 'Segoe UI', Arial, sans-serif;
text-align: center;
margin: 20px;
margin: 0;
padding: 20px 20px 0 20px;
background-color: #f5f5f5;
min-height: 100vh;
position: relative;
display: flex;
flex-direction: column;
overflow-y: auto;
box-sizing: border-box;
}
h1 {
@ -65,6 +74,7 @@
padding: 20px;
max-width: 1200px;
margin: 0 auto;
flex: 1;
}
.thumbnail {
@ -144,6 +154,42 @@
width: 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>
</head>
<body>
@ -272,6 +318,16 @@
toast.classList.remove('visible');
}, 3000);
}
// Jahr für das Copyright aktualisieren
document.getElementById('current-year').textContent = new Date().getFullYear();
</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>
</html>