summaryrefslogtreecommitdiff
path: root/www
diff options
context:
space:
mode:
Diffstat (limited to 'www')
-rw-r--r--www/error.html113
-rw-r--r--www/index.html2
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&#39;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>