the-last-prompt/404.html at main · sameeeeeeep/the-last-prompt · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>404 — The Last Prompt</title>
<link rel="icon" type="image/png" href="/favicon.png">
<style>
*{margin:0;padding:0;box-sizing:border-box}
body{background:#020204;color:#ededf4;font-family:'DM Sans',-apple-system,sans-serif;display:flex;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:32px}
h1{font-family:Georgia,serif;font-size:clamp(48px,10vw,120px);font-weight:300;letter-spacing:-0.05em;margin-bottom:16px;background:linear-gradient(135deg,#c4b5fd,#818cf8,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
p{color:#8585a0;font-size:18px;margin-bottom:32px}
a{color:#ededf4;text-decoration:none;padding:12px 28px;border:1px solid #222230;border-radius:10px;font-size:14px;font-weight:600;transition:all .3s}
a:hover{background:#ededf4;color:#020204}
</style>
</head>
<body>
<div>
<h1>404</h1>
<p>This page doesn't exist yet. Maybe it should.</p>
<a href="/">Back to The Last Prompt</a>
</div>
</body>
</html>