1
0

Solitaire: Favicon & Footer hinzugefügt

This commit is contained in:
2025-03-21 13:16:19 +01:00
parent bf66b0d8c7
commit ad0b3561b6

View File

@ -3,8 +3,9 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Solitaire</title>
<meta property="og:title" content="Solitaire">
<title>Solitaire | PonyWave Tools</title>
<link rel="icon" href="https://tools.ponywave.de/solitaire/cards/card_back.png">
<meta property="og:title" content="Solitaire | PonyWave Tools">
<meta property="og:description" content="Klassisches Solitaire Kartenspiel">
<meta property="og:type" content="website">
<meta property="og:url" content="https://tools.ponywave.de/solitaire">
@ -269,7 +270,7 @@
.credits {
position: fixed;
bottom: 10px;
bottom: 50px;
left: 10px;
background: #1e3d2f;
padding: 10px;
@ -277,6 +278,7 @@
font-size: 0.8em;
opacity: 0.8;
transition: opacity 0.3s ease;
z-index: 9;
}
.credits:hover {
@ -341,6 +343,43 @@
.give-up-btn:hover {
background: #c0392b;
}
footer {
width: 100%;
background-color: rgba(0, 0, 0, 0.7);
color: white;
text-align: center;
padding: 10px 0;
margin: 0;
position: fixed;
bottom: 0;
left: 0;
right: 0;
box-sizing: border-box;
z-index: 10;
}
footer a {
color: #fff;
text-decoration: none;
font-weight: bold;
transition: color 0.3s;
}
footer a:hover {
color: #3498db;
}
.heart {
color: #ff5c8d;
animation: heartbeat 1.5s infinite;
}
@keyframes heartbeat {
0% { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}
</style>
</head>
<body>
@ -434,6 +473,13 @@
</div>
</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>
// Spielvariablen
let score = 0;
@ -1042,6 +1088,9 @@
if (shouldShowRules()) {
showRules(); // Zeige Spielregeln beim Start nur, wenn nicht deaktiviert
}
// Jahr für das Copyright aktualisieren
document.getElementById('current-year').textContent = new Date().getFullYear();
</script>
</body>
</html>