2 files changed, 112 insertions, 0 deletions
diff --git a/Anser/index.html b/Anser/index.html
new file mode 100644
index 0000000..7e52a26
--- /dev/null
+++ b/Anser/index.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+	<title>Anser</title>
+	<link rel="stylesheet" href="style.css">
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+    </head>
+
+    <body>
+	<div class="header">
+	    <h1>
+		<span class="color_orange">/</span>
+		<a href="/">personal_web</a>
+		<span class="color_orange">/</span>
+		Anser
+	    </h1>
+
+	</div>
+
+	<h2 id="Contact"><a href="#contact">~</a> contact_me</h2>
+
+	<section class="block">
+
+	    <h3>XMPP</h3>
+	    <p>> </p>
+	</section>
+
+	<section class="block">
+	    <h3>IRC</h3>
+	    <p>> Server: <a href="https://libera.chat">libera.chat</a></p>
+	    <p>> handle: void, legion</p>
+	</section>
+
+    </body>
+</html>
diff --git a/Anser/style.css b/Anser/style.css
new file mode 100644
index 0000000..16407f4
--- /dev/null
+++ b/Anser/style.css
@@ -0,0 +1,76 @@
+:root {
+    color-scheme: dark;
+}
+* {
+	border-radius: 0px;
+	--cl-black:       hsl(140, 1%, 6%);
+	--cl-gray-0:      hsl(140, 2%, 8%);
+	--cl-gray-1:      hsl(140, 2%, 12%);
+	--cl-gray-2:      hsl(140, 4%, 16%);
+	--cl-gray-3:      hsl(140, 4%, 24%);
+	--cl-gray-4:      hsl(140, 4%, 36%);
+	--cl-gray-5:      hsl(140, 4%, 44%);
+	--cl-gray-6:      hsl(80, 8%, 52%);
+	--cl-gray-7:      hsl(70, 8%, 58%);
+	--cl-gray-8:      hsl(60, 16%, 66%);
+	--cl-gray-9:      hsl(40, 32%, 78%);
+	--cl-gray-10:     hsl(30, 32%, 84%);
+	--cl-white:       hsl(26, 64%, 88%);
+	--cl-red-6:       hsl(0, 100%, 50%);
+	--cl-red-7:       hsl(4, 75%, 75%);
+	--cl-orange-6:    hsl(36, 100%, 50%);
+	--cl-orange-7:    hsl(26, 84%, 74%);
+	--cl-yellow:      hsl(37, 80%, 69%);
+	--cl-green-6:     hsl(120, 41%, 64%);
+	--cl-green-7:     hsl(120, 42%, 75%);
+	--cl-cyan-6:      hsl(160, 41%, 64%);
+	--cl-cyan-7:      hsl(160, 32%, 75%);
+	--cl-blue-6:      hsl(200, 55%, 64%);
+	--cl-blue-8:      hsl(201, 55%, 80%);
+	--cl-magenta-7:   hsl(320, 59%, 72%);
+	--cl-magenta-8:   hsl(320, 61%, 80%);
+	
+	box-sizing: border-box;
+}
+
+body {
+    margin: 5vh 15vw 5vh 15vw;
+    background-color: var(--cl-black);
+    color: var(--cl-red-6);
+    font-family: "DepartureMono", "Roboto Mono", monospace;
+}
+
+a:link {
+    border: 2px solid var(--cl-orange-6);
+    padding: 6px 6px;
+    text-decoration: none;
+    color: var(--cl-orange-6);
+}
+
+a:visited, a:active {
+    color: var(--cl-green-6);
+}
+
+.block {
+    background-color: var(--cl-gray-0);
+    border: 2px solid var(--cl-gray-2);
+    padding: 16px 32px;
+    margin: 1em;
+}
+
+.header {
+    padding: 5vh;
+}
+
+.header h1 {
+    font-size: 40px;
+}
+
+.color_orange {
+    color: var(--cl-orange-6);
+}
+
+@font-face {
+    font-family: "DepartureMono";
+    src: url("/fonts/DepartureMono-Regular.woff2") format("woff2");
+}