Akamaru/PonyWave-Tools
1
0
Fork 0
Code Issues

Dogify: Favicon & Footer hinzugefügt

Browse Source
This commit is contained in:
Akamaru 2025-03-20 14:49:36 +01:00
parent b645c1e952
commit 52ae233724
1 changed files with 47 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
dogify/index.html
View File

@ -3,11 +3,13 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Doge Meme Generator</title>
<meta property="og:title" content="Doge Meme Generator">
<title>Doge Meme Generator | PonyWave Tools</title>
<link rel="icon" href="https://tools.ponywave.de/dogify/doge.jpg">
<meta property="og:title" content="Doge Meme Generator | PonyWave Tools">
<meta property="og:description" content="Erstelle deine eigenen Doge Memes">
<meta property="og:type" content="website">
<meta property="og:url" content="https://tools.ponywave.de/dogify">
<meta property="og:image" content="https://tools.ponywave.de/dogify/doge.jpg">
<script defer src="https://stats.ponywave.de/script" data-website-id="9ef713d2-adb9-4906-9df5-708d8a8b9131" data-tag="dogify"></script>
<script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>
<style>
@ -18,6 +20,8 @@
align-items: center;
background-color: #f0f0f0;
padding: 20px;
min-height: 100vh;
margin: 0;
}
#meme-container {
position: relative;
@ -72,6 +76,37 @@
.info-box p {
margin: 8px 0;
}
footer {
margin-top: auto;
padding: 1rem 0;
color: #666;
font-size: 0.9rem;
text-align: center;
border-top: 1px solid #ddd;
width: 100%;
}
footer a {
color: #4CAF50;
text-decoration: none;
transition: color 0.3s;
}
footer a: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>
@ -92,6 +127,13 @@
<button id="save-button">Meme speichern</button>
</div>
<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>
const memeWords = ["wow", "such meme", "chimken", "many fun"];
@ -169,6 +211,9 @@
memeWords.forEach(word => {
if (Math.random() > 0.3) createTextElement(word);
});
// Jahr für das Copyright aktualisieren
document.getElementById('current-year').textContent = new Date().getFullYear();
});
</script>
</body>