5 files changed, 76 insertions, 1 deletions
diff --git a/src/css/styles.css b/src/css/styles.css
index 4572569..b89a373 100644
--- a/src/css/styles.css
+++ b/src/css/styles.css
@@ -237,3 +237,7 @@ a.navigation:visited, a.navigation:link {
     float: right;
 }
 
+dl > dt {
+    font-weight: bold;
+}
+
diff --git a/src/server.js b/src/server.js
index 4e109ad..b689ff5 100644
--- a/src/server.js
+++ b/src/server.js
@@ -100,6 +100,7 @@ async function sitemap(models) {
     "/work-square",
     "/misc",
     "/projects",
+    "/about",
   ]
   routes.forEach(item => {
     urlset.push(to_sitemap_xml(host, item, new Date().toISOString()))
@@ -215,7 +216,6 @@ function setUpRoutes(models, jwtFunctions, database, templates) {
     server.get('/word-square', cache('5 minutes'), (req, res) => res.sendFile(__dirname + "/html/word-square.html"));
     server.get('/chess', cache('5 minutes'), (req, res) => res.sendFile(__dirname + "/html/chess.html"));
     server.get('/admin/chess', cache('5 minutes'), async (req, res, next) => res.sendFile(__dirname + "/html/chess.html"));
-    // server.get('/projects', (req, res) => res.sendFile(__dirname + "/html/projects.html"));
     server.get('/zines', cache('5 minutes'), (req, res) => res.sendFile(__dirname + "/public/zines.html"));
     server.use('/static', express.static(__dirname + '/public'))
 
@@ -227,6 +227,10 @@ function setUpRoutes(models, jwtFunctions, database, templates) {
         let body = templates["projects"]();
         res.status(200).send(body)
     })
+    server.get('/about', cache('5 minutes'), async (req, res) => {
+        let body = templates["about"]();
+        res.status(200).send(body)
+    })
 
     server.get('/sitemap.xml', cache('1 day'), async (req, res) => {
         res.setHeader('Content-Type', 'text/xml')
diff --git a/src/templates.js b/src/templates.js
index 05f117a..5761be7 100644
--- a/src/templates.js
+++ b/src/templates.js
@@ -25,6 +25,7 @@ function setUpTemplates(){
     loadTemplate(templates, "tags", path.join(__dirname, 'templates/tags.html'))
     loadTemplate(templates, "misc", path.join(__dirname, 'templates/misc.html'))
     loadTemplate(templates, "projects", path.join(__dirname, 'templates/projects.html'))
+    loadTemplate(templates, "about", path.join(__dirname, 'templates/about.html'))
     return templates
 }
 
diff --git a/src/templates/about.html b/src/templates/about.html
new file mode 100644
index 0000000..b3d504b
--- /dev/null
+++ b/src/templates/about.html
@@ -0,0 +1,65 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <title>Mark's Kitchen - About</title>
+    <link rel="stylesheet" type="text/css" href="/css/styles.css">
+    <meta name="description" content="About Mark">
+    {{> header}}
+</head>
+
+<body>
+    <div>
+        <h1>
+            <a class="navigation" href="/" title="marks.kitchen">&lt;</a>
+            About
+        </h1>
+        {{> navigation}}
+        <p>
+            Hello! I'm Mark Powers. This is my website. I started it back in
+            2018 when I wanted to share my process of learning to bake bread.
+            Now it's mostly just a general blog, but also where I host a lot
+            of my <a href="/projects">projects</a>.
+        </p>
+        <p>
+        Here's a list of stuff about me:
+        </p>
+        <dl>
+            <dt>Occupation</dt>
+            <dd>Software engineer at <a href="https://www.chameleoncloud.org/">Chameleon Cloud</a></dd>
+
+            <dt>Location</dt>
+            <dd>Chicagoland</dd>
+
+            <dt>Almae Matres</dt>
+            <dd>Hope College, UW-Madison</dd>
+
+            <dt>Source Code</dt>
+            <dd>
+              <a href="https://git.marks.kitchen/">Gitweb</a>
+              or
+              <a href="https://github.com/Mark-Powers/">GitHub</a>
+            </dd>
+
+            <dt>Social</dt>
+            <dd><a href="https://fosstodon.org/@markp">markp</a></dd>
+
+            <dt>Hobbies</dt>
+            <dd>
+                Programming, video games, reading, bicycling, woodworking,
+                chess, cooking, disc golf
+            </dd>
+
+            <dt>Operating System<dt>
+            <dd>Regolith Linux</dd>
+
+            <dt>Editor<dt>
+            <dd>vim</dd>
+
+            <dt>Pets<dt>
+            <dd>One very fluffy black cat</dd>
+        </dl>
+    </div>
+</body>
+
+</html>
diff --git a/src/templates/navigation.html b/src/templates/navigation.html
index b101bab..6213e87 100644
--- a/src/templates/navigation.html
+++ b/src/templates/navigation.html
@@ -1,5 +1,6 @@
 <nav class="titlebar">
     <a href="/" class="btn btn-primary">Home</a>
+    <a href="/about" class="btn btn-primary">About</a>
     <a href="/bread" class="btn btn-primary">Bread</a>
     <a href="/blog" class="btn btn-primary">Blog</a>
     <a href="https://games.marks.kitchen" class="btn btn-primary">Games</a>