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

Solitaire: Favicon & Footer hinzugefügt

Browse Source
This commit is contained in:
Akamaru
2025-03-21 13:16:19 +01:00
parent bf66b0d8c7
commit ad0b3561b6
1 changed files with 52 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
solitaire/index.html
View File

@ -3,8 +3,9 @@
<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>Solitaire</title> <title>Solitaire | PonyWave Tools</title>
<meta property="og:title" content="Solitaire"> <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:description" content="Klassisches Solitaire Kartenspiel">
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://tools.ponywave.de/solitaire"> <meta property="og:url" content="https://tools.ponywave.de/solitaire">
@ -269,7 +270,7 @@
.credits { .credits {
position: fixed; position: fixed;
bottom: 10px; bottom: 50px;
left: 10px; left: 10px;
background: #1e3d2f; background: #1e3d2f;
padding: 10px; padding: 10px;
@ -277,6 +278,7 @@
font-size: 0.8em; font-size: 0.8em;
opacity: 0.8; opacity: 0.8;
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
z-index: 9;
} }
.credits:hover { .credits:hover {
@ -341,6 +343,43 @@
.give-up-btn:hover { .give-up-btn:hover {
background: #c0392b; 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> </style>
</head> </head>
<body> <body>
@ -434,6 +473,13 @@
</div> </div>
</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> <script>
// Spielvariablen // Spielvariablen
let score = 0; let score = 0;
@ -1042,6 +1088,9 @@
if (shouldShowRules()) { if (shouldShowRules()) {
showRules(); // Zeige Spielregeln beim Start nur, wenn nicht deaktiviert showRules(); // Zeige Spielregeln beim Start nur, wenn nicht deaktiviert
} }
// Jahr für das Copyright aktualisieren
document.getElementById('current-year').textContent = new Date().getFullYear();
</script> </script>
</body> </body>
</html> </html>