1 files changed, 82 insertions, 14 deletions
diff --git a/contact.html b/contact.html
index af3ea4a..e5f568f 100644
--- a/contact.html
+++ b/contact.html
@@ -1,16 +1,84 @@
-You can send me mail at this address:
-<a href="mailto:mail@53hor.net">mail@53hor.net</a>. I also exist on the
-following sites but may or may not use them that often.
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" href="/includes/stylesheet.css" />
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta
+      property="og:description"
+      content="The World Wide Web pages of Adam Carpenter"
+    />
+    <meta property="og:image" content="/includes/images/logo_diag.png" />
+    <meta property="og:site_name" content="53hor.net" />
+    <meta property="og:title" content="Contact Me" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://www.53hor.net" />
+    <title>53hornet ➙ Contact Me</title>
+  </head>
 
-<ul>
-  <li><a href="#">Discord</a></li>
-  <li><a href="#">Facebook</a></li>
-  <li><a href="#">Reddit</a></li>
-  <li><a href="#">Twitter</a></li>
-  <li><a href="#">YouTube</a></li>
-  <li><a href="https://www.linkedin.com/in/adam-carpenter/">LinkedIn</a></li>
-  <li><a href="https://steamcommunity.com/id/53hornet/">Steam</a></li>
-</ul>
+  <body>
+    <nav>
+      <ul>
+        <li>
+          <a href="/">
+            <img src="/includes/icons/home-roof.svg" />
+            Home
+          </a>
+        </li>
+        <li>
+          <a href="/about.html">
+            <img src="/includes/icons/information-variant.svg" />
+            About
+          </a>
+        </li>
+        <li>
+          <a href="/software.html">
+            <img src="/includes/icons/git.svg" />
+            Software
+          </a>
+        </li>
+        <li>
+          <a href="/hosted.html">
+            <img src="/includes/icons/desktop-tower.svg" />
+            Hosted
+          </a>
+        </li>
+        <li>
+          <a type="application/rss+xml" href="/rss.xml">
+            <img src="/includes/icons/rss.svg" />
+            RSS
+          </a>
+        </li>
+        <li>
+          <a href="/contact.html">
+            <img src="/includes/icons/at.svg" />
+            Contact
+          </a>
+        </li>
+      </ul>
+    </nav>
 
-If you were looking for source code repositories, see
-<a href="/software.html">Software</a>.
+    <article>
+      <h1>Contact Me</h1>
+
+      You can send me mail at this address:
+      <a href="mailto:mail@53hor.net">mail@53hor.net</a>. I also exist on the
+      following sites but may or may not use them that often.
+
+      <ul>
+        <li><a href="#">Discord</a></li>
+        <li><a href="#">Facebook</a></li>
+        <li><a href="#">Reddit</a></li>
+        <li><a href="#">Twitter</a></li>
+        <li><a href="#">YouTube</a></li>
+        <li>
+          <a href="https://www.linkedin.com/in/adam-carpenter/">LinkedIn</a>
+        </li>
+        <li><a href="https://steamcommunity.com/id/53hornet/">Steam</a></li>
+      </ul>
+
+      If you were looking for source code repositories, see
+      <a href="/software.html">Software</a>.
+    </article>
+  </body>
+</html>