lots more little typography tweaks

assets/style.css

@@ -28,42 +28,13 @@ body {
   max-width: 50rem;
   padding: 2rem;
   margin: 0 auto;
-  line-height: 1.6;
+  line-height: 1.8;
   background: var(--bg);
   color: var(--fg);
   font-family: serif;
 }
 
-h1,
-h2,
-h3,
-h4 {
-  margin-block-end: 0.25em;
-  line-height: 1.3;
-  font-family: sans-serif;
-
-  a,
-  a:visited {
-    color: var(--fg);
-    text-decoration: none;
-  }
-
-  a:hover {
-    color: var(--link);
-    text-decoration: underline;
-  }
-}
-
-ul {
-  margin-block-start: 0;
-}
-
-p {
-  margin-block-start: 0;
-  text-align: justify;
-  hyphens: auto;
-}
-
+/* structural stuff */
 #main-nav {
   line-height: 1.3;
 
@@ -80,35 +51,16 @@ p {
 }
 
 #site-title {
-  font-family: sans-serif;
-  font-weight: bold;
   font-size: 150%;
-  line-height: 1.3;
   margin: 0;
 }
 
 footer {
-  margin: 2em 0 0;
+  margin: 1.5rem 0 0;
 }
 
 header {
-  margin-bottom: 1em;
-
-  h1 {
-    margin: 0;
-    font-size: 2em;
-  }
-}
-
-a,
-a:visited {
-  color: var(--link);
-}
-
-hr {
-  border: none;
-  height: 1px;
-  background: var(--overlay);
+  margin: 0 0 1.5rem;
 }
 
 .chroma {
@@ -119,7 +71,71 @@ hr {
   overflow-x: auto;
 }
 
-code {
-  font-size: 125%;
-  hyphens: none;
+article h1 {
+  margin: 0;
+  font-size: 2em;
+}
+
+h1 {
+  font-size: 150%;
+}
+
+h1,
+h2,
+h3,
+h4 {
+  margin: 1.5rem 0 0.5rem;
+
+  a,
+  a:visited {
+    color: var(--fg);
+    text-decoration: none;
+  }
+
+  a:hover {
+    color: var(--link);
+    text-decoration: underline;
+  }
+}
+
+#site-title,
+h1,
+h2,
+h3,
+h4 {
+  line-height: 1.3;
+  font-family: sans-serif;
+  font-weight: bold;
+}
+
+/* normal type stuff */
+
+p {
+  margin: 0.5rem 0 0;
+}
+
+p + p {
+  margin-block-start: 1.5rem;
+}
+
+a,
+a:visited {
+  color: var(--link);
+}
+
+ul {
+  margin-block-start: 0;
+}
+
+hr {
+  border: none;
+  height: 1px;
+  background: var(--overlay);
+}
+
+code {
+  /* what a horrible hack*/
+  font-family: monospace, serif;
+  font-size: 90%;
+  white-space: preserve nowrap;
 }

assets/syntax.css

@@ -1,6 +1,6 @@
 :root {
   --chroma-bg: #000;
-  --comment: #6c7086;
+  --comment: #7f849c;
   --cyan: #8be9fd;
   --green: #50fa7b;
   --orange: #ffb86c;

content/_index.md

@@ -6,7 +6,5 @@ languages, and distributed systems. My favorite languages to work with are Zig,
 Rust, Erlang, and the venerable C. I want to build high performance and fault
 tolerant systems, and to help make the web a more free and decentralized place.
 
-<p style="text-align: left;">
 I'm currently looking for work. If you want to talk, you can reach me at
-<a href="mailto:wires@wires.systems"><code>wires@wires.systems</code></a>.
-</p>
+[`wires@wires.systems`](mailto:wires@wires.systems).

content/zosimos/workflow.md

@@ -25,9 +25,10 @@ itself, and while nothing in this post is particularly difficult, I have reason
 to believe it'll keep up even as the complexity increases.
 
 I won't go into detail about the actual code since 1\. it's extremely trivial
-and 2\. it's not the main focus of this post. All that matters is that it
-consists of some Zig code, an assembly stub, and a linker script to put it all
-together. In our `build.zig` file we therefore write:
+and 2\. it's not the main focus of this post, but you can find it [here][code].
+All that matters is that it consists of some Zig code, an assembly stub, and
+a linker script to put it all together. In our `build.zig` file we therefore
+write:
 
 ```zig
 const std = @import("std");
@@ -86,6 +87,7 @@ files ourselves, but we can do better!
     want a different filename.
 
 [1]: https://git.wires.systems/wires/zosimos/src/commit/8466e9b4d2fbca85d53d8dadc87914b4766c43de/src
+[code]: https://git.wires.systems/wires/zosimos/src/commit/b6b96f651f060ae6cff9e4e184799bb354ce6d07
 [7]: https://www.raspberrypi.com/documentation/computers/config_txt.html
 
 ## Fetching Firmware

layouts/_default/_markup/render-codeblock.html

@@ -1 +1 @@
-<pre class="chroma"><code class="language-{{ .Type }}" data-lang="{{ .Type }}">{{ (transform.HighlightCodeBlock .).Inner }}</code></pre>
+<pre><code class="chroma language-{{ .Type }}" data-lang="{{ .Type }}">{{ (transform.HighlightCodeBlock .).Inner }}</code></pre>

layouts/_default/single.html

@@ -13,6 +13,6 @@
     {{ .TableOfContents }}
   </aside>
   <a id="post"></a>
-  {{ end }} {{ .Content }} {{ partial "tags.html" . }}
+  {{ end }} {{ .Content }}
 </article>
-{{ end }}
+{{ partial "tags.html" . }} {{ end }}

layouts/_default/taxonomy.html

@@ -1,5 +1,5 @@
 {{ define "main" }}
-<h2>{{ .Title }}</h2>
+<h1>{{ .Title }}</h1>
 <ul>
   {{ range .Pages }}
   <li>

layouts/_default/term.html

@@ -1,9 +1,12 @@
 {{ define "main" }}
-<h2>{{ .Title }}</h2>
+<h1>{{ .Title }}</h1>
 <ul>
   {{ range .Pages }}
   <li>
     <a href="{{ .Permalink }}">{{ .Title }}</a>
+    <time datetime="{{ .Lastmod }}">
+      {{ .Lastmod.Format "January 2, 2006" }}
+    </time>
   </li>
   {{ end }}
 </ul>

layouts/partials/head.html

@@ -6,6 +6,8 @@
 {{ with .Keywords }}<meta name="keywords" content="{{ delimit . ", " }}"/>{{ end }}
 <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/"/>
 <link rel="canonical" href="{{ .Permalink }}"/>
+<link rel="preconnect" href="https://rsms.me/">
+<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
 {{ range slice "style.css" "syntax.css"}}
 {{- with resources.Get . }}
   {{- if eq hugo.Environment "development" }}