diff options
| author | Steph Enders <steph@senders.io> | 2023-06-21 20:56:44 -0400 |
|---|---|---|
| committer | Steph Enders <steph@senders.io> | 2023-06-21 20:56:44 -0400 |
| commit | 80c1478e5af73f22cd26b667a371d4fb182647f7 (patch) | |
| tree | c52b3c97a878bb60d41ffd6bce8475702ea13c0e | |
| parent | a14b9769f17e5643016e49189a0be41bf9ef519d (diff) | |
Add error page and rename bio to about
| -rw-r--r-- | www/error.html | 113 | ||||
| -rw-r--r-- | www/index.html | 2 |
2 files changed, 114 insertions, 1 deletions
diff --git a/www/error.html b/www/error.html new file mode 100644 index 0000000..f52a51e --- /dev/null +++ b/www/error.html @@ -0,0 +1,113 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <meta name="generator" + content="HTML Tidy for HTML5 for Linux version 5.7.45"> + <title>The Woman in my Eye</title> + <link rel="icon" + href="favicon.ico"> + <link rel="license" + href="#license"> + <meta name="viewport" + content="width=device-width, initial-scale=1"> + <meta name="description" + content="Page request not found"> + <style> + :root { + --twhite: #fff; + --tblue: #4ac2fe; + --tpink: #ef95ae; + --flagheight: 60px; + --flagwidth: 90px; + --bgcolor: #e4e4ff; + --page-width: 50em; + } + html, body { + margin: 16px; + line-height: 1.5em; + background-color: var(--bgcolor); + } + p { margin: 0; } + header { + text-align: center; + } + nav { + text-align: center; + margin: 32px 0; + } + nav > a { + padding: 4px; + } + footer { + display: flex; + justify-content: center; + font-size: 0.9em; + } + article { + background-color: white; + padding: 16px; + } + main article { + margin: auto auto; + max-width: var(--page-width); + border-radius: 8px; + margin-bottom: 32px; + } + main article:last-child { + margin-bottom: none; + } + .transflag { + width: var(--flagwidth); + height: var(--flagheight); + margin: 16px auto; + } + .transflag .blue { + width: 100%; + min-height: calc(var(--flagheight) / 5); + background-color: var(--tblue); + } + .transflag .pink { + width: 100%; + min-height: calc(var(--flagheight) / 5); + background-color: var(--tpink); + } + .transflag .white { + width: 100%; + min-height: calc(var(--flagheight) / 5); + background-color: var(--twhite); + } + </style> +</head> +<body> + <header> + <h1>The page requested is not found!</h1> + </header> + <nav> + <a href='/resources'>resources</a> <a href='/about'>about</a> <a href= + '/blogs'>blog</a> + </nav> + <main> + <article> + <h2>Oops, someone screwed up?</h2> + <p>The page you've requested does not exist. Sorry about that! Please + <a href="/">return to the homepage</a>.</p> + </article> + </main> + <div class='transflag' + title="A html rendering of the trans flag"> + <div class='blue'></div> + <div class='pink'></div> + <div class='white'></div> + <div class='pink'></div> + <div class='blue'></div> + </div> + <footer> + <p>© 2023 TheWomanInMyEye dot org - <a id="license" + rel="license external noopener noreferrer" + target="_blank" + href="https://creativecommons.org/licenses/by/4.0/">CC BY-SA 4.0</a> + unless otherwise noted.</p> + </footer> +</body> +</html> diff --git a/www/index.html b/www/index.html index 093ea14..a2b2c84 100644 --- a/www/index.html +++ b/www/index.html @@ -88,7 +88,7 @@ <h1>Hello, the Woman in my Eye</h1> </header> <nav> - <a href='/resources'>resources</a> <a href='/bio'>bio</a> <a href= + <a href='/resources'>resources</a> <a href='/about'>about</a> <a href= '/blogs'>blog</a> </nav> <main> |