Add the Kevin page at /kevin
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
28
public/kevin.html
Normal file
28
public/kevin.html
Normal file
@@ -0,0 +1,28 @@
|
||||
<!doctype html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Kevin leck Eier</title>
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><text y='52' font-size='52'>🥚</text></svg>">
|
||||
<style>
|
||||
html, body { margin: 0; height: 100%; }
|
||||
body {
|
||||
display: grid; place-items: center; overflow: hidden;
|
||||
background: #111; color: #ffe14d;
|
||||
font-family: Impact, "Arial Black", sans-serif;
|
||||
}
|
||||
h1 {
|
||||
margin: 0; padding: 0 16px; text-align: center; text-transform: uppercase;
|
||||
font-size: clamp(4rem, 17vw, 20rem); line-height: 0.9;
|
||||
text-shadow: 0.04em 0.04em 0 #e0301e;
|
||||
animation: wobble 1.2s ease-in-out infinite alternate;
|
||||
}
|
||||
@keyframes wobble { from { transform: rotate(-3deg) scale(1); } to { transform: rotate(3deg) scale(1.06); } }
|
||||
@media (prefers-reduced-motion: reduce) { h1 { animation: none; } }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Kevin<br>leck<br>Eier 🥚🥚</h1>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user