Add /colophone, replaces /credits

src/_includes/css/layout.css

@@ -18,3 +18,9 @@
 		}
 	}
 }
+
+.Page {
+    header h1:has(+ .subhead) {
+        margin-bottom: 0;
+    }
+}

src/_includes/css/prose.css

@@ -5,6 +5,15 @@ PROSE
 .prose {
 	--link-color: var(--color-text);
 
+	h1 {
+	   border-bottom: 1px solid var(--border-color);
+	   padding-bottom: .25lh;
+	}
+
+	* + h1 {
+	   margin-top: 1lh;
+	}
+
 	&> :last-child {
 		margin-bottom: 0;
 	}

src/_includes/layouts/main.njk

@@ -10,8 +10,8 @@
     <link rel="preconnect" href="https://gc.zgo.at">
     <link rel="preconnect" href="https://johanbrook.goatcounter.com">
 
-    {% if excerpt or description or meta.description %}
-    <meta name="description" content="{{ excerpt or description or meta.description }}">
+    {% if excerpt or description or subtitle or meta.description %}
+    <meta name="description" content="{{ excerpt or description or subtitle or meta.description }}">
     {% endif %}
     {% if keywords %}
     <meta name="keywords" content="{{ keywords }}">

src/_includes/layouts/page.njk

@@ -5,7 +5,7 @@ layout: layouts/main.njk
 <main role="main">
   <article class="Page">
     <header class="mb3">
-        <h1 class="title {{ "comp-" + color if color }}">{{ title }}.</h1>
+        <h1 class="title {{ "comp-" + color if color }}">{{ title }}</h1>
     	{% if subtitle %}
     		<p class="subhead mb0">{{ subtitle | md(true) | safe }}</p>
     	{% endif %}

src/about.md

@@ -53,10 +53,12 @@ York, Montréal, Asunción, Rio de Janeiro, Copenhagen, and Lisbon. Keep an eye
 updates. As of January 2018, I've settled in Stockholm, Sweden.
 
 **[Writing](/writings)** is something I try to do more and more (been posting pieces here since
-2010). I've had a blog since my mid teens and I'm currently experimenting with much shorter texts to
-lower the ambition but increase the Time To Publish.
+2010). I've had a blog since my mid teens and I'm currently experimenting with [much shorter texts](/micro) to
+lower the ambition but decrease the Time To Publish.
 
 As always, I love getting emails and talk with people. Reach me at [{{ meta.email }}](mailto:{{
 meta.email }}) about anything.
 
+Read more about what tools I use in [/colophon](/colophon).
+
 👋

src/colophon.md

@@ -0,0 +1,57 @@
+---
+title: Colophon
+subtitle: What tech & tools I use.
+layout: layouts/page.njk
+date: Git Last Modified
+templateEngine: md,njk
+tags:
+    - tools
+---
+
+# Tools
+
+## Tech
+
+- **Text editor:** [Zed](http://zed.dev)
+- **Operating system:** macOS
+- **Messaging apps:** Signal, if I get to pick
+- **Music app:** Spotify
+- **Coding font:** JetBrains Mono
+- **Mail provider:** [Fastmail](http://fastmail.com)
+- **Notes:** Apple Notes
+- **Terminal:** Apple Terminal
+- **Web browser:** Apple Safari
+- **Phone:** Apple iPhone 12 mini
+- **Scripting language:** Javascript (Typescript in [Deno](http://deno.com))
+- **E-book reader:** [Kobo Clara 2E](/micro/20240219203953/).
+
+## News
+
+- [Dagens Nyheter](http://dn.se)
+- [The Guardian](http://theguardian.co.uk)
+- [Lobsters](http://lobste.rs)
+
+# This site
+
+## Architecture
+
+- This site is generated with the [Lume](https://github.com/lumeland/lume) static site generator initially built by [Oscar Otero](https://github.com/oscarotero). The source code of this site is [available on GitHub](https://github.com/johanbrook/johanbrook.com).
+- I use font stacks from [Modern Font Stacks](https://modernfontstacks.com). It'll use whatever sans-serifs and serifs you've got installed on your device.
+- It's hosted on Github Pages.
+- It's using GitHub Actions to build and deploy.
+
+## History
+
+I've run this site in some shape or form since 2010.
+
+I started out with a Wordpress.com site with a custom domain ("johanbrook.com"). When my urge for doing custom web dev took over, I moved to a self-hosted Wordpress installation. That was a nice learning experience, but after I got hacked, I was fed up with MySQL and PHP and moved to Jekyll.
+
+I grabbed Jekyll because it was one of the few static site generators around, but it was also the most popular one. I was kinda into Ruby at the time, so that was cool too. I grabbed some script online which helped me figure out how to export and convert all my Wordpress content into suitable `.md` files for Jekyll. This was where I also moved to GitHub Pages, because, it was also one of the few free and good static hosting providers around. I've been on GH Pages ever since.
+
+Some time went by, and the _itch_ we all get with our personal sites striked again! In a redesign, I moved to using Metalsmith as the generator. Metalsmith was NodeJS based, which I seemed to have preferred. It was lean and more actively updated than Jekyll, which was seemingly considered "done" by its author.
+
+But even Metalsmith became abandonware. I'm sure it still _works_, but I moved on to Eleventy. It had some architectural decisions I liked over Metalsmith, and its data model was simpler.
+
+_Here we go again…_ I moved to Lume some year ago. I was (and still am!) very excited for Deno, which is like NodeJS but without all the bad decisions. I don't get annoyed when developing in Deno, and I'm using every excuse to do scripting with it.
+
+That's where we are today!