Add about page, nav

2 years ago · 5758d32eda
parent 799937c8a1
commit 5758d32eda
4 changed files with 82 additions and 1 deletions
--- a/about.html
+++ b/about.html
@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>About</title>
+    <link rel="stylesheet" href="/resources/style.css"/>
+  </head>
+  <body>
+    <nav>
+      <a href="/">Home</a>
+      <a href="/about.html">About</a>
+    </nav>
+    <h1>
+      Who are you?
+    </h1>
+
+    <h3>Name</h3>
+
+    <p>Ashelyn, but I usually go by Ashe, Dawn, or Tempest</p>
+
+    <h3>Interests</h3>
+
+    <p>
+      Coding, VR, 3D modeling, cryptography, photography, hiking, reading,
+      writing, and locksport
+    </p>
+
+    <h3>Games</h3>
+
+    <p>
+      Currently a lot of VR Chat, other favorites include Hades, Celeste
+      and Titanfall 2
+    </p>
+
+    <h3>Occupation</h3>
+
+    <p>
+      Web dev, primarily Javascript but also featuring Rust, .NET, Java,
+      and an obscene amount of bash
+    </p>
+
+    <h3>Family</h3>
+
+    <p>
+      I am married to my lovely wife, and we have two kids together
+    </p>
+
+    <h3>Other Projects</h3>
+
+    <ul>
+      <li><a target="_blank" href="https://tilde.club/~ashe/">My homepage</a></li>
+      <li><a target="_blank" href="https://tempest.dev/">My dev blog</a></li>
+      <li><a target="_blank" href="https://ashe.gay/">My personal blog</a></li>
+    </ul>
+  </body>
+</html>
--- a/index.html
+++ b/index.html
@ -1,10 +1,14 @@
 <!DOCTYPE html>
 <html>
  <head>
-    <title>Ashe's Neo-Site</title>
+    <title>Ashen Dawn</title>
    <link rel="stylesheet" href="/resources/style.css"/>
  </head>
  <body>
+    <nav>
+      <a href="/">Home</a>
+      <a href="/about.html">About</a>
+    </nav>
    <h1>
      Hi, I'm Ashe
      <aside>[she/her]</aside>
--- a/not_found.html
+++ b/not_found.html
@ -5,6 +5,10 @@
    <link rel="stylesheet" href="/resources/style.css"/>
  </head>
  <body>
+    <nav>
+      <a href="/">Home</a>
+      <a href="/about.html">About</a>
+    </nav>
    <h1>
      Not Found
    </h1>
--- a/resources/style.css
+++ b/resources/style.css
@ -18,6 +18,24 @@ body {
  padding: 16px;
 }

+nav {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+
+nav a {
+  opacity: .4;
+}
+
+nav a:hover {
+  opacity: .8;
+}
+
+nav > a:not(:last-child) {
+  margin-right: 40px;
+}
+
 h1 > aside {
  display: inline-block;
  font-size: .5em;