X-Git-Url: https://git.shemshak.org/~bandali/bndl.org/blobdiff_plain/b7583bc7e5068ef6557b6dafdfbb97c99736af21..a0e46d57508b45f23f360daa9ba6432e2b2f19f5:/404.html diff --git a/404.html b/404.html index bf61a8e..b855b9f 100644 --- a/404.html +++ b/404.html @@ -1,22 +1,31 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> - <head> - <meta charset="utf-8" /> - <meta name=viewport content="width=device-width, initial-scale=1" /> - <title>404 not found</title> - <link rel="stylesheet" href="/style.css" /> - </head> - <body> - <main> - <header> - <h1 id="title"><a href="/">bandali</a></h1> - <h2 id="subtitle">404 gone fishing</h2> - </header> - <section> - <p> - you should probably <a href="/">go home</a>. - </p> - </section> - </main> - </body> +<head> +<meta charset="utf-8" /> +<meta name="author" content="bandali" /> +<meta name="viewport" content="width=device-width, initial-scale=1" /> +<title>404 not found — bandali</title> +<style> +body { + line-height: 1.6; + max-width: 37.5em; + margin: 0 auto; + padding: 0 1em; +} +@media (prefers-color-scheme: dark) { + body { background: #1c1c1c; color: white; } + a:link { color: #acdeff; } + a:visited { color: #f8f; } + a:active { color: #e00; } +} +</style> +</head> +<body> +<h1>404</h1> +<p>Sorry, that page does not exist. Are you at the right address?</p> + +<p>Feel free to go back <a href="https://bndl.org">home</a> +or <a href="https://bndl.org/contact.html">contact</a> bandali +about this.</p> +</body> </html>