icy does git — site: b46ba156c1cd0b08e6b9353e22c6d524a6aa7002

@@ -1,6 +1,7 @@
 ---
 template: page.html
 title: about
+subtitle: About me.
 ---
 
 <img src="https://x.icyphox.sh/9rUNl.jpeg" width=300 style="text-align: center">

M pages/friends.md → pages/friends.md

@@ -1,8 +1,7 @@
 ---
 template: page.html
 title: friends
-url: friends
-subtitle: My friends and internet bros.
+subtitle: My friends: online and IRL.
 ---
 
 ### `#rice` @ rizon

M pages/reading.md → pages/reading.md

@@ -1,6 +1,7 @@
 ---
 template: page.html
 title: reading
+subtitle: Books I've read.
 ---
 
 I've read a whole bunch more, but I can't remember beyond 2020.

M pages/uses.md → pages/uses.md

@@ -1,6 +1,7 @@
 ---
 template: page.html
 title: uses
+subtitle: Hardware and software that I use.
 ---
 
 I often get asked about my computing setup -- so I created this page to link it

M static/style.css → static/style.css

@@ -31,6 +31,25 @@ font-size: 18px;
   padding: 0;
   margin: 10px;
   line-height: 160%;
+
+
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: row;
+  row-gap: 2rem;
+  width: 100%;
+/*  grid-template-columns: repeat(auto-fit, minmax(250px, 2fr));
+    grid-auto-rows: 50%;
+    grid-column-gap: 2rem;
+    grid-row-gap: 2rem; */
+}
+
+main article, table {
+  flex-basis: 85%;
+}
+
+.sidenav {
+  flex-basis: 15%;
 }
 
 main h1 {
@@ -121,7 +140,7 @@ padding: 7px 0 7px 0;
 }
 
 article a {
-  color: var(--cyan);
+  color: var(--dark);
 }
 
 .tagline {
@@ -139,6 +158,10 @@ min-width: 0;
   background-color: var(--code-bg) !important;
   font-size: 15px !important;
   margin-bottom: 10px;
+}
+
+code {
+  background-color: var(--light-gray);
 }
 
 pre > code {
@@ -161,11 +184,6 @@ }
 
 .index-post {
   padding-bottom: 7px;
-}
-
-nav {
-  float: right;
-  transform: translateY(30%);
 }
 
 header {
@@ -179,7 +197,6 @@ margin: 20px 0 20px 0;
 }
 
 footer {
-  border-top: 1.5px solid;
   margin: 20px 0 40px 10px;
   padding-top: 30px;
 }
@@ -198,3 +215,11 @@ color: var(--darker);
   padding-left: 20px;
   border-left: 3px solid var(--gray);
 }
+
+/* side nav */
+nav ul {
+  padding: 0;
+  margin: 0;
+  list-style-type: none;
+}
+

M templates/blog.html → templates/blog.html

@@ -10,10 +10,10 @@ <title>
     {{ index .Meta "title" }}
   </title>
 <body>
-  <main> 
-    <header>
+  <main>
+    <div class="sidenav">
       {{ template "nav.html" }}
-    </header>
+    </div>
     {{ .Body }}
     <table>
       {{ range $_, $post := .Posts }}
@@ -27,7 +27,6 @@ <td align="right" class="index-date">{{ $date.Format "02 Jan, 2006" }}</td>
       </tr>
       {{ end }}
     </table>
-    <p><em><b>Note</b>: Opinions expressed in these posts may differ from those that I hold presently.</em></p>
     </section>
   </main>
   <footer>

M templates/index.html → templates/index.html

@@ -8,9 +8,9 @@ {{ index .Meta "title" }}
   </title>
   <body>
     <main>
-     <header>
+      <div class="sidenav">
         {{ template "nav.html" }}
-      </header>
+      </div>
       <article class="tagline">
         {{ .Body }}
       </article>

D templates/nav-noimg.html

@@ -1,11 +0,0 @@
-<nav>
-  <a href="/blog">blog</a>
-  &middot;
-  <a href="/reading">reading</a>
-  &middot;
-  <a href="/about">about</a>
-  &middot;
-  <a href="/uses">uses</a>
-  &middot;
-  <a href="/friends">friends</a>
-</nav>

M templates/nav.html → templates/nav.html

@@ -2,14 +2,12 @@ <a href=/>
   <img src="/static/white.svg" alt="icyphox's avatar" height="40" width="40"/>
 </a>
 <nav>
-  <a href="/blog">blog</a>
-  &middot;
-  <a href="/reading">reading</a>
-  &middot;
-  <a href="/about">about</a>
-  &middot;
-  <a href="/uses">uses</a>
-  &middot;
-  <a href="/friends">friends</a>
+  <ul>
+    <li><a href="/blog">blog</a></li>
+    <li><a href="/reading">reading</a></li>
+    <li><a href="/about">about</a></li>
+    <li><a href="/uses">uses</a></li>
+    <li><a href="/friends">friends</a></li>
+  </ul>
 </nav>

M templates/page.html → templates/page.html

@@ -9,9 +9,9 @@ {{ index .Meta "title" }}
   </title>
   <body>
   <main>
-    <header>
+    <div class="sidenav">
       {{ template "nav.html" }}
-    </header>
+    </div>
     <article align="left">
       <h1>{{ index .Meta "title" }}</h1>
       {{ .Body }}

M templates/text.html → templates/text.html

@@ -7,10 +7,10 @@ <title>
     {{ index .Meta "title" }}
   </title>
   <body>
-    <main> 
-      <header>
+    <main>
+      <div class="sidenav">
         {{ template "nav.html" }}
-      </header>
+      </div>
       <article align="left">
         <section class="post-date">
         {{ $dateStr := index .Meta "date" }}
@@ -21,10 +21,11 @@
         <h1>{{ index .Meta "title" }}</h1>
         <h2 class="subtitle">{{ index .Meta "subtitle" }}</h2>
         {{ .Body }}
+
+        <p class="muted" align="center">Questions or comments?
+        Send an
+        <a href="mailto:x@icyphox.sh?Subject=Re: {{ index .Meta "title" }}">email</a>.
       </article>
-      <p class="muted" align="center">Questions or comments?
-      Send an
-      <a href="mailto:x@icyphox.sh?Subject=Re: {{ index .Meta "title" }}">email</a>.
     </main>
     <footer>
       {{ template "footer.html" }}

all repos — site @ b46ba156c1cd0b08e6b9353e22c6d524a6aa7002

source for my site, found at icyphox.sh