initial

60 files changed, 1159 insertions, 0 deletions

diff --git a/css/main.css b/css/main.css
new file mode 100755
index 0000000..48b5f8b
--- /dev/null
+++ b/css/main.css
@@ -0,0 +1,115 @@
+@charset "utf-8";
+* {box-sizing: border-box;}
+html {
+--fs-sans: Helvetica, "Helvetica Neue", Arial, "San Francisco", sans;
+--fs-mono: jetbrains-mono-regular, Consolas, Menlo, monospace;
+--color-head-d: #000;
+--color-body-d: #111;
+--color-main-d: #111;
+--color-main-m: #333;
+--color-main-l: #ddd;
+--color-code-d: #000;
+font-size: 20px;
+}
+
+body					{background-color: var(--color-body-d); margin: 0;}
+header					{display: flex; justify-content: center; flex-direction: column; position: static; width: 100vw; height: 80vh; background-image: url("/media/banner-m.png"); background-size: cover; background-position: center center; background-attachment: fixed; image-rendering: crisp-edges; image-rendering: pixelated;}
+.bomber,hr,.identcontainer		{margin-left: 10vw;}
+.bomber					{font-family: schnyder-xl, Didot, serif; font-weight: 400; font-style: italic; font-size: 5rem; font-feature-settings: "case", "ss01"; hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; letter-spacing: -2px; line-height: 1; width: 80vw; margin-bottom: -12px; padding-left: 10px;}
+header hr				{width: 80vw; height: 0; border: none; border-top: 1px solid var(--color-head-d);}
+.identcontainer				{display: flex; flex-direction: row; justify-content: space-between; height: 25px; margin: -5px 10vw; padding: 0px 5px;}
+.ident					{font-family: neue-haas-grotesk-display, var(--fs-sans); font-weight: 300; font-size: 1rem; align-self: center; font-feature-settings: "case";}
+.ident a				{text-decoration: none; cursor: pointer; color: var(--color-head-d);}
+.ident a:link				{text-decoration: none;}
+.ident a:visited			{color: var(--color-head-d);}
+.ident a:hover				{text-decoration: none;}
+.ident a:active				{text-decoration: none;}
+.headerlogo				{height: 18px; align-self: center;}
+.contentlevel				{display: flex;}
+nav					{flex: 0 0 20%; padding: 1rem; position: -webkit-sticky; position: sticky; top: 0; height: 100vh; overflow-x: hidden; overflow-y: auto; background-color: var(--color-body-d);}
+nav pre					{margin: 0; color: var(--color-main-l); font-family: var(--fs-mono); font-weight: normal; font-size: 0.5rem; line-height: 1.2;}
+nav a					{color: var(--color-main-l); font-family: var(--fs-mono); font-weight: normal; text-decoration: none; cursor: pointer;}
+nav a:link				{text-decoration: none;}
+nav a:visited				{color: var(--color-main-l);}
+nav a:hover				{color: var(--color-body-d); background-color: var(--color-main-l); clip-path: inset(10% 0% 10% 0%);}
+nav a:active				{color: var(--color-main-l); text-decoration: none;}
+main					{flex: 1 1 90%; min-height: 100vh; padding: 1rem; padding-right: calc(20vw + 1rem); overflow-x: hidden; background-color: var(--color-main-d);}
+.leading,h1,h2,p,p strong,p em,li,code,th,td	{color: var(--color-main-l);}
+.leading,h1,h2				{font-family: neue-haas-grotesk-display, var(--fs-sans);}
+.leading				{font-size: 2.5rem; font-weight: 300; font-style: italic; border: 0; padding: 0;}
+.toc					{margin: 1rem; margin-top: 1.5rem; padding: 0; height: auto;}
+.toc a:hover				{clip-path: none;}
+h1					{font-size: 2.5rem; font-weight: 700; margin: 1rem 0 0;}
+h2					{font-size: 1.75rem; font-weight: 700; margin: 1rem 0 0;}
+p,p strong,p em,li,th,td		{font-family: neue-haas-grotesk-text, var(--fs-sans); font-size: 1rem; line-height: 1.5; text-align: justify; text-justify: inter-word;}
+p,p strong,p em				{margin: 1rem 0;} 
+p,td					{font-weight: 400;}
+p strong,th				{font-weight: 700;}
+p em					{font-style: italic;}
+p img					{vertical-align: baseline;}
+ul					{margin: 1rem; padding: 0 0 0 1rem;}
+ul ul					{margin: 0 1rem;}
+code					{font-family: var(--fs-mono); font-weight: normal; font-size: 1rem; line-height: 1.5em;}
+main a					{font-family: neue-haas-grotesk-text, var(--fs-sans); color: var(--color-main-l); font-weight: 700; font-size: 1rem; cursor: pointer;}
+main a:link				{text-decoration: none; color: var(--color-main-l);}
+main a:visited				{color: var(--color-main-l);}
+main a:hover				{text-decoration: none; color: var(--color-main-d); background-color: var(--color-main-l);}
+main a:active				{text-decoration: none; color: var(--color-main-l);}
+main a::after				{font-size: 0.5rem; font-weight: 700; line-height: 0; vertical-align: super; content: "↗︎";}
+blockquote				{margin: 1rem;}
+main hr					{height: 1rem; width: 100%; margin: 0; border: none; border-bottom: 1px solid var(--color-main-l);}
+main pre				{margin: 1rem; padding: 1rem; background: var(--color-code-d); border-radius: 5px;}
+main pre code				{color: var(--color-main-l); margin: 0; line-height: 1rem; white-space: pre-wrap;}
+table					{margin: 1rem; width: calc(100% - 2rem); border-collapse: collapse;}
+th,td					{padding: 0 0.5rem; text-align: initial;}
+th					{border-bottom: 1px solid var(--color-main-m); padding-bottom: 0.5rem;}
+td					{padding-top: 0.5rem;}
+figure					{display: flex; margin: 1rem; max-width: 100%; align-items: center; flex-direction: column;}
+figure a				{font-size: 0; background-color: transparent;}
+figure a:hover				{text-decoration: none; background-color: transparent;}
+figure a::after				{display: none;}
+figure a img				{max-width: 100%; max-height: calc(100vh - 2rem);}
+figure p				{font-size: 0.75rem; font-style: italic; margin-top: 0.5rem; margin-bottom: 0; padding-bottom: 1rem; text-align: center;}
+footer					{display: flex; flex-direction: row; justify-content: space-between; width: 100vw; min-height: 1rem; border-top: 1px solid var(--color-main-m); padding: 0.75rem 1rem; background-color: var(--color-main-d); color: var(--color-main-l);}
+footer p, footer a			{font-family: neue-haas-grotesk-text, var(--fs-sans); font-size: 0.75rem; font-weight: 700; font-feature-settings: "case"; margin: 0; hyphens: none; -webkit-hyphens: none; -ms-hyphens: none;}
+footer a				{color: var(--color-main-l); cursor: pointer;}
+footer a:link				{text-decoration: none;}
+footer a:visited			{color: var(--color-main-l);}
+footer a:hover				{color: var(--color-main-d); background-color: var(--color-main-l);}
+footer a:active				{text-decoration: none;}
+footer img				{align-self: center; height: 0.75rem;}
+
+@media screen and (max-width: 800px) {
+html					{font-size: 15px;}
+header					{background-attachment: initial;}
+.bomber					{margin-bottom: -5px;}
+.headerlogo				{height: 14px;}
+.contentlevel				{flex-direction: column;}
+nav					{order: 2; position: static; width: 100vw; height: 50vh; border-top: 1px solid var(--color-main-m);}
+nav pre					{font-size: 1rem; margin-top: -1rem;}
+main					{padding: 1rem 10vw;}
+.toc					{width: auto; border: none;}
+p,p strong,p em,li			{hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto;}
+p img					{vertical-align: middle; transform: scale(0.75); -webkit-transform: scale(0.75); -ms-transform: scale(0.75);}
+figure p,footer p,footer a 		{font-size: 1rem;}
+footer img				{height: 1rem; margin-left: 1rem;}
+}
+
+@media screen and (max-width: 500px) {
+header 					{background-image: url("/media/banner-m.png");} 
+.bomber 				{font-size: 4rem;}
+}
+
+@media print {
+html					{font-size: 15px; --color-body-d: #fff; --color-main-d: #fff; --color-main-l: #000;}
+header					{display: none;}
+nav					{display: none;}
+nav.toc					{display: block;}
+main					{padding: 1rem 4rem;}
+main pre				{background: #fff; border: 1px solid var(--color-main-m);}
+main img				{filter: invert(100%); -webkit-filter: invert(100%);}
+p img					{vertical-align: middle; transform: scale(0.75); -webkit-transform: scale(0.75); -ms-transform: scale(0.75);}
+figure a img				{filter: none;}
+figure p				{font-size: 1rem;}
+footer					{display: none;}
+}
diff --git a/cw.html b/cw.html
new file mode 100755
index 0000000..d785e38
--- /dev/null
+++ b/cw.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="UTF-8">
+<link rel="stylesheet" href="/fonts/fonts.css">
+<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
+<link rel="manifest" href="/favicon/site.webmanifest">
+<style>
+:root 	{font-size: 15px;}
+body 	{background-color: #111; margin: 2rem;}
+pre 	{color: #ddd; font-family: jetbrains-mono-regular, Consolas, Menlo, monospace; font-style: normal; font-size: 1rem; line-height: 1.5em; white-space: pre-wrap;}
+pre a	{color: #ddd;}
+pre a:link	{text-decoration: none; color: #ddd;}
+pre a:visited	{text-decoration: none; color: #ddd;}
+pre a:hover	{text-decoration: none; color: #111; background-color: #ddd;}
+pre a:active	{text-decoration: none; color: #ddd;}
+</style>
+<title>Content Warning</title>
+<meta http-equiv="last-modified" content="2020-10-25 23:50:19-04:00" />
+</head>
+
+<body>
+<pre>
+CONTENT WARNING: This website, and all files originating from it, may contain depictions of subjects considered sensitive to some viewers, including but not limited to: violence, physical and psychological abuse, sexual assault, blood/gore, body horror, death and dying, mental illness, self-harm, suicide, and medical subjects not otherwise specified.
+
+EPILEPSY WARNING: This website, and all visual media files originating from it, may contain flashing lights or stroboscopic patterns which could provoke an epileptic seizure in viewers who suffer from photosensitive epilepsy, or cause eye strain in photosensitive individuals.
+</pre>
+</body>
+</html>
diff --git a/error/400.html b/error/400.html
new file mode 100755
index 0000000..e014e24
--- /dev/null
+++ b/error/400.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="UTF-8">
+<link rel="stylesheet" href="/fonts/fonts.css">
+<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
+<link rel="manifest" href="/favicon/site.webmanifest">
+<style>
+:root 	{font-size: 15px;}
+body 	{background-color: #111; margin: 2rem;}
+pre 	{color: #ddd; font-family: jetbrains-mono-regular, Consolas, Menlo, monospace; font-style: normal; font-size: 1rem; line-height: 1.5em; white-space: pre-wrap;}
+pre a	{color: #ddd;}
+pre a:link	{text-decoration: none; color: #ddd;}
+pre a:visited	{text-decoration: none; color: #ddd;}
+pre a:hover	{text-decoration: none; color: #111; background-color: #ddd;}
+pre a:active	{text-decoration: none; color: #ddd;}
+</style>
+<title>400 Bad Request</title>
+</head>
+
+<body>
+<pre>
+400 BAD REQUEST
+
+<a href="javascript:history.go(-1)">[BACK]</a> <a href="/">[HOME]</a>
+</pre>
+</body>
+</html>
diff --git a/error/401.html b/error/401.html
new file mode 100755
index 0000000..c361e2c
--- /dev/null
+++ b/error/401.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="UTF-8">
+<link rel="stylesheet" href="/fonts/fonts.css">
+<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
+<link rel="manifest" href="/favicon/site.webmanifest">
+<style>
+:root 	{font-size: 15px;}
+body 	{background-color: #111; margin: 2rem;}
+pre 	{color: #ddd; font-family: jetbrains-mono-regular, Consolas, Menlo, monospace; font-style: normal; font-size: 1rem; line-height: 1.5em; white-space: pre-wrap;}
+pre a	{color: #ddd;}
+pre a:link	{text-decoration: none; color: #ddd;}
+pre a:visited	{text-decoration: none; color: #ddd;}
+pre a:hover	{text-decoration: none; color: #111; background-color: #ddd;}
+pre a:active	{text-decoration: none; color: #ddd;}
+</style>
+<title>401 Unauthorized</title>
+</head>
+
+<body>
+<pre>
+401 UNAUTHORIZED
+
+<a href="javascript:history.go(-1)">[BACK]</a> <a href="/">[HOME]</a>
+</pre>
+</body>
+</html>
diff --git a/error/403.html b/error/403.html
new file mode 100755
index 0000000..51f2712
--- /dev/null
+++ b/error/403.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="UTF-8">
+<link rel="stylesheet" href="/fonts/fonts.css">
+<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
+<link rel="manifest" href="/favicon/site.webmanifest">
+<style>
+:root 	{font-size: 15px;}
+body 	{background-color: #111; margin: 2rem;}
+pre 	{color: #ddd; font-family: jetbrains-mono-regular, Consolas, Menlo, monospace; font-style: normal; font-size: 1rem; line-height: 1.5em; white-space: pre-wrap;}
+pre a	{color: #ddd;}
+pre a:link	{text-decoration: none; color: #ddd;}
+pre a:visited	{text-decoration: none; color: #ddd;}
+pre a:hover	{text-decoration: none; color: #111; background-color: #ddd;}
+pre a:active	{text-decoration: none; color: #ddd;}
+</style>
+<title>403 Forbidden</title>
+</head>
+
+<body>
+<pre>
+403 FORBIDDEN
+
+<a href="javascript:history.go(-1)">[BACK]</a> <a href="/">[HOME]</a>
+</pre>
+</body>
+</html>
diff --git a/error/404.html b/error/404.html
new file mode 100755
index 0000000..0f3bae5
--- /dev/null
+++ b/error/404.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="UTF-8">
+<link rel="stylesheet" href="/fonts/fonts.css">
+<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
+<link rel="manifest" href="/favicon/site.webmanifest">
+<style>
+:root 	{font-size: 15px;}
+body 	{background-color: #111; margin: 2rem;}
+pre 	{color: #ddd; font-family: jetbrains-mono-regular, Consolas, Menlo, monospace; font-style: normal; font-size: 1rem; line-height: 1.5em; white-space: pre-wrap;}
+pre a	{color: #ddd;}
+pre a:link	{text-decoration: none; color: #ddd;}
+pre a:visited	{text-decoration: none; color: #ddd;}
+pre a:hover	{text-decoration: none; color: #111; background-color: #ddd;}
+pre a:active	{text-decoration: none; color: #ddd;}
+</style>
+<title>404 Not Found</title>
+</head>
+
+<body>
+<pre>
+404 NOT FOUND
+
+<a href="javascript:history.go(-1)">[BACK]</a> <a href="/">[HOME]</a>
+</pre>
+</body>
+</html>
diff --git a/error/408.html b/error/408.html
new file mode 100755
index 0000000..73768d7
--- /dev/null
+++ b/error/408.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="UTF-8">
+<link rel="stylesheet" href="/fonts/fonts.css">
+<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
+<link rel="manifest" href="/favicon/site.webmanifest">
+<style>
+:root 	{font-size: 15px;}
+body 	{background-color: #111; margin: 2rem;}
+pre 	{color: #ddd; font-family: jetbrains-mono-regular, Consolas, Menlo, monospace; font-style: normal; font-size: 1rem; line-height: 1.5em; white-space: pre-wrap;}
+pre a	{color: #ddd;}
+pre a:link	{text-decoration: none; color: #ddd;}
+pre a:visited	{text-decoration: none; color: #ddd;}
+pre a:hover	{text-decoration: none; color: #111; background-color: #ddd;}
+pre a:active	{text-decoration: none; color: #ddd;}
+</style>
+<title>408 Request Timeout</title>
+</head>
+
+<body>
+<pre>
+408 REQUEST TIMEOUT 
+
+<a href="javascript:location.reload()">[RELOAD]</a>
+</pre>
+</body>
+</html>
\ No newline at end of file
diff --git a/error/500.html b/error/500.html
new file mode 100755
index 0000000..793b8cb
--- /dev/null
+++ b/error/500.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="UTF-8">
+<link rel="stylesheet" href="/fonts/fonts.css">
+<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
+<link rel="manifest" href="/favicon/site.webmanifest">
+<style>
+:root 	{font-size: 15px;}
+body 	{background-color: #111; margin: 2rem;}
+pre 	{color: #ddd; font-family: jetbrains-mono-regular, Consolas, Menlo, monospace; font-style: normal; font-size: 1rem; line-height: 1.5em; white-space: pre-wrap;}
+pre a	{color: #ddd;}
+pre a:link	{text-decoration: none; color: #ddd;}
+pre a:visited	{text-decoration: none; color: #ddd;}
+pre a:hover	{text-decoration: none; color: #111; background-color: #ddd;}
+pre a:active	{text-decoration: none; color: #ddd;}
+</style>
+<title>500 Internal Server Error</title>
+</head>
+
+<body>
+<pre>
+500 INTERNAL SERVER ERROR 
+
+<a href="javascript:history.go(-1)">[BACK]</a> <a href="javascript:location.reload()">[RELOAD]</a>
+</pre>
+</body>
+</html>
diff --git a/error/503.html b/error/503.html
new file mode 100755
index 0000000..59a5510
--- /dev/null
+++ b/error/503.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="UTF-8">
+<link rel="stylesheet" href="/fonts/fonts.css">
+<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
+<link rel="manifest" href="/favicon/site.webmanifest">
+<style>
+:root 	{font-size: 15px;}
+body 	{background-color: #111; margin: 2rem;}
+pre 	{color: #ddd; font-family: jetbrains-mono-regular, Consolas, Menlo, monospace; font-style: normal; font-size: 1rem; line-height: 1.5em; white-space: pre-wrap;}
+pre a	{color: #ddd;}
+pre a:link	{text-decoration: none; color: #ddd;}
+pre a:visited	{text-decoration: none; color: #ddd;}
+pre a:hover	{text-decoration: none; color: #111; background-color: #ddd;}
+pre a:active	{text-decoration: none; color: #ddd;}
+</style>
+<title>503 Service Unavailable</title>
+</head>
+
+<body>
+<pre>
+503 SERVICE UNAVAILABLE 
+
+<a href="javascript:location.reload()">[RELOAD]</a>
+</pre>
+</body>
+</html>
diff --git a/favicon/android-chrome-192x192.png b/favicon/android-chrome-192x192.png
new file mode 100755
index 0000000..dc3ddf5
--- /dev/null
+++ b/favicon/android-chrome-192x192.png
diff --git a/favicon/android-chrome-512x512.png b/favicon/android-chrome-512x512.png
new file mode 100755
index 0000000..9bbdc7c
--- /dev/null
+++ b/favicon/android-chrome-512x512.png
diff --git a/favicon/apple-touch-icon.png b/favicon/apple-touch-icon.png
new file mode 100755
index 0000000..05a2f4b
--- /dev/null
+++ b/favicon/apple-touch-icon.png
diff --git a/favicon/favicon-16x16.png b/favicon/favicon-16x16.png
new file mode 100755
index 0000000..89c544c
--- /dev/null
+++ b/favicon/favicon-16x16.png
diff --git a/favicon/favicon-32x32.png b/favicon/favicon-32x32.png
new file mode 100755
index 0000000..63404b6
--- /dev/null
+++ b/favicon/favicon-32x32.png
diff --git a/favicon/favicon.ico b/favicon/favicon.ico
new file mode 100755
index 0000000..482a270
--- /dev/null
+++ b/favicon/favicon.ico
diff --git a/favicon/site.webmanifest b/favicon/site.webmanifest
new file mode 100755
index 0000000..0b5a830
--- /dev/null
+++ b/favicon/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
diff --git a/fonts/JetBrainsMono-Regular.woff b/fonts/JetBrainsMono-Regular.woff
new file mode 100755
index 0000000..dc1d85f
--- /dev/null
+++ b/fonts/JetBrainsMono-Regular.woff
diff --git a/fonts/JetBrainsMono-Regular.woff2 b/fonts/JetBrainsMono-Regular.woff2
new file mode 100755
index 0000000..fdf95dd
--- /dev/null
+++ b/fonts/JetBrainsMono-Regular.woff2
diff --git a/fonts/fonts.css b/fonts/fonts.css
new file mode 100755
index 0000000..2f9af17
--- /dev/null
+++ b/fonts/fonts.css
@@ -0,0 +1,82 @@
+/* GROTESK */
+
+@font-face {
+font-family: 'neue-haas-grotesk-display';
+src: url('grotesk300.woff2') format('woff2'),
+     url('grotesk300.woff') format('woff');
+font-weight: 300;
+font-style:  normal;
+}
+
+@font-face {
+font-family: 'neue-haas-grotesk-display';
+src: url('grotesk300i.woff2') format('woff2'),
+     url('grotesk300i.woff') format('woff');
+font-weight: 300;
+font-style:  italic;
+}
+
+@font-face {
+font-family: 'neue-haas-grotesk-display';
+src: url('grotesk700.woff2') format('woff2'),
+     url('grotesk700.woff') format('woff');
+font-weight: 700;
+font-style:  normal;
+}
+
+@font-face {
+font-family: 'neue-haas-grotesk-text';
+src: url('grotesk-t400.woff2') format('woff2'),
+     url('grotesk-t400.woff') format('woff');
+font-weight: 400;
+font-style:  normal;
+}
+
+@font-face {
+font-family: 'neue-haas-grotesk-text';
+src: url('grotesk-t400i.woff2') format('woff2'),
+     url('grotesk-t400i.woff') format('woff');
+font-weight: 400;
+font-style:  italic;
+}
+
+@font-face {
+font-family: 'neue-haas-grotesk-text';
+src: url('grotesk-t700.woff2') format('woff2'),
+     url('grotesk-t700.woff') format('woff');
+font-weight: 700;
+font-style:  normal;
+}
+
+
+/* MONOSPACED */
+
+@font-face {
+font-family: 'jetbrains-mono-regular';
+src: url('JetBrainsMono-Regular.woff2') format('woff2'),
+     url('JetBrainsMono-Regular.woff') format('woff');
+font-weight: normal;
+font-style: normal;
+}
+
+
+/* BOMBER */
+
+@font-face {
+font-family: 'schnyder-xl';
+src: url('schnyder-xl-demi-i.woff2') format('woff2'),
+     url('schnyder-xl-demi-i.woff') format('woff');
+font-weight: 400;
+font-style:  italic;
+}
+
+
+/*
+@font-face {
+font-family: 'x';
+src: url('x') format('woff2'),
+     url('x') format('woff');
+font-weight: x;
+font-style:  x;
+}
+*/
diff --git a/fonts/grotesk-t400.woff b/fonts/grotesk-t400.woff
new file mode 100755
index 0000000..06b46c2
--- /dev/null
+++ b/fonts/grotesk-t400.woff
diff --git a/fonts/grotesk-t400.woff2 b/fonts/grotesk-t400.woff2
new file mode 100755
index 0000000..9c7d551
--- /dev/null
+++ b/fonts/grotesk-t400.woff2
diff --git a/fonts/grotesk-t400i.woff b/fonts/grotesk-t400i.woff
new file mode 100755
index 0000000..fb3e67e
--- /dev/null
+++ b/fonts/grotesk-t400i.woff
diff --git a/fonts/grotesk-t400i.woff2 b/fonts/grotesk-t400i.woff2
new file mode 100755
index 0000000..3454422
--- /dev/null
+++ b/fonts/grotesk-t400i.woff2
diff --git a/fonts/grotesk-t700.woff b/fonts/grotesk-t700.woff
new file mode 100755
index 0000000..892941b
--- /dev/null
+++ b/fonts/grotesk-t700.woff
diff --git a/fonts/grotesk-t700.woff2 b/fonts/grotesk-t700.woff2
new file mode 100755
index 0000000..3fc6c6b
--- /dev/null
+++ b/fonts/grotesk-t700.woff2
diff --git a/fonts/grotesk300.woff b/fonts/grotesk300.woff
new file mode 100755
index 0000000..7f89934
--- /dev/null
+++ b/fonts/grotesk300.woff
diff --git a/fonts/grotesk300.woff2 b/fonts/grotesk300.woff2
new file mode 100755
index 0000000..c755c1e
--- /dev/null
+++ b/fonts/grotesk300.woff2
diff --git a/fonts/grotesk300i.woff b/fonts/grotesk300i.woff
new file mode 100755
index 0000000..a833526
--- /dev/null
+++ b/fonts/grotesk300i.woff
diff --git a/fonts/grotesk300i.woff2 b/fonts/grotesk300i.woff2
new file mode 100755
index 0000000..a2c77b0
--- /dev/null
+++ b/fonts/grotesk300i.woff2
diff --git a/fonts/grotesk700.woff b/fonts/grotesk700.woff
new file mode 100755
index 0000000..8c18db0
--- /dev/null
+++ b/fonts/grotesk700.woff
diff --git a/fonts/grotesk700.woff2 b/fonts/grotesk700.woff2
new file mode 100755
index 0000000..86eba8e
--- /dev/null
+++ b/fonts/grotesk700.woff2
diff --git a/fonts/schnyder-xl-demi-i.woff b/fonts/schnyder-xl-demi-i.woff
new file mode 100755
index 0000000..7e7caa5
--- /dev/null
+++ b/fonts/schnyder-xl-demi-i.woff
diff --git a/fonts/schnyder-xl-demi-i.woff2 b/fonts/schnyder-xl-demi-i.woff2
new file mode 100755
index 0000000..8cfa309
--- /dev/null
+++ b/fonts/schnyder-xl-demi-i.woff2
diff --git a/index.html b/index.html
new file mode 100755
index 0000000..118bf76
--- /dev/null
+++ b/index.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width,initial-scale=1" />
+<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
+<link rel="manifest" href="favicon/site.webmanifest">
+<style>
+	body {margin: 0; background: #111;}
+	.bg {display: flex; justify-content: center; flex-direction: column; position: fixed; width: 100%; height: 100%; background-image: url("media/clouds-m.png"); background-size: cover; background-position: center center; background-attachment: fixed; image-rendering: crisp-edges; image-rendering: pixelated;}
+	.logo {flex-direction: row; justify-content: flex-start;}
+	img {height: 32px; margin-left: 10vw; display: block;}
+</style>
+<script>setTimeout(function(){var e=new Image;e.onload=function(){document.querySelector(".bg").style.backgroundImage="url("+e.src+")"},e.src="/media/clouds.png"},50);</script>
+<title>[coming soon]</title>
+</head>
+
+<body>
+<div class="bg">
+<div class="logo">
+<img src="media/logo.svg" alt="Distress Network.">
+</div>
+</div>
+</body>
+</html>
diff --git a/info/index.html b/info/index.html
new file mode 100755
index 0000000..054d3a8
--- /dev/null
+++ b/info/index.html
@@ -0,0 +1,55 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="stylesheet" href="/fonts/fonts.css">
+<link rel="stylesheet" href="/css/main.css">
+<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
+<link rel="manifest" href="/favicon/site.webmanifest">
+<script src="/js/bg.js"></script>
+<script src="/js/csi.js"></script>
+<title>Personal Information</title>
+<meta name="description" content="&laquo;PORTRAITURES.&raquo; &mdash; Information about the project &amp; its creator." />
+<meta http-equiv="last-modified" content="2020-11-18 00:01:37-05:00" />
+</head>
+
+<body>
+<header>
+<div class="bomber">PORTRAITURES.</div>
+<hr>
+<div class="identcontainer">
+<div class="ident"><time datetime="2020-11-18 00:01:37-05:00">201118</time>––––<a href="https://distress.network">DistressNetwork°</a></div>
+<img class="headerlogo" src="/media/distressnetwork-b.svg" alt="">
+</div>
+</header>
+<div class="contentlevel">
+<nav aria-hidden="true">
+<div data-include="/nav.html"></div>
+<noscript><pre style="white-space: normal;">Please enable javascript to use the sitemap, or access it <a href="/meta/sitemap">[here]</a></pre></noscript>
+</nav>
+<main>
+<div class="leading">Information about the project &amp; its creator.</div>
+<hr>
+
+<!-- end of header -->
+<h1 id="About">About</h1>
+
+<p>Eudoxia [ɪʉ·dɔ·ʃi̯ä, –do·ɕĭä] is an engineer, curator, and oceanographer. They maintain the <strong>DistressNetwork°</strong> project as an archive of their creative works.</p>
+
+<h1 id="Contact">Contact</h1>
+
+<ul>
+<li><a href="mailto:uplink@distress.network">SMTP</a></li>
+<li><a href="https://x0r.be/@distressnetwork">Fediverse</a></li>
+</ul>
+</main>
+</div>
+<footer>
+<p><a href="/info">About.</a> <a href="mailto:uplink@distress.network">Contact.</a> <a href="/cw.html">Content Warning.</a> <a>Donate.</a> <a href="https://git.distress.network">Git.</a> <a href="/meta/sitemap">Sitemap.</a> <a href="https://creativecommons.org/licenses/by-sa/4.0">CC BY-SA 4.0.</a></p>
+<img src="/media/distressnetwork-w.svg" alt="">
+</footer>
+</body>
+</html>
diff --git a/info/src.md b/info/src.md
new file mode 100644
index 0000000..9076470
--- /dev/null
+++ b/info/src.md
@@ -0,0 +1,13 @@
+title: Personal Information
+bomber: PORTRAITURES.
+leading: Information about the project &amp; its creator.
+
+
+# About
+
+Eudoxia [ɪʉ·dɔ·ʃi̯ä, –do·ɕĭä] is an engineer, curator, and oceanographer. They maintain the **DistressNetwork°** project as an archive of their creative works.
+
+# Contact
+
+- [SMTP](mailto:uplink@distress.network)
+- [Fediverse](https://x0r.be/@distressnetwork)
diff --git a/js/LICENSE-csi.txt b/js/LICENSE-csi.txt
new file mode 100755
index 0000000..fbcea45
--- /dev/null
+++ b/js/LICENSE-csi.txt
@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 LexmarkWeb
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/js/bg.js b/js/bg.js
new file mode 100644
index 0000000..0acf5f8
--- /dev/null
+++ b/js/bg.js
@@ -0,0 +1 @@
+setTimeout(function(){var e=new Image;e.onload=function(){document.querySelector("header").style.backgroundImage="url("+e.src+")"},e.src="/media/banner.png"},50);
diff --git a/js/csi.js b/js/csi.js
new file mode 100755
index 0000000..be313b8
--- /dev/null
+++ b/js/csi.js
@@ -0,0 +1,2 @@
+window.onload=function(){function a(a,b){var c=/^(?:file):/,d=new XMLHttpRequest,e=0;d.onreadystatechange=function(){4==d.readyState&&(e=d.status),c.test(location.href)&&d.responseText&&(e=200),4==d.readyState&&200==e&&(a.outerHTML=d.responseText)};try{d.open("GET",b,!0),d.send()}catch(f){}}var b,c=document.getElementsByTagName("*");for(b in c)c[b].hasAttribute&&c[b].hasAttribute("data-include")&&a(c[b],c[b].getAttribute("data-include"))};
+// license: ./LICENSE-csi.txt
diff --git a/media/banner-m.png b/media/banner-m.png
new file mode 100644
index 0000000..62a7ea4
--- /dev/null
+++ b/media/banner-m.png
diff --git a/media/banner.png b/media/banner.png
new file mode 100644
index 0000000..f24e011
--- /dev/null
+++ b/media/banner.png
diff --git a/media/clouds-m.png b/media/clouds-m.png
new file mode 100644
index 0000000..677a461
--- /dev/null
+++ b/media/clouds-m.png
diff --git a/media/clouds.png b/media/clouds.png
new file mode 100644
index 0000000..0526d4b
--- /dev/null
+++ b/media/clouds.png
diff --git a/media/distressnetwork-b.svg b/media/distressnetwork-b.svg
new file mode 100755
index 0000000..db1cc65
--- /dev/null
+++ b/media/distressnetwork-b.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 130.4" style="enable-background:new 0 0 512 130.4;" xml:space="preserve">
+<g>
+	<path d="M218.2,52.2h-30.1l22.6,39.1h-45.2l15,26.1h75.3L218.2,52.2z"/>
+	<path d="M112.9,78.2l22.6,39.1h30.1l-37.6-65.2L112.9,78.2z"/>
+	<path d="M459.2,104.3l-15,26.1h30.1L459.2,104.3z"/>
+	<path d="M30.2,13.1H0l30.2,52.1L0.1,117.3h30.1l29.9-52.1L30.2,13.1z"/>
+	<path d="M120.5,13.1l37.6,65.2h30.1l-37.6-65.2L120.5,13.1L120.5,13.1z"/>
+	<path d="M511.9,13.1h-30.1l-30,52.1l30.1,52.1H512l-30.2-52.1L511.9,13.1z"/>
+	<path d="M105.3,91.3l-15,26.1h30.1L105.3,91.3z"/>
+	<path d="M474.2,0h-30l15,26.1L474.2,0z"/>
+	<path d="M255.9,13.1l-22.6,39.1l15,26.1l22.6-39.1h15l-30,52.1l15,26.1H301l-15-26.1l45.2-78.2L255.9,13.1L255.9,13.1z"/>
+	<path d="M421.6,39.1l-15,26.1l15,26.1h-30.1l-15,26.1h60.2l15-26.1l-15-26.1l15-26.1l-15-26.1h-45.2l-45.2,78.2l15,26.1l45.2-78.2C406.5,39.1,421.6,39.1,421.6,39.1z"/>
+	<path d="M241,13.1h-75.3l15,26.1h45.2L241,13.1z"/>
+	<path d="M346.3,13.1l-45.2,78.2l15,26.1h30.1l-15-26.1l45.2-78.2H346.3L346.3,13.1z"/>
+	<path d="M105.3,13.1H45.2l15,26.1h30.1l-45.2,78.2h30.1l45.2-78.2L105.3,13.1z"/>
+</g>
+</svg>
diff --git a/media/distressnetwork-w.svg b/media/distressnetwork-w.svg
new file mode 100755
index 0000000..26b20e3
--- /dev/null
+++ b/media/distressnetwork-w.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 130.4" style="enable-background:new 0 0 512 130.4;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#DDDDDD;}
+</style>
+<g>
+	<path class="st0" d="M218.2,52.2h-30.1l22.6,39.1h-45.2l15,26.1h75.3L218.2,52.2z"/>
+	<path class="st0" d="M112.9,78.2l22.6,39.1h30.1L128,52.1L112.9,78.2z"/>
+	<path class="st0" d="M459.2,104.3l-15,26.1h30.1L459.2,104.3z"/>
+	<path class="st0" d="M30.2,13.1H0l30.2,52.1L0.1,117.3h30.1l29.9-52.1L30.2,13.1z"/>
+	<path class="st0" d="M120.5,13.1l37.6,65.2h30.1l-37.6-65.2L120.5,13.1L120.5,13.1z"/>
+	<path class="st0" d="M511.9,13.1h-30.1l-30,52.1l30.1,52.1H512l-30.2-52.1L511.9,13.1z"/>
+	<path class="st0" d="M105.3,91.3l-15,26.1h30.1L105.3,91.3z"/>
+	<path class="st0" d="M474.2,0h-30l15,26.1L474.2,0z"/>
+	<path class="st0" d="M255.9,13.1l-22.6,39.1l15,26.1l22.6-39.1h15l-30,52.1l15,26.1H301l-15-26.1l45.2-78.2L255.9,13.1L255.9,13.1z"/>
+	<path class="st0" d="M421.6,39.1l-15,26.1l15,26.1h-30.1l-15,26.1h60.2l15-26.1l-15-26.1l15-26.1l-15-26.1h-45.2l-45.2,78.2l15,26.1l45.2-78.2H421.6z"/>
+	<path class="st0" d="M241,13.1h-75.3l15,26.1h45.2L241,13.1z"/>
+	<path class="st0" d="M346.3,13.1l-45.2,78.2l15,26.1h30.1l-15-26.1l45.2-78.2L346.3,13.1L346.3,13.1z"/>
+	<path class="st0" d="M105.3,13.1H45.2l15,26.1h30.1l-45.2,78.2h30.1l45.2-78.2L105.3,13.1z"/>
+</g>
+</svg>
diff --git a/media/logo.svg b/media/logo.svg
new file mode 100755
index 0000000..dcdc506
--- /dev/null
+++ b/media/logo.svg
@@ -0,0 +1,42 @@
+<svg id="a1cc9e4c-f281-4a71-8c2a-f66150cb23fb" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1597.25 256">
+  <defs>
+    <style>
+      .b21e54f4-80ce-451e-b7cb-6bfa850b4ee0 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <g>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M428.368,230.479H369.276l44.368,76.76H324.908l29.448,51.24H502.184Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M221.644,281.521l44.368,76.761H325.1l-73.816-128Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M901.5,332.761,872.049,384h59.092Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M59.288,153.718H0L59.288,256,.2,358.282H59.288L117.988,256Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M236.564,153.718l73.816,128h59.092l-73.816-128Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M1004.957,153.718H945.865L886.969,256l59.092,102.282h59.092L945.865,256Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M206.724,307.239l-29.448,51.24h59.092Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M930.945,128h-58.9L901.5,179.239Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M502.38,153.718l-44.368,76.761,29.448,51.239,44.368-76.761h29.448l-58.9,102.282,29.448,51.239H590.92l-29.448-51.239,88.737-153.521Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M827.681,204.761,798.233,256l29.448,51.239H768.589l-29.448,51.239H857.325l29.448-51.239L857.325,256l29.448-51.239-29.448-51.24H768.589L679.853,307.043,709.3,358.282l88.736-153.521Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M473.129,153.718H325.3l29.447,51.239h88.737Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M679.853,153.718,591.116,307.239l29.448,51.239h59.092l-29.447-51.239,88.736-153.521Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M206.724,153.718H88.736l29.448,51.239h59.092L88.54,358.478h59.092l88.736-153.521Z" transform="translate(0 -128)"/>
+  </g>
+  <g>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M1024,153.5h44.62c27.853,0,47.188,17.848,47.188,48.54,0,30.828-18.389,48.135-48.4,48.135H1024Zm41.1,73.283c12.981,0,22.039-8.382,22.039-24.743,0-15.954-8.517-25.148-22.039-25.148h-12.845v49.891Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M1122.428,153.5h25.555v19.335h-25.555Zm0,27.718h25.555v68.957h-25.555Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M1153.116,227.865h24.472c.406,5.679,3.922,9.059,10.411,9.059,5,0,8.789-1.757,8.789-5.949,0-5.679-7.977-6.355-16.9-7.707-11.628-1.757-25.014-4.867-25.014-22.174,0-14.2,14.467-22.039,31.369-22.039,20.957,0,31.909,7.842,32.856,21.363h-24.067c-.676-5.138-4.463-6.22-8.653-6.22-3.787,0-7.3,1.488-7.3,5,0,3.921,6.355,4.732,14.2,5.814,12.575,1.758,28.53,4.6,28.53,23.8,0,16.5-15.008,23.662-33.938,23.662C1167.448,252.474,1153.251,243.685,1153.116,227.865Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M1222.2,181.218h8.924V158.909h25.014v22.309h13.115v15.414h-13.115V224.62c0,6.9,4.867,7.031,12.844,6.49V249.9a52.364,52.364,0,0,1-12.573,1.623c-16.767,0-25.285-4.732-25.285-21.228V196.632H1222.2Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M1300.216,191.629h.405c5.544-8.653,12.17-11.9,20.958-11.9a9.824,9.824,0,0,1,4.192.676v21.769h-.541c-15.008-2.57-23.8,4.191-23.8,19.74v28.259h-25.554V181.218h24.337Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M1328.335,215.561c0-20.822,15.008-36.641,36.778-36.641,10.816,0,19.064,3.515,25.419,9.329,8.382,7.707,12.3,20.011,12.033,33.667h-49.216c1.488,7.977,5.814,12.845,13.521,12.845,4.461,0,7.707-1.758,9.6-5.138h24.743c-1.487,6.22-6.355,12.3-13.115,16.631-6.354,4.056-13.25,5.814-22.039,5.814C1343.479,252.068,1328.335,236.654,1328.335,215.561Zm25.014-7.166h23.8c-1.081-7.707-5.408-12.3-11.493-12.3C1358.622,196.091,1354.7,200.823,1353.349,208.4Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M1404.86,227.865h24.472c.4,5.679,3.921,9.059,10.411,9.059,5,0,8.789-1.757,8.789-5.949,0-5.679-7.977-6.355-16.9-7.707-11.628-1.757-25.014-4.867-25.014-22.174,0-14.2,14.467-22.039,31.368-22.039,20.958,0,31.91,7.842,32.857,21.363h-24.067c-.676-5.138-4.463-6.22-8.654-6.22-3.786,0-7.3,1.488-7.3,5,0,3.921,6.355,4.732,14.2,5.814,12.575,1.758,28.53,4.6,28.53,23.8,0,16.5-15.008,23.662-33.938,23.662C1419.192,252.474,1404.994,243.685,1404.86,227.865Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M1476.243,227.865h24.472c.406,5.679,3.922,9.059,10.411,9.059,5,0,8.79-1.757,8.79-5.949,0-5.679-7.978-6.355-16.9-7.707C1491.386,221.511,1478,218.4,1478,201.094c0-14.2,14.466-22.039,31.368-22.039,20.957,0,31.91,7.842,32.856,21.363h-24.067c-.676-5.138-4.462-6.22-8.653-6.22-3.787,0-7.3,1.488-7.3,5,0,3.921,6.355,4.732,14.2,5.814,12.574,1.758,28.529,4.6,28.529,23.8,0,16.5-15.008,23.662-33.937,23.662C1490.575,252.474,1476.378,243.685,1476.243,227.865Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M1024,261.661h28.259l31.639,54.355h.271V261.661h27.312v96.675h-29.2l-30.694-54.76h-.269v54.76H1024Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M1119.045,323.722c0-20.822,15.008-36.641,36.778-36.641,10.816,0,19.064,3.515,25.419,9.329,8.382,7.707,12.3,20.011,12.033,33.667h-49.216c1.488,7.977,5.814,12.846,13.521,12.846,4.461,0,7.707-1.758,9.6-5.139h24.743c-1.487,6.22-6.355,12.3-13.115,16.631-6.355,4.057-13.251,5.814-22.039,5.814C1134.189,360.229,1119.045,344.816,1119.045,323.722Zm25.014-7.166h23.8c-1.081-7.706-5.408-12.3-11.493-12.3C1149.332,304.252,1145.412,308.984,1144.059,316.556Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M1194.623,289.379h8.924V267.07h25.014v22.309h13.114v15.414h-13.114v27.988c0,6.9,4.866,7.032,12.844,6.491v18.793a52.373,52.373,0,0,1-12.574,1.623c-16.766,0-25.284-4.732-25.284-21.227V304.793h-8.924Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M1245.456,289.379h26.365l6.762,25.014c1.486,5.408,3.244,13.792,3.244,13.792h.27s1.759-8.519,3.246-14.333l5.949-24.473h21.634l5.949,24.473c1.487,5.949,3.244,14.6,3.244,14.6h.271s2.028-8.653,3.38-14.061l6.625-25.014h25.826l-21.9,68.957h-24.608l-7.031-28.664c-1.352-5.274-2.838-12.845-2.838-12.845h-.271s-1.488,7.571-2.84,12.845l-7.031,28.664h-24.2Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M1356.322,323.993c0-20.958,14.873-36.642,37.859-36.642s37.588,15.684,37.588,36.642-14.6,36.507-37.588,36.507S1356.322,344.951,1356.322,323.993Zm49.487,0c0-11.628-4.056-19.47-11.9-19.47s-11.628,7.842-11.628,19.47,3.787,19.471,11.628,19.471S1405.809,335.621,1405.809,323.993Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M1462.456,299.79h.406c5.544-8.653,12.169-11.9,20.957-11.9a9.824,9.824,0,0,1,4.192.676v21.769h-.541c-15.008-2.569-23.8,4.191-23.8,19.74v28.259h-25.555V289.379h24.337Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M1524.513,333.593l-5.273,5.813v18.93h-25.149V261.661h25.149v48.27l16.63-20.552h28.665L1541.549,314.8l25.691,43.538h-28.935Z" transform="translate(0 -128)"/>
+    <path class="b21e54f4-80ce-451e-b7cb-6bfa850b4ee0" d="M1570.883,332.512h26.367v25.824h-26.367Z" transform="translate(0 -128)"/>
+  </g>
+</svg>
diff --git a/meta/index.html b/meta/index.html
new file mode 100755
index 0000000..147875a
--- /dev/null
+++ b/meta/index.html
@@ -0,0 +1,50 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="stylesheet" href="/fonts/fonts.css">
+<link rel="stylesheet" href="/css/main.css">
+<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
+<link rel="manifest" href="/favicon/site.webmanifest">
+<script src="/js/bg.js"></script>
+<script src="/js/csi.js"></script>
+<title>Meta-Website Utilities</title>
+<meta name="description" content="&laquo;INTERSTRATA.&raquo; &mdash; This directory contains information and utilities concerning the website itself." />
+<meta http-equiv="last-modified" content="2020-11-21 21:30:37-05:00" />
+</head>
+
+<body>
+<header>
+<div class="bomber">INTERSTRATA.</div>
+<hr>
+<div class="identcontainer">
+<div class="ident"><time datetime="2020-11-21 21:30:37-05:00">201121</time>––––<a href="https://distress.network">DistressNetwork°</a></div>
+<img class="headerlogo" src="/media/distressnetwork-b.svg" alt="">
+</div>
+</header>
+<div class="contentlevel">
+<nav aria-hidden="true">
+<div data-include="/nav.html"></div>
+<noscript><pre style="white-space: normal;">Please enable javascript to use the sitemap, or access it <a href="/meta/sitemap">[here]</a></pre></noscript>
+</nav>
+<main>
+<div class="leading">This directory contains information and utilities concerning the website itself.</div>
+<hr>
+
+<!-- end of header -->
+<ul>
+<li>The <a href="meta/sitemap">sitemap</a> is a hierarchical overview of all pages on the site.</li>
+<li>The <a href="meta/styletest">styletest</a> is a template of all document elements with defined styles.</li>
+<li>The <a href="meta/todo">to-do list</a> is a dynamic list of maintenance tasks.</li>
+</ul>
+</main>
+</div>
+<footer>
+<p><a href="/info">About.</a> <a href="mailto:uplink@distress.network">Contact.</a> <a href="/cw.html">Content Warning.</a> <a>Donate.</a> <a href="https://git.distress.network">Git.</a> <a href="/meta/sitemap">Sitemap.</a> <a href="https://creativecommons.org/licenses/by-sa/4.0">CC BY-SA 4.0.</a></p>
+<img src="/media/distressnetwork-w.svg" alt="">
+</footer>
+</body>
+</html>
diff --git a/meta/sitemap/index.html b/meta/sitemap/index.html
new file mode 100755
index 0000000..8b59559
--- /dev/null
+++ b/meta/sitemap/index.html
@@ -0,0 +1,34 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="UTF-8">
+<link rel="stylesheet" href="/fonts/fonts.css">
+<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
+<link rel="manifest" href="/favicon/site.webmanifest">
+<style>
+:root 	{font-size: 15px;}
+body 	{background-color: #111; margin: 2rem;}
+pre 	{color: #ddd; font-family: jetbrains-mono-regular, Consolas, Menlo, monospace; font-style: normal; font-size: 1rem; line-height: 1.5em; white-space: pre-wrap;}
+pre a	{color: #ddd;}
+pre a:link	{text-decoration: none; color: #ddd;}
+pre a:visited	{text-decoration: none; color: #ddd;}
+pre a:hover	{text-decoration: none; color: #111; background-color: #ddd;}
+pre a:active	{text-decoration: none; color: #ddd;}
+</style>
+<title>Sitemap</title>
+<meta http-equiv="last-modified" content="2020-11-21 22:44:12-05:00" />
+</head>
+
+<body>
+<pre>
+<a href="/">·</a>
+├───<a href="/info">info</a>
+└───<a href="/meta">meta</a>
+    ├───<a href="/meta/sitemap">sitemap</a>
+    ├───<a href="/meta/styletest">styletest</a>
+    └───<a href="/meta/todo">todo</a>
+</pre>
+</body>
+</html>
\ No newline at end of file
diff --git a/meta/src.md b/meta/src.md
new file mode 100644
index 0000000..b84f3b9
--- /dev/null
+++ b/meta/src.md
@@ -0,0 +1,8 @@
+title: Meta-Website Utilities
+bomber: INTERSTRATA.
+leading: This directory contains information and utilities concerning the website itself.
+
+
+- The [sitemap](meta/sitemap) is a hierarchical overview of all pages on the site.
+- The [styletest](meta/styletest) is a template of all document elements with defined styles.
+- The [to-do list](meta/todo) is a dynamic list of maintenance tasks.
diff --git a/meta/styletest/index.html b/meta/styletest/index.html
new file mode 100755
index 0000000..cd80557
--- /dev/null
+++ b/meta/styletest/index.html
@@ -0,0 +1,176 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="stylesheet" href="/fonts/fonts.css">
+<link rel="stylesheet" href="/css/main.css">
+<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
+<link rel="manifest" href="/favicon/site.webmanifest">
+<script src="/js/bg.js"></script>
+<script src="/js/csi.js"></script>
+<title>Style Template</title>
+<meta name="description" content="&laquo;BOMBER TEXT&raquo; &mdash; Title &amp; Explanatory Phrase" />
+<meta http-equiv="last-modified" content="2020-11-20 04:15:52-05:00" />
+</head>
+
+<body>
+<header>
+<div class="bomber">BOMBER TEXT</div>
+<hr>
+<div class="identcontainer">
+<div class="ident"><time datetime="2020-11-20 04:15:52-05:00">201120</time>––––<a href="https://distress.network">DistressNetwork°</a></div>
+<img class="headerlogo" src="/media/distressnetwork-b.svg" alt="">
+</div>
+</header>
+<div class="contentlevel">
+<nav aria-hidden="true">
+<div data-include="/nav.html"></div>
+<noscript><pre style="white-space: normal;">Please enable javascript to use the sitemap, or access it <a href="/meta/sitemap">[here]</a></pre></noscript>
+</nav>
+<main>
+<div class="leading">Title &amp; Explanatory Phrase</div>
+<hr>
+
+<!-- end of header -->
+<nav class="toc">
+<ul>
+<li><a href="#Header%20Level%20One">Header Level One</a>
+<ul>
+<li><a href="#Header%20Level%20Two">Header Level Two</a></li>
+</ul></li>
+<li><a href="#%E2%80%9C%C3%9Cnic%C3%B8de%E2%80%9D%20Test">“Ünicøde” Test</a></li>
+<li><a href="#Paragraph%20Test">Paragraph Test</a></li>
+<li><a href="#Table%20Test">Table Test</a></li>
+<li><a href="#Image%20Test">Image Test</a></li>
+<li><a href="#Citation%20%26%20Caption%20Formatting">Citation & Caption Formatting</a></li>
+</ul>
+</nav>
+<h1 id="Header%20Level%20One">Header Level One</h1>
+
+<h2 id="Header%20Level%20Two">Header Level Two</h2>
+
+<p>Paragraph <strong>(Bold)</strong> <em>(Italic)</em> <del>Strikethrough</del> <code>(Monospace)</code></p>
+
+<p><a href="">Link</a></p>
+
+<ul>
+<li>List Level One
+
+<ul>
+<li>List Level Two
+
+<ul>
+<li>List Level Three</li>
+</ul></li>
+</ul></li>
+</ul>
+
+<blockquote>
+<p>Block Quote<br/>
+which spans<br/>
+across multiple<br/>
+lines of text,<br/>
+and also spans across a horizontal length sufficient to cause a word wrap (which, ideally, should not hyphenate or overflow)</p>
+
+<blockquote>
+<p>additionally, a Nested Block Quote</p>
+
+<blockquote>
+<p>(triply, even)</p>
+</blockquote>
+</blockquote>
+</blockquote>
+
+<pre><code>int main() {
+    printf("Code Block\n");
+    printf("Line inside the same code block which is much longer than the line preceding it");
+    exit(0);
+}
+</code></pre>
+
+<figure><img src="styletest/math.svg" alt=""></figure>
+
+<p>(and perhaps Inline <img src="styletest/math2.svg" alt="#tex" /> as well, which will inevitably lead to some strange undefined behaviour)</p>
+
+<h1 id="%E2%80%9C%C3%9Cnic%C3%B8de%E2%80%9D%20Test">“Ünicøde” Test</h1>
+
+<p>(this seems to break the table of contents sometimes)</p>
+
+<h1 id="Paragraph%20Test">Paragraph Test</h1>
+
+<p>In mathematics, computer science, and linguistics, a <strong>formal language</strong> consists of words whose letters are taken from an alphabet and are well-formed according to a specific set of rules. The alphabet of a formal language consist of symbols, letters, or tokens that concatenate into strings of the language. Each string concatenated from symbols of this alphabet is called a word, and the words that belong to a particular formal language are sometimes called <em>well-formed words</em> or <em>well-formed formulas</em>. A formal language is often defined by means of a formal grammar such as a regular grammar or context-free grammar, which consists of its formation rules.</p>
+
+<p>The field of <strong>formal language theory</strong> studies primarily the purely syntactical aspects of such languages—that is, their internal structural patterns. Formal language theory sprang out of linguistics, as a way of understanding the syntactic regularities of natural languages. In computer science, formal languages are used among others as the basis for defining the grammar of programming languages and formalized versions of subsets of natural languages in which the words of the language represent concepts that are associated with particular meanings or semantics.</p>
+
+<p>In <strong>computational complexity theory</strong>, decision problems are typically defined as formal languages, and complexity classes are defined as the sets of the formal languages that can be parsed by machines with limited computational power. In logic and the foundations of mathematics, formal languages are used to represent the syntax of axiomatic systems, and mathematical formalism is the philosophy that all of mathematics can be reduced to the syntactic manipulation of formal languages in this way.</p>
+
+<h1 id="Table%20Test">Table Test</h1>
+
+<table>
+<thead>
+<tr>
+<th>Left Header</th>
+<th style="text-align: center">Center Header</th>
+<th style="text-align: right">Right Header</th>
+</tr>
+</thead>
+
+<tbody>
+<tr>
+<td>Left Cell</td>
+<td style="text-align: center">Center Cell</td>
+<td style="text-align: right">Right Cell</td>
+</tr>
+</tbody>
+</table>
+
+<table>
+<thead>
+<tr>
+<th>Long</th>
+<th>Cell</th>
+<th>Test</th>
+</tr>
+</thead>
+
+<tbody>
+<tr>
+<td>And blood-black nothingness began to spin,</td>
+<td>A system of cells interlinked</td>
+<td>within Cells interlinked</td>
+</tr>
+<tr>
+<td>within cells interlinked</td>
+<td>Within one stem; And dreadfully distinct</td>
+<td>against the dark, a tall white fountain played.</td>
+</tr>
+</tbody>
+</table>
+
+<h1 id="Image%20Test">Image Test</h1>
+
+<figure><a href="/media/banner.png"><img src="/media/banner.png" alt=""></a><figcaption><p>Image Caption</p></figcaption></figure>
+
+<figure><a href="styletest/test-wide.png"><img src="styletest/test-wide.png" alt=""></a><figcaption><p>Image Caption</p></figcaption></figure>
+
+<figure><a href="styletest/test-tall.png"><img src="styletest/test-tall.png" alt=""></a><figcaption><p>Image Caption</p></figcaption></figure>
+
+<h1 id="Citation%20%26%20Caption%20Formatting">Citation & Caption Formatting</h1>
+
+<ul>
+<li><a href="https://www.scribbr.com/chicago-style/citation-examples/">Chicago-like</a></li>
+</ul>
+
+<pre><code>[Author[[, Author[, ...]] &#38; Author]. ]“Title.”[ YYYY[-MM-DD].][ Medium[, details].][ Notes.]
+</code></pre>
+</main>
+</div>
+<footer>
+<p><a href="/info">About.</a> <a href="mailto:uplink@distress.network">Contact.</a> <a href="/cw.html">Content Warning.</a> <a>Donate.</a> <a href="https://git.distress.network">Git.</a> <a href="/meta/sitemap">Sitemap.</a> <a href="https://creativecommons.org/licenses/by-sa/4.0">CC BY-SA 4.0.</a></p>
+<img src="/media/distressnetwork-w.svg" alt="">
+</footer>
+</body>
+</html>
diff --git a/meta/styletest/math.svg b/meta/styletest/math.svg
new file mode 100755
index 0000000..ef2c115
--- /dev/null
+++ b/meta/styletest/math.svg
@@ -0,0 +1,47 @@
+<?xml version='1.0' encoding='UTF-8'?>
+<!-- This file was generated by dvisvgm 2.6.1 -->
+<svg height='22.196827pt' version='1.1' viewBox='-94.186747 -144.000014 191.567488 22.196827' width='191.567488pt' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'>
+<style type='text/css'>
+<![CDATA[
+@font-face{font-family:cmr10;src:url(data:application/x-font-ttf;base64,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) format('truetype');}
+@font-face{font-family:cmr7;src:url(data:application/x-font-ttf;base64,AAEAAAANAIAAAwBQRkZUTYtfpucAAAWYAAAAHE9TLzJVV1+FAAABWAAAAFZjbWFwAGYD5wAAAcQAAAFKY3Z0IAAhAnkAAAMQAAAABGdhc3D//wADAAAFkAAAAAhnbHlmO/cLUAAAAyAAAAEsaGVhZBoFC/wAAADcAAAANmhoZWEGQQNRAAABFAAAACRobXR4CD0AuwAAAbAAAAAUbG9jYQB8AOoAAAMUAAAADG1heHAASQBdAAABOAAAACBuYW1liT6CDgAABEwAAAEXcG9zdAAcACYAAAVkAAAALAABAAAAAQAA9Mnu+V8PPPUACwPoAAAAANvUZCcAAAAA29RkJwAhAAADHQLJAAAACAACAAAAAAAAAAEAAALJAAAAWgNLAAAAAAMdAAEAAAAAAAAAAAAAAAAAAAAFAAEAAAAFACwAAgAAAAAAAgAAAAEAAQAAAEAALgAAAAAAAQLCAZAABQAAAooCvAAAAIwCigK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAABAAAAAAAAAAAAAAAAUGZFZAAAADEAQQLu/wYAWgLJAAAAAAABAAAAAAAAAWwAIQAAAAABTQAAAjkAbQNLAC0AAAADAAAAAwAAABwAAQAAAAAARAADAAEAAAAcAAQAKAAAAAYABAABAAIAMQBB//8AAAAxAEH////S/8MAAQAAAAAAAAAAAQYAAAEAAAAAAAAAAQIAAAACAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhAnkAAAAqACoAKgBSAJYAAgAhAAABKgKaAAMABwAusQEALzyyBwQA7TKxBgXcPLIDAgDtMgCxAwAvPLIFBADtMrIHBgH8PLIBAgDtMjMRIREnMxEjIQEJ6MfHApr9ZiECWAAAAQBtAAAB2QKYABkAAAE0JiMGIxUyNxEUDgErARU2MzIXNSMiLgE1AU8JFUGDWjcIKzEmSGpbWCYxKwgCfBQIQCQc/gIUDwskBAQkCw8UAAACAC0AAAMdAskAKAArAAABLgEiBgcDDgIjFTYzMh4BMzUiJjU0PwEhFxYVFCMVNjMyFzUjIiYnARMhAcEFChoKBecIDjYpLToSOSsCIScFMAEcOgVRZDFZLBQvHQn+04D/AAKyDgkJDv23ExcbJAQCAiQbFQgMe5IMBRwkBAQkDxcCAv67AAAAAAAIAGYAAQAAAAAAAgAHABAAAQAAAAAAAwAhAFwAAQAAAAAABQALAJYAAQAAAAAABgAEAKwAAwABBAkAAgAOAAAAAwABBAkAAwBCABgAAwABBAkABQAWAH4AAwABBAkABgAIAKIAUgBlAGcAdQBsAGEAcgAAUmVndWxhcgAARgBvAG4AdABGAG8AcgBnAGUAIAAyAC4AMAAgADoAIABjAG0AcgA3ACAAOgAgADEAMwAtADEAMQAtADIAMAAyADAAAEZvbnRGb3JnZSAyLjAgOiBjbXI3IDogMTMtMTEtMjAyMAAAVgBlAHIAcwBpAG8AbgAgADEALgAwAABWZXJzaW9uIDEuMAAAYwBtAHIANwAAY21yNwAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAEAAgAUACQAAAAB//8AAgAAAAEAAAAA07bemAAAAADb1GQnAAAAANvUZCc=) format('truetype');}
+@font-face{font-family:cmmi10;src:url(data:application/x-font-ttf;base64,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) format('truetype');}
+@font-face{font-family:cmsy7;src:url(data:application/x-font-ttf;base64,AAEAAAANAIAAAwBQRkZUTYtfpucAAATkAAAAHE9TLzJ2SH/kAAABWAAAAFZjbWFwAA8lvQAAAcAAAAFCY3Z0IAAhAaIAAAMEAAAABGdhc3D//wADAAAE3AAAAAhnbHlmj+GIhgAAAxQAAAB8aGVhZBn4CvUAAADcAAAANmhoZWEFLgOBAAABFAAAACRobXR4CnQAjQAAAbAAAAAQbG9jYQBoAFQAAAMIAAAACm1heHAASAA7AAABOAAAACBuYW1lsVK4mAAAA5AAAAEdcG9zdAD2AAMAAASwAAAAKgABAAAAAQAAt+AMN18PPPUACwPnAAAAANvUZCcAAAAA29RkJwAhAAADEAHDAAAACAACAAAAAAAAAAEAAAHDAAAAWgN8AAAAAAMQAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAEAAoAAgAAAAAAAgAAAAEAAQAAAEAALgAAAAAAAQN8AZAABQAAAokCuwAAAIsCiQK7AAAB3wAxAQIAAAIABQkAAAAAAAAAAAAAAAAAQAAAAAAAAAAAUGZFZAAAIhIiEgHD/dwAWgHDAAAAAAABAAAAAAAAA3wAIQAAAAADfAAAA3wAbAAAAAMAAAADAAAAHAABAAAAAAA8AAMAAQAAABwABAAgAAAABAAEAAEAACIS//8AACIS///d8QABAAAAAAAAAQYAAAEAAAAAAAAAAQIAAAACAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhAaIAAAAqACoAKgA+AAAAAgAhAAABKQHDAAMABwAusQEALzyyBwQA7TKxBgXcPLIDAgDtMgCxAwAvPLIFBADtMrIHBgH8PLIBAgDtMjMRIREnMxEjIQEI58bGAcP+PSEBgQAAAQBsAOIDEAETAAkAACUyNTQjISIVFDMC6Cgo/awoKOIYGRgZAAAAAAAACABmAAEAAAAAAAIABwAQAAEAAAAAAAMAIgBeAAEAAAAAAAUACwCZAAEAAAAAAAYABQCxAAMAAQQJAAIADgAAAAMAAQQJAAMARAAYAAMAAQQJAAUAFgCBAAMAAQQJAAYACgClAFIAZQBnAHUAbABhAHIAAFJlZ3VsYXIAAEYAbwBuAHQARgBvAHIAZwBlACAAMgAuADAAIAA6ACAAYwBtAHMAeQA3ACAAOgAgADEAMwAtADEAMQAtADIAMAAyADAAAEZvbnRGb3JnZSAyLjAgOiBjbXN5NyA6IDEzLTExLTIwMjAAAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAVmVyc2lvbiAxLjAAAGMAbQBzAHkANwAAY21zeTcAAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABAAAAAEAAgDvAAAAAAAB//8AAgAAAAEAAAAA07bemAAAAADb1GQnAAAAANvUZCc=) format('truetype');}
+text.f0 {font-family:cmsy7;font-size:6.973848px}
+text.f1 {font-family:cmmi10;font-size:9.96264px}
+text.f2 {font-family:cmr10;font-size:9.96264px}
+text.f3 {font-family:cmr7;font-size:6.973848px}
+]]>
+</style>
+<g id='page1' transform='matrix(2 0 0 2 0 0)'>
+<text class='f1' x='-47.093374' y='-63.392253'>
+<tspan fill='#dddddd'>f</tspan>
+</text>
+<text class='f0' x='-41.143426' y='-67.505749'>
+<tspan fill='#dddddd'>−</tspan>
+</text>
+<text class='f3' x='-34.916747' y='-67.505749'>
+<tspan fill='#dddddd'>1</tspan>
+</text>
+<text class='f2' x='-30.447391' y='-63.392253'>
+<tspan fill='#dddddd'>(</tspan>
+</text>
+<text class='f1' x='-26.573018' y='-63.392253'>
+<tspan fill='#dddddd'>x</tspan>
+</text>
+<text class='f2' x='-20.879086' y='-63.392253'>
+<tspan fill='#dddddd'>)</tspan>
+<tspan fill='#dddddd' x='-14.237379'>=</tspan>
+<tspan fill='#dddddd' x='-3.721299'>L</tspan>
+</text>
+<text class='f3' x='-1.081187' y='-65.434567'>
+<tspan fill='#dddddd'>A</tspan>
+</text>
+<text class='f2' x='3.305242' y='-63.392253'>
+<tspan fill='#dddddd'>T</tspan>
+<tspan fill='#dddddd' x='8.839707' y='-61.247525'>E</tspan>
+<tspan fill='#dddddd' x='14.374524' y='-63.392253'>X</tspan>
+<tspan fill='#dddddd' x='25.167398'>Math</tspan>
+</text>
+</g>
+</svg>
\ No newline at end of file
diff --git a/meta/styletest/math2.svg b/meta/styletest/math2.svg
new file mode 100755
index 0000000..9d8bc93
--- /dev/null
+++ b/meta/styletest/math2.svg
@@ -0,0 +1,15 @@
+<?xml version='1.0' encoding='UTF-8'?>
+<!-- This file was generated by dvisvgm 2.6.1 -->
+<svg height='13.837004pt' version='1.1' viewBox='-94.186747 -144.000016 47.045944 13.837004' width='47.045944pt' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'>
+<style type='text/css'>
+<![CDATA[
+@font-face{font-family:cmr10;src:url(data:application/x-font-ttf;base64,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) format('truetype');}
+text.f0 {font-family:cmr10;font-size:9.96264px}
+]]>
+</style>
+<g id='page1' transform='matrix(2 0 0 2 0 0)'>
+<text class='f0' x='-47.093374' y='-65.081506'>
+<tspan fill='#dddddd'>Math</tspan>
+</text>
+</g>
+</svg>
\ No newline at end of file
diff --git a/meta/styletest/simple.html b/meta/styletest/simple.html
new file mode 100755
index 0000000..c1c15ec
--- /dev/null
+++ b/meta/styletest/simple.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="UTF-8">
+<link rel="stylesheet" href="/fonts/fonts.css">
+<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
+<link rel="manifest" href="/favicon/site.webmanifest">
+<style>
+:root 	{font-size: 15px;}
+body 	{background-color: #111; margin: 2rem;}
+pre 	{color: #ddd; font-family: jetbrains-mono-regular, Consolas, Menlo, monospace; font-style: normal; font-size: 1rem; line-height: 1.5em; white-space: pre-wrap;}
+pre a	{color: #ddd;}
+pre a:link	{text-decoration: none; color: #ddd;}
+pre a:visited	{text-decoration: none; color: #ddd;}
+pre a:hover	{text-decoration: none; color: #111; background-color: #ddd;}
+pre a:active	{text-decoration: none; color: #ddd;}
+</style>
+<title>Simplistic Template</title>
+<meta http-equiv="last-modified" content="2020-11-13 11:50:44-05:00" />
+</head>
+
+<body>
+<pre>
+simple layout, plain text only
+for the little things
+</pre>
+</body>
+</html>
\ No newline at end of file
diff --git a/meta/styletest/src.md b/meta/styletest/src.md
new file mode 100644
index 0000000..3737f60
--- /dev/null
+++ b/meta/styletest/src.md
@@ -0,0 +1,77 @@
+title: Style Template
+bomber: BOMBER TEXT
+leading: Title &amp; Explanatory Phrase
+opts: c 
+
+
+# Header Level One
+
+## Header Level Two
+
+Paragraph **(Bold)** *(Italic)* ~~Strikethrough~~ `(Monospace)`
+
+[Link]()
+
+- List Level One
+	- List Level Two
+		- List Level Three
+
+> Block Quote  
+> which spans  
+> across multiple  
+> lines of text,  
+> and also spans across a horizontal length sufficient to cause a word wrap (which, ideally, should not hyphenate or overflow)
+>
+> > additionally, a Nested Block Quote
+> > > (triply, even)
+
+```
+int main() {
+	printf("Code Block\n");
+	printf("Line inside the same code block which is much longer than the line preceding it");
+	exit(0);
+}
+```
+
+![#tex](styletest/math.svg)
+
+(and perhaps Inline ![#tex](styletest/math2.svg) as well, which will inevitably lead to some strange undefined behaviour)
+
+# “Ünicøde” Test
+
+(this seems to break the table of contents sometimes)
+
+# Paragraph Test
+
+In mathematics, computer science, and linguistics, a **formal language** consists of words whose letters are taken from an alphabet and are well-formed according to a specific set of rules. The alphabet of a formal language consist of symbols, letters, or tokens that concatenate into strings of the language. Each string concatenated from symbols of this alphabet is called a word, and the words that belong to a particular formal language are sometimes called *well-formed words* or *well-formed formulas*. A formal language is often defined by means of a formal grammar such as a regular grammar or context-free grammar, which consists of its formation rules.
+
+The field of **formal language theory** studies primarily the purely syntactical aspects of such languages—that is, their internal structural patterns. Formal language theory sprang out of linguistics, as a way of understanding the syntactic regularities of natural languages. In computer science, formal languages are used among others as the basis for defining the grammar of programming languages and formalized versions of subsets of natural languages in which the words of the language represent concepts that are associated with particular meanings or semantics.
+
+In **computational complexity theory**, decision problems are typically defined as formal languages, and complexity classes are defined as the sets of the formal languages that can be parsed by machines with limited computational power. In logic and the foundations of mathematics, formal languages are used to represent the syntax of axiomatic systems, and mathematical formalism is the philosophy that all of mathematics can be reduced to the syntactic manipulation of formal languages in this way.
+
+# Table Test
+
+Left Header	| Center Header	| Right Header
+-----		| :---:		| ----:
+Left Cell	| Center Cell	| Right Cell
+
+Long | Cell | Test
+--- | --- | ---
+And blood-black nothingness began to spin, | A system of cells interlinked | within Cells interlinked
+within cells interlinked | Within one stem; And dreadfully distinct | against the dark, a tall white fountain played.
+
+# Image Test
+
+![Image Caption](/media/banner.png)
+
+![Image Caption](styletest/test-wide.png)
+
+![Image Caption](styletest/test-tall.png)
+
+# Citation & Caption Formatting
+
+- [Chicago-like](https://www.scribbr.com/chicago-style/citation-examples/)
+
+```
+[Author[[, Author[, ...]] & Author]. ]“Title.”[ YYYY[-MM-DD].][ Medium[, details].][ Notes.]
+```
diff --git a/meta/styletest/test-tall.png b/meta/styletest/test-tall.png
new file mode 100755
index 0000000..0108a6b
--- /dev/null
+++ b/meta/styletest/test-tall.png
diff --git a/meta/styletest/test-wide.png b/meta/styletest/test-wide.png
new file mode 100755
index 0000000..f6fc118
--- /dev/null
+++ b/meta/styletest/test-wide.png
diff --git a/meta/todo/index.html b/meta/todo/index.html
new file mode 100755
index 0000000..d069260
--- /dev/null
+++ b/meta/todo/index.html
@@ -0,0 +1,49 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="stylesheet" href="/fonts/fonts.css">
+<link rel="stylesheet" href="/css/main.css">
+<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
+<link rel="manifest" href="/favicon/site.webmanifest">
+<script src="/js/csi.js"></script>
+<title>To Do</title>
+<meta name="description" content="&laquo;FOR INTERNAL USE ONLY.&raquo; &mdash; To Do:" />
+<meta http-equiv="last-modified" content="2020-11-22 05:54:00-05:00" />
+</head>
+
+<body>
+<div class="contentlevel">
+<nav aria-hidden="true">
+<div data-include="/nav.html"></div>
+<noscript><pre style="white-space: normal;">Please enable javascript to use the sitemap, or access it <a href="/meta/sitemap">[here]</a></pre></noscript>
+</nav>
+<main>
+<div class="leading">To Do:</div>
+<hr>
+
+<!-- end of header -->
+<ul>
+<li><code>md.sh</code> improvements:
+
+<ul>
+<li>Rewrite URL encoding in C</li>
+<li>Other optimizations where possible</li>
+</ul></li>
+<li>Rework <code>cgit</code> CSS</li>
+<li>Add distress.network as repo</li>
+<li>Full site rebuild automation(?) </li>
+<li>Eventually set up donation page</li>
+<li>actually have content lmao</li>
+</ul>
+</main>
+</div>
+<footer>
+<p><a href="/info">About.</a> <a href="mailto:uplink@distress.network">Contact.</a> <a href="/cw.html">Content Warning.</a> <a>Donate.</a> <a href="https://git.distress.network">Git.</a> <a href="/meta/sitemap">Sitemap.</a> <a href="https://creativecommons.org/licenses/by-sa/4.0">CC BY-SA 4.0.</a></p>
+<img src="/media/distressnetwork-w.svg" alt="">
+</footer>
+</body>
+</html>
diff --git a/meta/todo/src.md b/meta/todo/src.md
new file mode 100644
index 0000000..a9ae8c3
--- /dev/null
+++ b/meta/todo/src.md
@@ -0,0 +1,14 @@
+title: To Do
+bomber: FOR INTERNAL USE ONLY.
+leading: To Do:
+opts: h
+
+
+- `md.sh` improvements:
+	- Rewrite URL encoding in C
+	- Other optimizations where possible
+- Rework `cgit` CSS
+- Add distress.network as repo
+- Full site rebuild automation(?) 
+- Eventually set up donation page
+- actually have content lmao
diff --git a/nav.html b/nav.html
new file mode 100755
index 0000000..61955b6
--- /dev/null
+++ b/nav.html
@@ -0,0 +1,9 @@
+<pre>
+<!--title: Sitemap-->
+<a href="/">·</a>
+├───<a href="/info">info</a>
+└───<a href="/meta">meta</a>
+    ├───<a href="/meta/sitemap">sitemap</a>
+    ├───<a href="/meta/styletest">styletest</a>
+    └───<a href="/meta/todo">todo</a>
+</pre>
diff --git a/sitemap.xml b/sitemap.xml
new file mode 100755
index 0000000..5ba9f22
--- /dev/null
+++ b/sitemap.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
+xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" 
+xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+<url><loc>https://distress.network/</loc><lastmod></lastmod></url>
+<url><loc>https://distress.network/info/</loc><lastmod>2020-11-18T00:01:37-05:00</lastmod></url>
+<url><loc>https://distress.network/meta/</loc><lastmod>2020-11-21T21:30:37-05:00</lastmod></url>
+<url><loc>https://distress.network/meta/sitemap/</loc><lastmod>2020-11-21T22:44:12-05:00</lastmod></url>
+<url><loc>https://distress.network/meta/styletest/</loc><lastmod>2020-11-20T04:15:52-05:00</lastmod></url>
+<url><loc>https://distress.network/meta/todo/</loc><lastmod>2020-11-21T21:02:09-05:00</lastmod></url>
+</urlset>