diff options
Diffstat (limited to 'src/pages/404.astro')
| -rw-r--r-- | src/pages/404.astro | 67 |
1 files changed, 67 insertions, 0 deletions
diff --git a/src/pages/404.astro b/src/pages/404.astro new file mode 100644 index 0000000..4db6121 --- /dev/null +++ b/src/pages/404.astro @@ -0,0 +1,67 @@ +--- +--- + +<html lang="en"> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <link rel="shortcut icon" href="/favicon.ico"> + <title>404 - Page Not Found | geshem.space</title> + <style> + body { + margin: 0; + padding: 0; + background-color: #1a1a1a; + color: white; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", + "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + text-align: center; + } + + .container { + max-width: 500px; + } + + h1 { + font-size: 6rem; + margin: 0; + font-weight: bold; + opacity: 0.8; + } + + h2 { + font-size: 1.5rem; + margin: 1rem 0; + font-weight: normal; + } + + p { + margin: 1rem 0; + opacity: 0.7; + line-height: 1.5; + } + + a { + color: #3498db; + text-decoration: none; + font-weight: 500; + } + + a:hover { + text-decoration: underline; + } + </style> + </head> + <body> + <div class="container"> + <h1>404</h1> + <h2>Page Not Found</h2> + <p>The page you're looking for doesn't exist.</p> + <p><a href="/">← Back to Rain Radar</a></p> + </div> + </body> +</html>
\ No newline at end of file |