M index.html → index.html

@@ -34,7 +34,7 @@ padding-bottom: 1rem;
         }
 
         .content {
-            margin: 3rem auto;
+            margin: 3rem auto 8rem;
             border: 3px solid var(--b_inv);
             padding: 2rem;
             box-shadow: 8px 8px var(--background);
@@ -97,7 +97,7 @@ margin: 0 auto;
         }
 
         .header {
-            height: 30vh;
+            height: 40vh;
         }
 
         .header-img {
@@ -125,7 +125,7 @@ image-rendering: crisp-edges;
         }
 
         nav {
-            margin: 3rem 0 4rem;
+            margin-bottom: 4rem;
         }
 
         nav ul {
@@ -140,8 +140,6 @@ margin-top: 1rem;
         }
 
         nav li > a {
-            border: 1px solid var(--f_med);
-            padding: 2rem;
             border: 1px solid var(--b_med);
             width: fit-content;
             padding: 0.25rem 0.5rem;
@@ -160,6 +158,10 @@ box-shadow: 4px 4px var(--b_high);
         }
 
         @media screen and (max-width: 600px) {
+            .header {
+                height: 30vh;
+            }
+
             .content {
                 max-width: 17rem;
             }
@@ -220,8 +222,11 @@ </li>
                 <li>
                     <a href="/etc/do">do</a>
                 </li>
+                <li>
+                    <a href="/wiki/about">about</a>
+                </li>
                 <!-- <li>
-                    <a href="/about">about</a>
+                    <a href="/now">now</a>
                 </li>
                 <li>
                     <a href="/music">music</a>
@@ -233,8 +238,8 @@ <li>
                     <a href="/git">git</a>
                 </li>
                 <li>
-                    <a href="/etc">etc</a> -->
-                </li>
+                    <a href="/etc">etc</a>
+                </li> -->
             </ul>
         </nav>
         <div class="divider">            

M wiki/css/style.css → wiki/css/style.css

@@ -5,6 +5,7 @@ }
 
 body {
   margin: 1rem;
+  margin-bottom: 5rem;
   max-width: 60rem;
   -webkit-text-size-adjust: 100%;
 }

M wiki/pages/about.html → wiki/pages/about.html

@@ -2,6 +2,29 @@ {{ define "styles" }}
 {{ end }}
 
 {{ define "content" }}
+<h1>About</h1>
+<hr>
+<h2>Me</h2>
+<p style="font-style: italic;">"A someone who sometimes makes something"</p>
+<p>
+    My primary interests share a theme of creation and building, so things like cooking, music, and woodworking.
+</p>
+<p>
+    I'd like to write more, learn to make time for reading, and find more opportunities for photography.
+</p>
+<p>
+    I work as a software developer. Despite that, I have a low opinion of modern technology. I am far more interested in low-tech solutions that prioritize simplicity, sustainability, and self-determination. To that end, I build simple software tools that meet my needs (this site being one such example).
+</p>
+<h2>This site</h2>
+<p>
+    This site is nominally a wiki, but really it's a place for anything that I want to put online about myself: it can be a gallery, a playground, a journal, it's up to me. It is built using a bespoke static site generator I created specifically for this site, keeping with my philosophy of simple tools.
+</p>
+<p>
+    Being a personal site, this site will never reach a finished state, at least not until I die. Things may change, move, or never be resolved.
+</p>
+<p>
+    This site's existance and design was inspired by <a href="https://wiki.xxiivv.com/site/home.html">Devine Lu Linvega's wiki</a>, <a href="https://100r.co/site/home.html">Hundred Rabbits</a>, and <a href="https://webring.xxiivv.com/">the many other personal sites</a> of the Merveilles collective.
+</p>
 {{ end }}
 
 {{ define "scripts" }}