add templates and dummy pages for all sub pages

4 months ago · 9ac648c101
parent f81fba16b6
commit 9ac648c101
20 changed files with 1044 additions and 4 deletions
--- a/bin/til.ts
+++ b/bin/til.ts
@ -16,6 +16,13 @@ const fileIndex: FileIndex[] = []
 const fileIter = globber({ cwd, include: ["????-??-??.md"] })
 const decoder = new TextDecoder('utf-8')
 const encoder = new TextEncoder()
+
+const header = `*This page contains short notes and sometimes code snippets, of interesting things I just found out.*
+
+Last updated: ${(new Date()).toISOString().slice(0,10)}
+
+`
+
 const template = `<article class="til">
  <time datetime="%DATE%">%DATE%</time>
  <div>
@ -55,4 +62,4 @@ const output = fileIndex
 .map(render)
 .join('\n')

-Deno.writeFile(outputPath, encoder.encode(output))
+Deno.writeFile(outputPath, encoder.encode(header+output))
--- a/blog/index.md
+++ b/blog/index.md
@ -0,0 +1,27 @@
+*Sometime, I write long-form articles, about a topic that I find interesting. I use this as a way to dive deeper into a topic, while often create an example project on the side.*
+
+Last updated: 2024-05-13
+
+<article class="blog">
+  <time datetime="2024-05-12">2024-05-12</time>
+  <div>
+    <a href="/blog/2024-05-12-example-title.html">Example Title</a>
+    (3min)
+  </div>
+</article>
+
+<article class="blog">
+  <time datetime="2024-05-12">2024-05-12</time>
+  <div>
+    <a href="/blog/2024-05-12-example-title.html">Example Title</a>
+    (3min)
+  </div>
+</article>
+
+<article class="blog">
+  <time datetime="2024-05-12">2024-05-12</time>
+  <div>
+    <a href="/blog/2024-05-12-example-title.html">Example Title</a>
+    (3min)
+  </div>
+</article>
--- a/cv/index.md
+++ b/cv/index.md
@ -0,0 +1,22 @@
+*My Curriculum Vitae / Resume. I know, there is a difference. This page is technically a resume, while the whole site would be closer to a CV.*
+
+Last updated: 2024-05-13
+
+Introduction Lorem Ipsum Sit Dolor Amet...
+
+## Headline 1
+
+> Some extra info
+
+* A nice list of things, maybe?
+* Could also be a paragraph or two.
+* That is totally up to me, I guess.
+
+## Headline 2
+
+> Some more extra info
+
+* A nice list of things, maybe?
+* Could also be a paragraph or two.
+* That is totally up to me, I guess.
+
--- a/dist/blog/index.html
+++ b/dist/blog/index.html
@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html lang=en>
+
+<head>
+  <meta charset="utf-8">
+  <base href="https://koehr.in/"> 
+  <title>Weblog aka Blog // the codeartist — programmer and engineer based in Berlin</title>
+  <meta name="description" content="Homepage, Portfolio and CV of Norman Köhring" />
+  <meta content="The personal page and weblog of Norman Köhring" name=description>
+  <meta content="Norman Köhring" name=author>
+  <meta content="the codeartist — programmer and engineer based in Berlin" name=DC.title>
+  <meta content="52.4595, 13.5335" name=ICBM>
+  <meta content="52.4595; 13.5335" name=geo.position>
+  <meta content=DE-BE name=geo.region>
+  <meta content=Berlin name=geo.placename>
+  <meta content="width=device-width,initial-scale=1.0" name=viewport>
+  <link href=https://koehr.in rel=author>
+  <link href=https://koehr.in rel=canonical>
+  <link href=https://k0r.in rel=alternate>
+  <link href=https://koehr.ing rel=me>
+  <link href=@Koehr@mstdn.io rel=me>
+  <link href=https://sr.ht/~koehr/ rel=me>
+  <link href=https://git.k0r.in rel=me>
+  <link href=https://threads.net/@coffee_n_code rel=me>
+  <link href=https://instagram.com/@coffee_n_code rel=me>
+  <link href=https://ko-fi.com/koehr rel=me>
+  <link href=https://reddit.com/user/koehr rel=me>
+  <link href=https://koehr.in/rss.xml rel=alternate title=RSS type=application/rss+xml>
+  <link href=/favicon.png rel=icon type=image/x-icon>
+  <link href=/style.css rel=stylesheet>
+</head>
+
+<body>
+  <main id="til" class="posts">
+    <header>
+      <h1>Weblog</h1>
+    </header>
+
+    <p><em>Sometime, I write long-form articles, about a topic that I find interesting. I use this as a way to dive deeper into a topic, while often create an example project on the side.</em></p>
+<p>Last updated: 2024-05-13</p>
+<article class="blog">
+  <time datetime="2024-05-12">2024-05-12</time>
+  <div>
+    <a href="/blog/2024-05-12-example-title.html">Example Title</a>
+    (3min)
+  </div>
+</article>
+<article class="blog">
+  <time datetime="2024-05-12">2024-05-12</time>
+  <div>
+    <a href="/blog/2024-05-12-example-title.html">Example Title</a>
+    (3min)
+  </div>
+</article>
+<article class="blog">
+  <time datetime="2024-05-12">2024-05-12</time>
+  <div>
+    <a href="/blog/2024-05-12-example-title.html">Example Title</a>
+    (3min)
+  </div>
+</article>
+  </main>
+  <div id="spacer"></div>
+  <header id="header" class="small">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 832.4 143.1">
+      <path id="header-underscore"
+        d="M832.4 131.1q0 5.5-3.1 8.6-3 3.4-8.2 3.3h-75.5q-5.2 0-8.2-3.3-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8 0-5.5 3.1-8.7 1.6-1.7 3.7-2.4 2.2-.8 4.5-.8h75.5q5.2 0 8.2 3.2 3 3.1 3 8.7z" />
+      <path id="header-bracket"
+        d="M731.9 81.4q0 6.7-6.5 10.7l-1 .6-74.3 39.2q-2.5 1.3-5.2 1.2-4.8 0-8.1-3.8-3.2-3.6-3.2-8.4 0-3.3 1.7-6 1.8-2.9 4.6-4.4l55.3-29.1-55.3-29q-2.8-1.6-4.6-4.3-1.7-2.7-1.7-6.2 0-4.7 3.2-8.4 3.3-4 8-3.7 2.7 0 5.3 1.2l74.4 39.2q3.3 1.7 5.3 4.7 2 2.8 2 6.5z" />
+      <path id="header-r"
+        d="M588.7 66.5q0 5-3.5 8.5-3.5 3.4-8.1 3.5-4.4 0-8.3-4.3-10-10.7-20.9-10.6-2.2 0-4.3.3-2.1.3-4 1-1.8.6-3.7 1.6-1.7 1-3.4 2.3-1.7 1.3-3.3 2.9-7.8 8.2-7.6 19.7V131q0 5.5-3.1 8.6-3 3.4-8.3 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V51.6q0-5.4 3-8.6 3-3.4 8.3-3.3 2 0 3.7.6 1.8.6 3.3 1.8 1.4 1 2.2 2.7 1 1.5 1.6 3.3 11.8-8.4 27-8.4 10.6 0 21 5 11.3 5.4 17.2 14.5 2.5 3.7 2.5 7.3z" />
+      <path id="header-h"
+        d="M483.9 131.1q0 5.5-3.1 8.6-3 3.4-8.3 3.3-5.2 0-8.2-3.3-3.2-3.1-3.1-8.6V84.8q0-4.6-1.5-8.2-1.4-3.5-4.4-6.9-2.1-2-4.3-3.4-2.2-1.4-4.7-2-2.4-.7-5.3-.7-4.3 0-7.8 1.5-3.3 1.5-6.4 4.6-5.9 6.3-5.8 15v46.4q0 5.5-3 8.6-3.1 3.4-8.4 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V11.9q0-5.5 3-8.6 3-3.4 8.3-3.3 5.2 0 8.2 3.3 3.2 3.1 3.2 8.6v33q1.5-1 3-1.6l3.2-1.2 3.4-1q1.6-.5 3.3-.8l3.5-.4 3.6-.2q4.4 0 8.5 1 4.1.7 7.9 2.4 3.8 1.6 7.3 4.1 3.5 2.5 6.6 5.8Q484 66 484 84.8z" />
+      <path id="header-e"
+        d="M387.5 111.1q0 1.2-.3 2.3-.1 1-.5 2l-.9 2q-6.6 12-19.4 19-12 6.6-25.4 6.6-20.8 0-35.8-14.6-15.9-15-15.9-37 0-22.1 15.9-37.1 15-14.6 35.8-14.6 3.9 0 7.8.7 4 .7 8 2.2 9.2 3.1 18.2 10 6 4.6 9.1 9.3 3.3 4.7 3.3 10 0 1.3-.3 2.5-.2 1.3-.7 2.4-1.5 3.4-5 5.3l-56.9 32.2q7.2 4.9 16.5 4.9 7.2 0 12.6-2.5 5.5-2.5 9.7-7.4l.7-1 .8-1 .9-1.3 1-1.5q3.3-4.2 7.4-5.1l1.8-.2q4.4 0 8 3.4 3.6 3.5 3.6 8.5zm-29.9-42.7q-7.2-4.8-16.6-4.8-6 0-11 2-4.9 1.8-9.3 6-4.5 4-6.7 9-2 4.8-2 10.8l.1 2.9z" />
+      <path id="header-o"
+        d="M286.8 91.4q0 4.2-.6 8.3-.6 4-1.8 7.7-1.1 3.8-2.9 7.4-1.7 3.5-4 6.9-2.4 3.3-5.2 6.1Q258 143 237.7 143T203 128q-14.3-15.2-14.3-36.6 0-21.5 14.3-36.6 14.4-15 34.7-15 4 0 7.8.5 3.9.7 7.5 1.9t7 3q3.3 1.9 6.4 4.3 3.2 2.4 5.9 5.4 14.4 15 14.5 36.5zm-22.6 0q0-2.4-.4-4.5-.2-2.2-.9-4.2-.6-2-1.5-3.9-1-2-2.2-3.7-1.2-1.7-2.8-3.4-4-4.2-8.6-6.1-4.5-2-10-2-11 0-18.7 8.2-7.8 8-7.8 19.6 0 11.4 7.8 19.7 7.8 8 18.6 8 5.6 0 10.1-1.9 4.6-2 8.6-6.1 4-4.3 5.8-9 2-4.9 2-10.7z" />
+      <path id="header-k"
+        d="M186.3 131q0 4.7-3.3 8.3-1.5 1.8-3.7 2.7-2 1.1-4.3 1.1-3.5 0-6.6-2L119.2 105v26q0 5.5-3 8.6-3.1 3.4-8.4 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V11.9q0-5.5 3-8.6 3-3.4 8.3-3.3 5.2 0 8.2 3.3 3.2 3.1 3.2 8.6v65.9l49.2-36.1q3.2-2 6.6-2 4.7 0 8 3.7t3.3 8.4q-.2 6-5 9.6l-41 30 41 29.9q2.3 1.7 3.6 4.2 1.4 2.5 1.4 5.4z" />
+      <path id="header-tilde"
+        d="M73.1 91q0 2-.6 3.9T71 98.6q-3.2 5.7-8.9 8.5-5.6 2.8-12.9 2.8-8.8 0-18-7.8-2.4-2.3-4.5-3.7-2.1-1.5-3-1.7-1.5 0-2.1.3l-.8 1.3q-.3.7-.8 1.2l-1 1-.9.8q-2.7 2-6.4 2-1.7 0-3.2-.3-1.4-.3-3-1.1-1.5-.8-2.6-2.1-2.8-3.1-2.8-8v-1.3q0-.7.2-1.2l.2-1 .4-1 .4-1q.1-.6.5-1.1l.5-1q3.2-5.7 8.8-8.5 5.7-2.9 13-2.9 3.2 0 6.2 1 3 .9 6 2.7 2.9 1.6 5.7 4.2 5.2 4.6 7.6 5.4 1 0 1.6-.2l.7-.4q.3-.1.5-.4 3.6-5.6 9.2-5.6 5.7 0 8.8 3.5 2.8 3 2.8 8z" />
+    </svg>
+    Homepage of
+    <div class=p-name>
+      <span class=first-name>Norman</span>
+      <span class=last-name>Köhring</span>
+    </div>
+    Code Artist
+  </header>
+  <menu id="main-menu">
+    <li><a href="/">home</a></li>
+    <li><a title="What I do these days" href="/now">/now</a></li>
+    <li><a title="Today I Learned" href="/til">/til</a></li>
+    <li><a title="My projects" href="/projects">/projects</a></li>
+    <li class="active"><a title="Weblog" href="/blog">/blog</a></li>
+    <li><a title="CV / Resume" href="/cv">/cv</a></li>
+    <li><a title="Tools I use" href="/stack">/stack</a></li>
+    <li><a title="Hardware I use" href="/setup">/setup</a></li>
+  </menu>
+  <link href=/extended.css rel=stylesheet>
+  <link href=/posts.css rel=stylesheet>
+  <script async data-goatcounter=https://koehr.goatcounter.com/count src=//gc.zgo.at/count.js></script>
+</body>
--- a/dist/cv/index.html
+++ b/dist/cv/index.html
@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang=en>
+
+<head>
+  <meta charset="utf-8">
+  <base href="https://koehr.in/"> 
+  <title>CV/Resume // the codeartist — programmer and engineer based in Berlin</title>
+  <meta name="description" content="Homepage, Portfolio and CV of Norman Köhring" />
+  <meta content="The personal page and weblog of Norman Köhring" name=description>
+  <meta content="Norman Köhring" name=author>
+  <meta content="the codeartist — programmer and engineer based in Berlin" name=DC.title>
+  <meta content="52.4595, 13.5335" name=ICBM>
+  <meta content="52.4595; 13.5335" name=geo.position>
+  <meta content=DE-BE name=geo.region>
+  <meta content=Berlin name=geo.placename>
+  <meta content="width=device-width,initial-scale=1.0" name=viewport>
+  <link href=https://koehr.in rel=author>
+  <link href=https://koehr.in rel=canonical>
+  <link href=https://k0r.in rel=alternate>
+  <link href=https://koehr.ing rel=me>
+  <link href=@Koehr@mstdn.io rel=me>
+  <link href=https://sr.ht/~koehr/ rel=me>
+  <link href=https://git.k0r.in rel=me>
+  <link href=https://threads.net/@coffee_n_code rel=me>
+  <link href=https://instagram.com/@coffee_n_code rel=me>
+  <link href=https://ko-fi.com/koehr rel=me>
+  <link href=https://reddit.com/user/koehr rel=me>
+  <link href=https://koehr.in/rss.xml rel=alternate title=RSS type=application/rss+xml>
+  <link href=/favicon.png rel=icon type=image/x-icon>
+  <link href=/style.css rel=stylesheet>
+</head>
+
+<body>
+  <main id="til" class="posts">
+    <header>
+      <h1>My Resume</h1>
+    </header>
+
+    <p><em>My Curriculum Vitae / Resume. I know, there is a difference. This page is technically a resume, while the whole site would be closer to a CV.</em></p>
+<p>Last updated: 2024-05-13</p>
+<p>Introduction Lorem Ipsum Sit Dolor Amet...</p>
+<h2>Headline 1</h2>
+<blockquote>
+<p>Some extra info</p>
+</blockquote>
+<ul>
+<li>A nice list of things, maybe?</li>
+<li>Could also be a paragraph or two.</li>
+<li>That is totally up to me, I guess.</li>
+</ul>
+<h2>Headline 2</h2>
+<blockquote>
+<p>Some more extra info</p>
+</blockquote>
+<ul>
+<li>A nice list of things, maybe?</li>
+<li>Could also be a paragraph or two.</li>
+<li>That is totally up to me, I guess.</li>
+</ul>
+  </main>
+  <div id="spacer"></div>
+  <header id="header" class="small">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 832.4 143.1">
+      <path id="header-underscore"
+        d="M832.4 131.1q0 5.5-3.1 8.6-3 3.4-8.2 3.3h-75.5q-5.2 0-8.2-3.3-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8 0-5.5 3.1-8.7 1.6-1.7 3.7-2.4 2.2-.8 4.5-.8h75.5q5.2 0 8.2 3.2 3 3.1 3 8.7z" />
+      <path id="header-bracket"
+        d="M731.9 81.4q0 6.7-6.5 10.7l-1 .6-74.3 39.2q-2.5 1.3-5.2 1.2-4.8 0-8.1-3.8-3.2-3.6-3.2-8.4 0-3.3 1.7-6 1.8-2.9 4.6-4.4l55.3-29.1-55.3-29q-2.8-1.6-4.6-4.3-1.7-2.7-1.7-6.2 0-4.7 3.2-8.4 3.3-4 8-3.7 2.7 0 5.3 1.2l74.4 39.2q3.3 1.7 5.3 4.7 2 2.8 2 6.5z" />
+      <path id="header-r"
+        d="M588.7 66.5q0 5-3.5 8.5-3.5 3.4-8.1 3.5-4.4 0-8.3-4.3-10-10.7-20.9-10.6-2.2 0-4.3.3-2.1.3-4 1-1.8.6-3.7 1.6-1.7 1-3.4 2.3-1.7 1.3-3.3 2.9-7.8 8.2-7.6 19.7V131q0 5.5-3.1 8.6-3 3.4-8.3 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V51.6q0-5.4 3-8.6 3-3.4 8.3-3.3 2 0 3.7.6 1.8.6 3.3 1.8 1.4 1 2.2 2.7 1 1.5 1.6 3.3 11.8-8.4 27-8.4 10.6 0 21 5 11.3 5.4 17.2 14.5 2.5 3.7 2.5 7.3z" />
+      <path id="header-h"
+        d="M483.9 131.1q0 5.5-3.1 8.6-3 3.4-8.3 3.3-5.2 0-8.2-3.3-3.2-3.1-3.1-8.6V84.8q0-4.6-1.5-8.2-1.4-3.5-4.4-6.9-2.1-2-4.3-3.4-2.2-1.4-4.7-2-2.4-.7-5.3-.7-4.3 0-7.8 1.5-3.3 1.5-6.4 4.6-5.9 6.3-5.8 15v46.4q0 5.5-3 8.6-3.1 3.4-8.4 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V11.9q0-5.5 3-8.6 3-3.4 8.3-3.3 5.2 0 8.2 3.3 3.2 3.1 3.2 8.6v33q1.5-1 3-1.6l3.2-1.2 3.4-1q1.6-.5 3.3-.8l3.5-.4 3.6-.2q4.4 0 8.5 1 4.1.7 7.9 2.4 3.8 1.6 7.3 4.1 3.5 2.5 6.6 5.8Q484 66 484 84.8z" />
+      <path id="header-e"
+        d="M387.5 111.1q0 1.2-.3 2.3-.1 1-.5 2l-.9 2q-6.6 12-19.4 19-12 6.6-25.4 6.6-20.8 0-35.8-14.6-15.9-15-15.9-37 0-22.1 15.9-37.1 15-14.6 35.8-14.6 3.9 0 7.8.7 4 .7 8 2.2 9.2 3.1 18.2 10 6 4.6 9.1 9.3 3.3 4.7 3.3 10 0 1.3-.3 2.5-.2 1.3-.7 2.4-1.5 3.4-5 5.3l-56.9 32.2q7.2 4.9 16.5 4.9 7.2 0 12.6-2.5 5.5-2.5 9.7-7.4l.7-1 .8-1 .9-1.3 1-1.5q3.3-4.2 7.4-5.1l1.8-.2q4.4 0 8 3.4 3.6 3.5 3.6 8.5zm-29.9-42.7q-7.2-4.8-16.6-4.8-6 0-11 2-4.9 1.8-9.3 6-4.5 4-6.7 9-2 4.8-2 10.8l.1 2.9z" />
+      <path id="header-o"
+        d="M286.8 91.4q0 4.2-.6 8.3-.6 4-1.8 7.7-1.1 3.8-2.9 7.4-1.7 3.5-4 6.9-2.4 3.3-5.2 6.1Q258 143 237.7 143T203 128q-14.3-15.2-14.3-36.6 0-21.5 14.3-36.6 14.4-15 34.7-15 4 0 7.8.5 3.9.7 7.5 1.9t7 3q3.3 1.9 6.4 4.3 3.2 2.4 5.9 5.4 14.4 15 14.5 36.5zm-22.6 0q0-2.4-.4-4.5-.2-2.2-.9-4.2-.6-2-1.5-3.9-1-2-2.2-3.7-1.2-1.7-2.8-3.4-4-4.2-8.6-6.1-4.5-2-10-2-11 0-18.7 8.2-7.8 8-7.8 19.6 0 11.4 7.8 19.7 7.8 8 18.6 8 5.6 0 10.1-1.9 4.6-2 8.6-6.1 4-4.3 5.8-9 2-4.9 2-10.7z" />
+      <path id="header-k"
+        d="M186.3 131q0 4.7-3.3 8.3-1.5 1.8-3.7 2.7-2 1.1-4.3 1.1-3.5 0-6.6-2L119.2 105v26q0 5.5-3 8.6-3.1 3.4-8.4 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V11.9q0-5.5 3-8.6 3-3.4 8.3-3.3 5.2 0 8.2 3.3 3.2 3.1 3.2 8.6v65.9l49.2-36.1q3.2-2 6.6-2 4.7 0 8 3.7t3.3 8.4q-.2 6-5 9.6l-41 30 41 29.9q2.3 1.7 3.6 4.2 1.4 2.5 1.4 5.4z" />
+      <path id="header-tilde"
+        d="M73.1 91q0 2-.6 3.9T71 98.6q-3.2 5.7-8.9 8.5-5.6 2.8-12.9 2.8-8.8 0-18-7.8-2.4-2.3-4.5-3.7-2.1-1.5-3-1.7-1.5 0-2.1.3l-.8 1.3q-.3.7-.8 1.2l-1 1-.9.8q-2.7 2-6.4 2-1.7 0-3.2-.3-1.4-.3-3-1.1-1.5-.8-2.6-2.1-2.8-3.1-2.8-8v-1.3q0-.7.2-1.2l.2-1 .4-1 .4-1q.1-.6.5-1.1l.5-1q3.2-5.7 8.8-8.5 5.7-2.9 13-2.9 3.2 0 6.2 1 3 .9 6 2.7 2.9 1.6 5.7 4.2 5.2 4.6 7.6 5.4 1 0 1.6-.2l.7-.4q.3-.1.5-.4 3.6-5.6 9.2-5.6 5.7 0 8.8 3.5 2.8 3 2.8 8z" />
+    </svg>
+    Homepage of
+    <div class=p-name>
+      <span class=first-name>Norman</span>
+      <span class=last-name>Köhring</span>
+    </div>
+    Code Artist
+  </header>
+  <menu id="main-menu">
+    <li><a href="/">home</a></li>
+    <li><a title="What I do these days" href="/now">/now</a></li>
+    <li><a title="Today I Learned" href="/til">/til</a></li>
+    <li><a title="My projects" href="/projects">/projects</a></li>
+    <li><a title="Weblog" href="/blog">/blog</a></li>
+    <li class="active"><a title="CV / Resume" href="/cv">/cv</a></li>
+    <li><a title="Tools I use" href="/stack">/stack</a></li>
+    <li><a title="Hardware I use" href="/setup">/setup</a></li>
+  </menu>
+  <link href=/extended.css rel=stylesheet>
+  <link href=/posts.css rel=stylesheet>
+  <script async data-goatcounter=https://koehr.goatcounter.com/count src=//gc.zgo.at/count.js></script>
+</body>
--- a/dist/now/index.html
+++ b/dist/now/index.html
@ -38,7 +38,7 @@

    <p><em>This page shows what I'm up to at the moment, following the idea of the <a href="https://sive.rs/nowff">/now page</a> introduced by <a href="https://sive.rs/">Derek Sivers</a>. You can find more now pages on <a href="https://nownownow.com/">nownownow</a>.</em></p>
 <p>Last updated: 2024-05-12</p>
-<p>Still live in Berlin where I am working fully remote. I'm appproaching the second anniversary at <a href="https://codegaia.io">Code Gaia</a> now and have no plans to change any of it.</p>
+<p>Still live in Berlin where I am working fully remote. I'm appproaching the second anniversary at <a href="https://codegaia.io">Code Gaia</a> now and have no plans to change any of it.</p>
 <h2>Priorities</h2>
 <blockquote>
 <p>I do a lot of things all the time and have a hard time to focus. Most of my energy right now hopefully flows into the following things:</p>
--- a/dist/projects/index.html
+++ b/dist/projects/index.html
@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang=en>
+
+<head>
+  <meta charset="utf-8">
+  <base href="https://koehr.in/"> 
+  <title>Active Projects // the codeartist — programmer and engineer based in Berlin</title>
+  <meta name="description" content="Homepage, Portfolio and CV of Norman Köhring" />
+  <meta content="The personal page and weblog of Norman Köhring" name=description>
+  <meta content="Norman Köhring" name=author>
+  <meta content="the codeartist — programmer and engineer based in Berlin" name=DC.title>
+  <meta content="52.4595, 13.5335" name=ICBM>
+  <meta content="52.4595; 13.5335" name=geo.position>
+  <meta content=DE-BE name=geo.region>
+  <meta content=Berlin name=geo.placename>
+  <meta content="width=device-width,initial-scale=1.0" name=viewport>
+  <link href=https://koehr.in rel=author>
+  <link href=https://koehr.in rel=canonical>
+  <link href=https://k0r.in rel=alternate>
+  <link href=https://koehr.ing rel=me>
+  <link href=@Koehr@mstdn.io rel=me>
+  <link href=https://sr.ht/~koehr/ rel=me>
+  <link href=https://git.k0r.in rel=me>
+  <link href=https://threads.net/@coffee_n_code rel=me>
+  <link href=https://instagram.com/@coffee_n_code rel=me>
+  <link href=https://ko-fi.com/koehr rel=me>
+  <link href=https://reddit.com/user/koehr rel=me>
+  <link href=https://koehr.in/rss.xml rel=alternate title=RSS type=application/rss+xml>
+  <link href=/favicon.png rel=icon type=image/x-icon>
+  <link href=/style.css rel=stylesheet>
+</head>
+
+<body>
+  <main id="til" class="posts">
+    <header>
+      <h1>Active Projects</h1>
+    </header>
+
+    <p><em>My currently active projects. This is mostly about software, but might also include some TTRPG stuff, from time to time.</em></p>
+<p>Last updated: 2024-05-13</p>
+<p>Introduction Lorem Ipsum Sit Dolor Amet...</p>
+<h2>Headline 1</h2>
+<blockquote>
+<p>Some extra info</p>
+</blockquote>
+<ul>
+<li>A nice list of things, maybe?</li>
+<li>Could also be a paragraph or two.</li>
+<li>That is totally up to me, I guess.</li>
+</ul>
+<h2>Headline 2</h2>
+<blockquote>
+<p>Some more extra info</p>
+</blockquote>
+<ul>
+<li>A nice list of things, maybe?</li>
+<li>Could also be a paragraph or two.</li>
+<li>That is totally up to me, I guess.</li>
+</ul>
+  </main>
+  <div id="spacer"></div>
+  <header id="header" class="small">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 832.4 143.1">
+      <path id="header-underscore"
+        d="M832.4 131.1q0 5.5-3.1 8.6-3 3.4-8.2 3.3h-75.5q-5.2 0-8.2-3.3-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8 0-5.5 3.1-8.7 1.6-1.7 3.7-2.4 2.2-.8 4.5-.8h75.5q5.2 0 8.2 3.2 3 3.1 3 8.7z" />
+      <path id="header-bracket"
+        d="M731.9 81.4q0 6.7-6.5 10.7l-1 .6-74.3 39.2q-2.5 1.3-5.2 1.2-4.8 0-8.1-3.8-3.2-3.6-3.2-8.4 0-3.3 1.7-6 1.8-2.9 4.6-4.4l55.3-29.1-55.3-29q-2.8-1.6-4.6-4.3-1.7-2.7-1.7-6.2 0-4.7 3.2-8.4 3.3-4 8-3.7 2.7 0 5.3 1.2l74.4 39.2q3.3 1.7 5.3 4.7 2 2.8 2 6.5z" />
+      <path id="header-r"
+        d="M588.7 66.5q0 5-3.5 8.5-3.5 3.4-8.1 3.5-4.4 0-8.3-4.3-10-10.7-20.9-10.6-2.2 0-4.3.3-2.1.3-4 1-1.8.6-3.7 1.6-1.7 1-3.4 2.3-1.7 1.3-3.3 2.9-7.8 8.2-7.6 19.7V131q0 5.5-3.1 8.6-3 3.4-8.3 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V51.6q0-5.4 3-8.6 3-3.4 8.3-3.3 2 0 3.7.6 1.8.6 3.3 1.8 1.4 1 2.2 2.7 1 1.5 1.6 3.3 11.8-8.4 27-8.4 10.6 0 21 5 11.3 5.4 17.2 14.5 2.5 3.7 2.5 7.3z" />
+      <path id="header-h"
+        d="M483.9 131.1q0 5.5-3.1 8.6-3 3.4-8.3 3.3-5.2 0-8.2-3.3-3.2-3.1-3.1-8.6V84.8q0-4.6-1.5-8.2-1.4-3.5-4.4-6.9-2.1-2-4.3-3.4-2.2-1.4-4.7-2-2.4-.7-5.3-.7-4.3 0-7.8 1.5-3.3 1.5-6.4 4.6-5.9 6.3-5.8 15v46.4q0 5.5-3 8.6-3.1 3.4-8.4 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V11.9q0-5.5 3-8.6 3-3.4 8.3-3.3 5.2 0 8.2 3.3 3.2 3.1 3.2 8.6v33q1.5-1 3-1.6l3.2-1.2 3.4-1q1.6-.5 3.3-.8l3.5-.4 3.6-.2q4.4 0 8.5 1 4.1.7 7.9 2.4 3.8 1.6 7.3 4.1 3.5 2.5 6.6 5.8Q484 66 484 84.8z" />
+      <path id="header-e"
+        d="M387.5 111.1q0 1.2-.3 2.3-.1 1-.5 2l-.9 2q-6.6 12-19.4 19-12 6.6-25.4 6.6-20.8 0-35.8-14.6-15.9-15-15.9-37 0-22.1 15.9-37.1 15-14.6 35.8-14.6 3.9 0 7.8.7 4 .7 8 2.2 9.2 3.1 18.2 10 6 4.6 9.1 9.3 3.3 4.7 3.3 10 0 1.3-.3 2.5-.2 1.3-.7 2.4-1.5 3.4-5 5.3l-56.9 32.2q7.2 4.9 16.5 4.9 7.2 0 12.6-2.5 5.5-2.5 9.7-7.4l.7-1 .8-1 .9-1.3 1-1.5q3.3-4.2 7.4-5.1l1.8-.2q4.4 0 8 3.4 3.6 3.5 3.6 8.5zm-29.9-42.7q-7.2-4.8-16.6-4.8-6 0-11 2-4.9 1.8-9.3 6-4.5 4-6.7 9-2 4.8-2 10.8l.1 2.9z" />
+      <path id="header-o"
+        d="M286.8 91.4q0 4.2-.6 8.3-.6 4-1.8 7.7-1.1 3.8-2.9 7.4-1.7 3.5-4 6.9-2.4 3.3-5.2 6.1Q258 143 237.7 143T203 128q-14.3-15.2-14.3-36.6 0-21.5 14.3-36.6 14.4-15 34.7-15 4 0 7.8.5 3.9.7 7.5 1.9t7 3q3.3 1.9 6.4 4.3 3.2 2.4 5.9 5.4 14.4 15 14.5 36.5zm-22.6 0q0-2.4-.4-4.5-.2-2.2-.9-4.2-.6-2-1.5-3.9-1-2-2.2-3.7-1.2-1.7-2.8-3.4-4-4.2-8.6-6.1-4.5-2-10-2-11 0-18.7 8.2-7.8 8-7.8 19.6 0 11.4 7.8 19.7 7.8 8 18.6 8 5.6 0 10.1-1.9 4.6-2 8.6-6.1 4-4.3 5.8-9 2-4.9 2-10.7z" />
+      <path id="header-k"
+        d="M186.3 131q0 4.7-3.3 8.3-1.5 1.8-3.7 2.7-2 1.1-4.3 1.1-3.5 0-6.6-2L119.2 105v26q0 5.5-3 8.6-3.1 3.4-8.4 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V11.9q0-5.5 3-8.6 3-3.4 8.3-3.3 5.2 0 8.2 3.3 3.2 3.1 3.2 8.6v65.9l49.2-36.1q3.2-2 6.6-2 4.7 0 8 3.7t3.3 8.4q-.2 6-5 9.6l-41 30 41 29.9q2.3 1.7 3.6 4.2 1.4 2.5 1.4 5.4z" />
+      <path id="header-tilde"
+        d="M73.1 91q0 2-.6 3.9T71 98.6q-3.2 5.7-8.9 8.5-5.6 2.8-12.9 2.8-8.8 0-18-7.8-2.4-2.3-4.5-3.7-2.1-1.5-3-1.7-1.5 0-2.1.3l-.8 1.3q-.3.7-.8 1.2l-1 1-.9.8q-2.7 2-6.4 2-1.7 0-3.2-.3-1.4-.3-3-1.1-1.5-.8-2.6-2.1-2.8-3.1-2.8-8v-1.3q0-.7.2-1.2l.2-1 .4-1 .4-1q.1-.6.5-1.1l.5-1q3.2-5.7 8.8-8.5 5.7-2.9 13-2.9 3.2 0 6.2 1 3 .9 6 2.7 2.9 1.6 5.7 4.2 5.2 4.6 7.6 5.4 1 0 1.6-.2l.7-.4q.3-.1.5-.4 3.6-5.6 9.2-5.6 5.7 0 8.8 3.5 2.8 3 2.8 8z" />
+    </svg>
+    Homepage of
+    <div class=p-name>
+      <span class=first-name>Norman</span>
+      <span class=last-name>Köhring</span>
+    </div>
+    Code Artist
+  </header>
+  <menu id="main-menu">
+    <li><a href="/">home</a></li>
+    <li><a title="What I do these days" href="/now">/now</a></li>
+    <li><a title="Today I Learned" href="/til">/til</a></li>
+    <li class="active"><a title="My projects" href="/projects">/projects</a></li>
+    <li><a title="Weblog" href="/blog">/blog</a></li>
+    <li><a title="CV / Resume" href="/cv">/cv</a></li>
+    <li><a title="Tools I use" href="/stack">/stack</a></li>
+    <li><a title="Hardware I use" href="/setup">/setup</a></li>
+  </menu>
+  <link href=/extended.css rel=stylesheet>
+  <link href=/posts.css rel=stylesheet>
+  <script async data-goatcounter=https://koehr.goatcounter.com/count src=//gc.zgo.at/count.js></script>
+</body>
--- a/dist/setup/index.html
+++ b/dist/setup/index.html
@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang=en>
+
+<head>
+  <meta charset="utf-8">
+  <base href="https://koehr.in/"> 
+  <title>My Setup // the codeartist — programmer and engineer based in Berlin</title>
+  <meta name="description" content="Homepage, Portfolio and CV of Norman Köhring" />
+  <meta content="The personal page and weblog of Norman Köhring" name=description>
+  <meta content="Norman Köhring" name=author>
+  <meta content="the codeartist — programmer and engineer based in Berlin" name=DC.title>
+  <meta content="52.4595, 13.5335" name=ICBM>
+  <meta content="52.4595; 13.5335" name=geo.position>
+  <meta content=DE-BE name=geo.region>
+  <meta content=Berlin name=geo.placename>
+  <meta content="width=device-width,initial-scale=1.0" name=viewport>
+  <link href=https://koehr.in rel=author>
+  <link href=https://koehr.in rel=canonical>
+  <link href=https://k0r.in rel=alternate>
+  <link href=https://koehr.ing rel=me>
+  <link href=@Koehr@mstdn.io rel=me>
+  <link href=https://sr.ht/~koehr/ rel=me>
+  <link href=https://git.k0r.in rel=me>
+  <link href=https://threads.net/@coffee_n_code rel=me>
+  <link href=https://instagram.com/@coffee_n_code rel=me>
+  <link href=https://ko-fi.com/koehr rel=me>
+  <link href=https://reddit.com/user/koehr rel=me>
+  <link href=https://koehr.in/rss.xml rel=alternate title=RSS type=application/rss+xml>
+  <link href=/favicon.png rel=icon type=image/x-icon>
+  <link href=/style.css rel=stylesheet>
+</head>
+
+<body>
+  <main id="til" class="posts">
+    <header>
+      <h1>My Hardware Setup</h1>
+    </header>
+
+    <p><em>As a software engineer, the tools I use define how I work and I find it always inspiring to see the tools, other people use. This page focusses on Software. For Hardware, check <a href="/setup">/setup</a>.</em></p>
+<p>Last updated: 2024-05-13</p>
+<p>Introduction Lorem Ipsum Sit Dolor Amet...</p>
+<h2>Headline 1</h2>
+<blockquote>
+<p>Some extra info</p>
+</blockquote>
+<ul>
+<li>A nice list of things, maybe?</li>
+<li>Could also be a paragraph or two.</li>
+<li>That is totally up to me, I guess.</li>
+</ul>
+<h2>Headline 2</h2>
+<blockquote>
+<p>Some more extra info</p>
+</blockquote>
+<ul>
+<li>A nice list of things, maybe?</li>
+<li>Could also be a paragraph or two.</li>
+<li>That is totally up to me, I guess.</li>
+</ul>
+  </main>
+  <div id="spacer"></div>
+  <header id="header" class="small">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 832.4 143.1">
+      <path id="header-underscore"
+        d="M832.4 131.1q0 5.5-3.1 8.6-3 3.4-8.2 3.3h-75.5q-5.2 0-8.2-3.3-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8 0-5.5 3.1-8.7 1.6-1.7 3.7-2.4 2.2-.8 4.5-.8h75.5q5.2 0 8.2 3.2 3 3.1 3 8.7z" />
+      <path id="header-bracket"
+        d="M731.9 81.4q0 6.7-6.5 10.7l-1 .6-74.3 39.2q-2.5 1.3-5.2 1.2-4.8 0-8.1-3.8-3.2-3.6-3.2-8.4 0-3.3 1.7-6 1.8-2.9 4.6-4.4l55.3-29.1-55.3-29q-2.8-1.6-4.6-4.3-1.7-2.7-1.7-6.2 0-4.7 3.2-8.4 3.3-4 8-3.7 2.7 0 5.3 1.2l74.4 39.2q3.3 1.7 5.3 4.7 2 2.8 2 6.5z" />
+      <path id="header-r"
+        d="M588.7 66.5q0 5-3.5 8.5-3.5 3.4-8.1 3.5-4.4 0-8.3-4.3-10-10.7-20.9-10.6-2.2 0-4.3.3-2.1.3-4 1-1.8.6-3.7 1.6-1.7 1-3.4 2.3-1.7 1.3-3.3 2.9-7.8 8.2-7.6 19.7V131q0 5.5-3.1 8.6-3 3.4-8.3 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V51.6q0-5.4 3-8.6 3-3.4 8.3-3.3 2 0 3.7.6 1.8.6 3.3 1.8 1.4 1 2.2 2.7 1 1.5 1.6 3.3 11.8-8.4 27-8.4 10.6 0 21 5 11.3 5.4 17.2 14.5 2.5 3.7 2.5 7.3z" />
+      <path id="header-h"
+        d="M483.9 131.1q0 5.5-3.1 8.6-3 3.4-8.3 3.3-5.2 0-8.2-3.3-3.2-3.1-3.1-8.6V84.8q0-4.6-1.5-8.2-1.4-3.5-4.4-6.9-2.1-2-4.3-3.4-2.2-1.4-4.7-2-2.4-.7-5.3-.7-4.3 0-7.8 1.5-3.3 1.5-6.4 4.6-5.9 6.3-5.8 15v46.4q0 5.5-3 8.6-3.1 3.4-8.4 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V11.9q0-5.5 3-8.6 3-3.4 8.3-3.3 5.2 0 8.2 3.3 3.2 3.1 3.2 8.6v33q1.5-1 3-1.6l3.2-1.2 3.4-1q1.6-.5 3.3-.8l3.5-.4 3.6-.2q4.4 0 8.5 1 4.1.7 7.9 2.4 3.8 1.6 7.3 4.1 3.5 2.5 6.6 5.8Q484 66 484 84.8z" />
+      <path id="header-e"
+        d="M387.5 111.1q0 1.2-.3 2.3-.1 1-.5 2l-.9 2q-6.6 12-19.4 19-12 6.6-25.4 6.6-20.8 0-35.8-14.6-15.9-15-15.9-37 0-22.1 15.9-37.1 15-14.6 35.8-14.6 3.9 0 7.8.7 4 .7 8 2.2 9.2 3.1 18.2 10 6 4.6 9.1 9.3 3.3 4.7 3.3 10 0 1.3-.3 2.5-.2 1.3-.7 2.4-1.5 3.4-5 5.3l-56.9 32.2q7.2 4.9 16.5 4.9 7.2 0 12.6-2.5 5.5-2.5 9.7-7.4l.7-1 .8-1 .9-1.3 1-1.5q3.3-4.2 7.4-5.1l1.8-.2q4.4 0 8 3.4 3.6 3.5 3.6 8.5zm-29.9-42.7q-7.2-4.8-16.6-4.8-6 0-11 2-4.9 1.8-9.3 6-4.5 4-6.7 9-2 4.8-2 10.8l.1 2.9z" />
+      <path id="header-o"
+        d="M286.8 91.4q0 4.2-.6 8.3-.6 4-1.8 7.7-1.1 3.8-2.9 7.4-1.7 3.5-4 6.9-2.4 3.3-5.2 6.1Q258 143 237.7 143T203 128q-14.3-15.2-14.3-36.6 0-21.5 14.3-36.6 14.4-15 34.7-15 4 0 7.8.5 3.9.7 7.5 1.9t7 3q3.3 1.9 6.4 4.3 3.2 2.4 5.9 5.4 14.4 15 14.5 36.5zm-22.6 0q0-2.4-.4-4.5-.2-2.2-.9-4.2-.6-2-1.5-3.9-1-2-2.2-3.7-1.2-1.7-2.8-3.4-4-4.2-8.6-6.1-4.5-2-10-2-11 0-18.7 8.2-7.8 8-7.8 19.6 0 11.4 7.8 19.7 7.8 8 18.6 8 5.6 0 10.1-1.9 4.6-2 8.6-6.1 4-4.3 5.8-9 2-4.9 2-10.7z" />
+      <path id="header-k"
+        d="M186.3 131q0 4.7-3.3 8.3-1.5 1.8-3.7 2.7-2 1.1-4.3 1.1-3.5 0-6.6-2L119.2 105v26q0 5.5-3 8.6-3.1 3.4-8.4 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V11.9q0-5.5 3-8.6 3-3.4 8.3-3.3 5.2 0 8.2 3.3 3.2 3.1 3.2 8.6v65.9l49.2-36.1q3.2-2 6.6-2 4.7 0 8 3.7t3.3 8.4q-.2 6-5 9.6l-41 30 41 29.9q2.3 1.7 3.6 4.2 1.4 2.5 1.4 5.4z" />
+      <path id="header-tilde"
+        d="M73.1 91q0 2-.6 3.9T71 98.6q-3.2 5.7-8.9 8.5-5.6 2.8-12.9 2.8-8.8 0-18-7.8-2.4-2.3-4.5-3.7-2.1-1.5-3-1.7-1.5 0-2.1.3l-.8 1.3q-.3.7-.8 1.2l-1 1-.9.8q-2.7 2-6.4 2-1.7 0-3.2-.3-1.4-.3-3-1.1-1.5-.8-2.6-2.1-2.8-3.1-2.8-8v-1.3q0-.7.2-1.2l.2-1 .4-1 .4-1q.1-.6.5-1.1l.5-1q3.2-5.7 8.8-8.5 5.7-2.9 13-2.9 3.2 0 6.2 1 3 .9 6 2.7 2.9 1.6 5.7 4.2 5.2 4.6 7.6 5.4 1 0 1.6-.2l.7-.4q.3-.1.5-.4 3.6-5.6 9.2-5.6 5.7 0 8.8 3.5 2.8 3 2.8 8z" />
+    </svg>
+    Homepage of
+    <div class=p-name>
+      <span class=first-name>Norman</span>
+      <span class=last-name>Köhring</span>
+    </div>
+    Code Artist
+  </header>
+  <menu id="main-menu">
+    <li><a href="/">home</a></li>
+    <li><a title="What I do these days" href="/now">/now</a></li>
+    <li><a title="Today I Learned" href="/til">/til</a></li>
+    <li><a title="My projects" href="/projects">/projects</a></li>
+    <li><a title="Weblog" href="/blog">/blog</a></li>
+    <li><a title="CV / Resume" href="/cv">/cv</a></li>
+    <li><a title="Tools I use" href="/stack">/stack</a></li>
+    <li class="active"><a title="Hardware I use" href="/setup">/setup</a></li>
+  </menu>
+  <link href=/extended.css rel=stylesheet>
+  <link href=/posts.css rel=stylesheet>
+  <script async data-goatcounter=https://koehr.goatcounter.com/count src=//gc.zgo.at/count.js></script>
+</body>
--- a/dist/stack/index.html
+++ b/dist/stack/index.html
@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang=en>
+
+<head>
+  <meta charset="utf-8">
+  <base href="https://koehr.in/"> 
+  <title>My Stack // the codeartist — programmer and engineer based in Berlin</title>
+  <meta name="description" content="Homepage, Portfolio and CV of Norman Köhring" />
+  <meta content="The personal page and weblog of Norman Köhring" name=description>
+  <meta content="Norman Köhring" name=author>
+  <meta content="the codeartist — programmer and engineer based in Berlin" name=DC.title>
+  <meta content="52.4595, 13.5335" name=ICBM>
+  <meta content="52.4595; 13.5335" name=geo.position>
+  <meta content=DE-BE name=geo.region>
+  <meta content=Berlin name=geo.placename>
+  <meta content="width=device-width,initial-scale=1.0" name=viewport>
+  <link href=https://koehr.in rel=author>
+  <link href=https://koehr.in rel=canonical>
+  <link href=https://k0r.in rel=alternate>
+  <link href=https://koehr.ing rel=me>
+  <link href=@Koehr@mstdn.io rel=me>
+  <link href=https://sr.ht/~koehr/ rel=me>
+  <link href=https://git.k0r.in rel=me>
+  <link href=https://threads.net/@coffee_n_code rel=me>
+  <link href=https://instagram.com/@coffee_n_code rel=me>
+  <link href=https://ko-fi.com/koehr rel=me>
+  <link href=https://reddit.com/user/koehr rel=me>
+  <link href=https://koehr.in/rss.xml rel=alternate title=RSS type=application/rss+xml>
+  <link href=/favicon.png rel=icon type=image/x-icon>
+  <link href=/style.css rel=stylesheet>
+</head>
+
+<body>
+  <main id="til" class="posts">
+    <header>
+      <h1>My Software Stack</h1>
+    </header>
+
+    <p><em>As a software engineer, the tools I use define how I work and I find it always inspiring to see the tools, other people use. This page focusses on Software. For Hardware, check <a href="/setup">/setup</a>.</em></p>
+<p>Last updated: 2024-05-13</p>
+<p>Introduction Lorem Ipsum Sit Dolor Amet...</p>
+<h2>Headline 1</h2>
+<blockquote>
+<p>Some extra info</p>
+</blockquote>
+<ul>
+<li>A nice list of things, maybe?</li>
+<li>Could also be a paragraph or two.</li>
+<li>That is totally up to me, I guess.</li>
+</ul>
+<h2>Headline 2</h2>
+<blockquote>
+<p>Some more extra info</p>
+</blockquote>
+<ul>
+<li>A nice list of things, maybe?</li>
+<li>Could also be a paragraph or two.</li>
+<li>That is totally up to me, I guess.</li>
+</ul>
+  </main>
+  <div id="spacer"></div>
+  <header id="header" class="small">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 832.4 143.1">
+      <path id="header-underscore"
+        d="M832.4 131.1q0 5.5-3.1 8.6-3 3.4-8.2 3.3h-75.5q-5.2 0-8.2-3.3-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8 0-5.5 3.1-8.7 1.6-1.7 3.7-2.4 2.2-.8 4.5-.8h75.5q5.2 0 8.2 3.2 3 3.1 3 8.7z" />
+      <path id="header-bracket"
+        d="M731.9 81.4q0 6.7-6.5 10.7l-1 .6-74.3 39.2q-2.5 1.3-5.2 1.2-4.8 0-8.1-3.8-3.2-3.6-3.2-8.4 0-3.3 1.7-6 1.8-2.9 4.6-4.4l55.3-29.1-55.3-29q-2.8-1.6-4.6-4.3-1.7-2.7-1.7-6.2 0-4.7 3.2-8.4 3.3-4 8-3.7 2.7 0 5.3 1.2l74.4 39.2q3.3 1.7 5.3 4.7 2 2.8 2 6.5z" />
+      <path id="header-r"
+        d="M588.7 66.5q0 5-3.5 8.5-3.5 3.4-8.1 3.5-4.4 0-8.3-4.3-10-10.7-20.9-10.6-2.2 0-4.3.3-2.1.3-4 1-1.8.6-3.7 1.6-1.7 1-3.4 2.3-1.7 1.3-3.3 2.9-7.8 8.2-7.6 19.7V131q0 5.5-3.1 8.6-3 3.4-8.3 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V51.6q0-5.4 3-8.6 3-3.4 8.3-3.3 2 0 3.7.6 1.8.6 3.3 1.8 1.4 1 2.2 2.7 1 1.5 1.6 3.3 11.8-8.4 27-8.4 10.6 0 21 5 11.3 5.4 17.2 14.5 2.5 3.7 2.5 7.3z" />
+      <path id="header-h"
+        d="M483.9 131.1q0 5.5-3.1 8.6-3 3.4-8.3 3.3-5.2 0-8.2-3.3-3.2-3.1-3.1-8.6V84.8q0-4.6-1.5-8.2-1.4-3.5-4.4-6.9-2.1-2-4.3-3.4-2.2-1.4-4.7-2-2.4-.7-5.3-.7-4.3 0-7.8 1.5-3.3 1.5-6.4 4.6-5.9 6.3-5.8 15v46.4q0 5.5-3 8.6-3.1 3.4-8.4 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V11.9q0-5.5 3-8.6 3-3.4 8.3-3.3 5.2 0 8.2 3.3 3.2 3.1 3.2 8.6v33q1.5-1 3-1.6l3.2-1.2 3.4-1q1.6-.5 3.3-.8l3.5-.4 3.6-.2q4.4 0 8.5 1 4.1.7 7.9 2.4 3.8 1.6 7.3 4.1 3.5 2.5 6.6 5.8Q484 66 484 84.8z" />
+      <path id="header-e"
+        d="M387.5 111.1q0 1.2-.3 2.3-.1 1-.5 2l-.9 2q-6.6 12-19.4 19-12 6.6-25.4 6.6-20.8 0-35.8-14.6-15.9-15-15.9-37 0-22.1 15.9-37.1 15-14.6 35.8-14.6 3.9 0 7.8.7 4 .7 8 2.2 9.2 3.1 18.2 10 6 4.6 9.1 9.3 3.3 4.7 3.3 10 0 1.3-.3 2.5-.2 1.3-.7 2.4-1.5 3.4-5 5.3l-56.9 32.2q7.2 4.9 16.5 4.9 7.2 0 12.6-2.5 5.5-2.5 9.7-7.4l.7-1 .8-1 .9-1.3 1-1.5q3.3-4.2 7.4-5.1l1.8-.2q4.4 0 8 3.4 3.6 3.5 3.6 8.5zm-29.9-42.7q-7.2-4.8-16.6-4.8-6 0-11 2-4.9 1.8-9.3 6-4.5 4-6.7 9-2 4.8-2 10.8l.1 2.9z" />
+      <path id="header-o"
+        d="M286.8 91.4q0 4.2-.6 8.3-.6 4-1.8 7.7-1.1 3.8-2.9 7.4-1.7 3.5-4 6.9-2.4 3.3-5.2 6.1Q258 143 237.7 143T203 128q-14.3-15.2-14.3-36.6 0-21.5 14.3-36.6 14.4-15 34.7-15 4 0 7.8.5 3.9.7 7.5 1.9t7 3q3.3 1.9 6.4 4.3 3.2 2.4 5.9 5.4 14.4 15 14.5 36.5zm-22.6 0q0-2.4-.4-4.5-.2-2.2-.9-4.2-.6-2-1.5-3.9-1-2-2.2-3.7-1.2-1.7-2.8-3.4-4-4.2-8.6-6.1-4.5-2-10-2-11 0-18.7 8.2-7.8 8-7.8 19.6 0 11.4 7.8 19.7 7.8 8 18.6 8 5.6 0 10.1-1.9 4.6-2 8.6-6.1 4-4.3 5.8-9 2-4.9 2-10.7z" />
+      <path id="header-k"
+        d="M186.3 131q0 4.7-3.3 8.3-1.5 1.8-3.7 2.7-2 1.1-4.3 1.1-3.5 0-6.6-2L119.2 105v26q0 5.5-3 8.6-3.1 3.4-8.4 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V11.9q0-5.5 3-8.6 3-3.4 8.3-3.3 5.2 0 8.2 3.3 3.2 3.1 3.2 8.6v65.9l49.2-36.1q3.2-2 6.6-2 4.7 0 8 3.7t3.3 8.4q-.2 6-5 9.6l-41 30 41 29.9q2.3 1.7 3.6 4.2 1.4 2.5 1.4 5.4z" />
+      <path id="header-tilde"
+        d="M73.1 91q0 2-.6 3.9T71 98.6q-3.2 5.7-8.9 8.5-5.6 2.8-12.9 2.8-8.8 0-18-7.8-2.4-2.3-4.5-3.7-2.1-1.5-3-1.7-1.5 0-2.1.3l-.8 1.3q-.3.7-.8 1.2l-1 1-.9.8q-2.7 2-6.4 2-1.7 0-3.2-.3-1.4-.3-3-1.1-1.5-.8-2.6-2.1-2.8-3.1-2.8-8v-1.3q0-.7.2-1.2l.2-1 .4-1 .4-1q.1-.6.5-1.1l.5-1q3.2-5.7 8.8-8.5 5.7-2.9 13-2.9 3.2 0 6.2 1 3 .9 6 2.7 2.9 1.6 5.7 4.2 5.2 4.6 7.6 5.4 1 0 1.6-.2l.7-.4q.3-.1.5-.4 3.6-5.6 9.2-5.6 5.7 0 8.8 3.5 2.8 3 2.8 8z" />
+    </svg>
+    Homepage of
+    <div class=p-name>
+      <span class=first-name>Norman</span>
+      <span class=last-name>Köhring</span>
+    </div>
+    Code Artist
+  </header>
+  <menu id="main-menu">
+    <li><a href="/">home</a></li>
+    <li><a title="What I do these days" href="/now">/now</a></li>
+    <li><a title="Today I Learned" href="/til">/til</a></li>
+    <li><a title="My projects" href="/projects">/projects</a></li>
+    <li><a title="Weblog" href="/blog">/blog</a></li>
+    <li><a title="CV / Resume" href="/cv">/cv</a></li>
+    <li class="active"><a title="Tools I use" href="/stack">/stack</a></li>
+    <li><a title="Hardware I use" href="/setup">/setup</a></li>
+  </menu>
+  <link href=/extended.css rel=stylesheet>
+  <link href=/posts.css rel=stylesheet>
+  <script async data-goatcounter=https://koehr.goatcounter.com/count src=//gc.zgo.at/count.js></script>
+</body>
--- a/dist/til/index.html
+++ b/dist/til/index.html
@ -36,7 +36,9 @@
      <h1>TIL -- Today I learned</h1>
    </header>

-    <article class="til">
+    <p><em>This page contains short notes and sometimes code snippets, of interesting things I just found out.</em></p>
+<p>Last updated: 2024-05-13</p>
+<article class="til">
  <time datetime="2024-05-12">2024-05-12</time>
  <div>
    <a href="/til/2024-05-12.html">Sort list of strings in Javascript</a>
--- a/layouts/blog/index.html
+++ b/layouts/blog/index.html
@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang=en>
+
+<head>
+  <meta charset="utf-8">
+  <base href="@base_url"> 
+  <title>Weblog aka Blog // the codeartist — programmer and engineer based in Berlin</title>
+  <meta name="description" content="@description" />
+  <meta content="The personal page and weblog of Norman Köhring" name=description>
+  <meta content="Norman Köhring" name=author>
+  <meta content="the codeartist — programmer and engineer based in Berlin" name=DC.title>
+  <meta content="52.4595, 13.5335" name=ICBM>
+  <meta content="52.4595; 13.5335" name=geo.position>
+  <meta content=DE-BE name=geo.region>
+  <meta content=Berlin name=geo.placename>
+  <meta content="width=device-width,initial-scale=1.0" name=viewport>
+  <link href=https://koehr.in rel=author>
+  <link href=https://koehr.in rel=canonical>
+  <link href=https://k0r.in rel=alternate>
+  <link href=https://koehr.ing rel=me>
+  <link href=@Koehr@mstdn.io rel=me>
+  <link href=https://sr.ht/~koehr/ rel=me>
+  <link href=https://git.k0r.in rel=me>
+  <link href=https://threads.net/@coffee_n_code rel=me>
+  <link href=https://instagram.com/@coffee_n_code rel=me>
+  <link href=https://ko-fi.com/koehr rel=me>
+  <link href=https://reddit.com/user/koehr rel=me>
+  <link href=https://koehr.in/rss.xml rel=alternate title=RSS type=application/rss+xml>
+  <link href=/favicon.png rel=icon type=image/x-icon>
+  <link href=/style.css rel=stylesheet>
+</head>
+
+<body>
+  <main id="til" class="posts">
+    <header>
+      <h1>Weblog</h1>
+    </header>
+
+    @contents
+  </main>
+  <div id="spacer"></div>
+  <header id="header" class="small">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 832.4 143.1">
+      <path id="header-underscore"
+        d="M832.4 131.1q0 5.5-3.1 8.6-3 3.4-8.2 3.3h-75.5q-5.2 0-8.2-3.3-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8 0-5.5 3.1-8.7 1.6-1.7 3.7-2.4 2.2-.8 4.5-.8h75.5q5.2 0 8.2 3.2 3 3.1 3 8.7z" />
+      <path id="header-bracket"
+        d="M731.9 81.4q0 6.7-6.5 10.7l-1 .6-74.3 39.2q-2.5 1.3-5.2 1.2-4.8 0-8.1-3.8-3.2-3.6-3.2-8.4 0-3.3 1.7-6 1.8-2.9 4.6-4.4l55.3-29.1-55.3-29q-2.8-1.6-4.6-4.3-1.7-2.7-1.7-6.2 0-4.7 3.2-8.4 3.3-4 8-3.7 2.7 0 5.3 1.2l74.4 39.2q3.3 1.7 5.3 4.7 2 2.8 2 6.5z" />
+      <path id="header-r"
+        d="M588.7 66.5q0 5-3.5 8.5-3.5 3.4-8.1 3.5-4.4 0-8.3-4.3-10-10.7-20.9-10.6-2.2 0-4.3.3-2.1.3-4 1-1.8.6-3.7 1.6-1.7 1-3.4 2.3-1.7 1.3-3.3 2.9-7.8 8.2-7.6 19.7V131q0 5.5-3.1 8.6-3 3.4-8.3 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V51.6q0-5.4 3-8.6 3-3.4 8.3-3.3 2 0 3.7.6 1.8.6 3.3 1.8 1.4 1 2.2 2.7 1 1.5 1.6 3.3 11.8-8.4 27-8.4 10.6 0 21 5 11.3 5.4 17.2 14.5 2.5 3.7 2.5 7.3z" />
+      <path id="header-h"
+        d="M483.9 131.1q0 5.5-3.1 8.6-3 3.4-8.3 3.3-5.2 0-8.2-3.3-3.2-3.1-3.1-8.6V84.8q0-4.6-1.5-8.2-1.4-3.5-4.4-6.9-2.1-2-4.3-3.4-2.2-1.4-4.7-2-2.4-.7-5.3-.7-4.3 0-7.8 1.5-3.3 1.5-6.4 4.6-5.9 6.3-5.8 15v46.4q0 5.5-3 8.6-3.1 3.4-8.4 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V11.9q0-5.5 3-8.6 3-3.4 8.3-3.3 5.2 0 8.2 3.3 3.2 3.1 3.2 8.6v33q1.5-1 3-1.6l3.2-1.2 3.4-1q1.6-.5 3.3-.8l3.5-.4 3.6-.2q4.4 0 8.5 1 4.1.7 7.9 2.4 3.8 1.6 7.3 4.1 3.5 2.5 6.6 5.8Q484 66 484 84.8z" />
+      <path id="header-e"
+        d="M387.5 111.1q0 1.2-.3 2.3-.1 1-.5 2l-.9 2q-6.6 12-19.4 19-12 6.6-25.4 6.6-20.8 0-35.8-14.6-15.9-15-15.9-37 0-22.1 15.9-37.1 15-14.6 35.8-14.6 3.9 0 7.8.7 4 .7 8 2.2 9.2 3.1 18.2 10 6 4.6 9.1 9.3 3.3 4.7 3.3 10 0 1.3-.3 2.5-.2 1.3-.7 2.4-1.5 3.4-5 5.3l-56.9 32.2q7.2 4.9 16.5 4.9 7.2 0 12.6-2.5 5.5-2.5 9.7-7.4l.7-1 .8-1 .9-1.3 1-1.5q3.3-4.2 7.4-5.1l1.8-.2q4.4 0 8 3.4 3.6 3.5 3.6 8.5zm-29.9-42.7q-7.2-4.8-16.6-4.8-6 0-11 2-4.9 1.8-9.3 6-4.5 4-6.7 9-2 4.8-2 10.8l.1 2.9z" />
+      <path id="header-o"
+        d="M286.8 91.4q0 4.2-.6 8.3-.6 4-1.8 7.7-1.1 3.8-2.9 7.4-1.7 3.5-4 6.9-2.4 3.3-5.2 6.1Q258 143 237.7 143T203 128q-14.3-15.2-14.3-36.6 0-21.5 14.3-36.6 14.4-15 34.7-15 4 0 7.8.5 3.9.7 7.5 1.9t7 3q3.3 1.9 6.4 4.3 3.2 2.4 5.9 5.4 14.4 15 14.5 36.5zm-22.6 0q0-2.4-.4-4.5-.2-2.2-.9-4.2-.6-2-1.5-3.9-1-2-2.2-3.7-1.2-1.7-2.8-3.4-4-4.2-8.6-6.1-4.5-2-10-2-11 0-18.7 8.2-7.8 8-7.8 19.6 0 11.4 7.8 19.7 7.8 8 18.6 8 5.6 0 10.1-1.9 4.6-2 8.6-6.1 4-4.3 5.8-9 2-4.9 2-10.7z" />
+      <path id="header-k"
+        d="M186.3 131q0 4.7-3.3 8.3-1.5 1.8-3.7 2.7-2 1.1-4.3 1.1-3.5 0-6.6-2L119.2 105v26q0 5.5-3 8.6-3.1 3.4-8.4 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V11.9q0-5.5 3-8.6 3-3.4 8.3-3.3 5.2 0 8.2 3.3 3.2 3.1 3.2 8.6v65.9l49.2-36.1q3.2-2 6.6-2 4.7 0 8 3.7t3.3 8.4q-.2 6-5 9.6l-41 30 41 29.9q2.3 1.7 3.6 4.2 1.4 2.5 1.4 5.4z" />
+      <path id="header-tilde"
+        d="M73.1 91q0 2-.6 3.9T71 98.6q-3.2 5.7-8.9 8.5-5.6 2.8-12.9 2.8-8.8 0-18-7.8-2.4-2.3-4.5-3.7-2.1-1.5-3-1.7-1.5 0-2.1.3l-.8 1.3q-.3.7-.8 1.2l-1 1-.9.8q-2.7 2-6.4 2-1.7 0-3.2-.3-1.4-.3-3-1.1-1.5-.8-2.6-2.1-2.8-3.1-2.8-8v-1.3q0-.7.2-1.2l.2-1 .4-1 .4-1q.1-.6.5-1.1l.5-1q3.2-5.7 8.8-8.5 5.7-2.9 13-2.9 3.2 0 6.2 1 3 .9 6 2.7 2.9 1.6 5.7 4.2 5.2 4.6 7.6 5.4 1 0 1.6-.2l.7-.4q.3-.1.5-.4 3.6-5.6 9.2-5.6 5.7 0 8.8 3.5 2.8 3 2.8 8z" />
+    </svg>
+    Homepage of
+    <div class=p-name>
+      <span class=first-name>Norman</span>
+      <span class=last-name>Köhring</span>
+    </div>
+    Code Artist
+  </header>
+  <menu id="main-menu">
+    <li><a href="/">home</a></li>
+    <li><a title="What I do these days" href="/now">/now</a></li>
+    <li><a title="Today I Learned" href="/til">/til</a></li>
+    <li><a title="My projects" href="/projects">/projects</a></li>
+    <li class="active"><a title="Weblog" href="/blog">/blog</a></li>
+    <li><a title="CV / Resume" href="/cv">/cv</a></li>
+    <li><a title="Tools I use" href="/stack">/stack</a></li>
+    <li><a title="Hardware I use" href="/setup">/setup</a></li>
+  </menu>
+  <link href=/extended.css rel=stylesheet>
+  <link href=/posts.css rel=stylesheet>
+  <script async data-goatcounter=https://koehr.goatcounter.com/count src=//gc.zgo.at/count.js></script>
+</body>
--- a/layouts/cv/index.html
+++ b/layouts/cv/index.html
@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang=en>
+
+<head>
+  <meta charset="utf-8">
+  <base href="@base_url"> 
+  <title>CV/Resume // the codeartist — programmer and engineer based in Berlin</title>
+  <meta name="description" content="@description" />
+  <meta content="The personal page and weblog of Norman Köhring" name=description>
+  <meta content="Norman Köhring" name=author>
+  <meta content="the codeartist — programmer and engineer based in Berlin" name=DC.title>
+  <meta content="52.4595, 13.5335" name=ICBM>
+  <meta content="52.4595; 13.5335" name=geo.position>
+  <meta content=DE-BE name=geo.region>
+  <meta content=Berlin name=geo.placename>
+  <meta content="width=device-width,initial-scale=1.0" name=viewport>
+  <link href=https://koehr.in rel=author>
+  <link href=https://koehr.in rel=canonical>
+  <link href=https://k0r.in rel=alternate>
+  <link href=https://koehr.ing rel=me>
+  <link href=@Koehr@mstdn.io rel=me>
+  <link href=https://sr.ht/~koehr/ rel=me>
+  <link href=https://git.k0r.in rel=me>
+  <link href=https://threads.net/@coffee_n_code rel=me>
+  <link href=https://instagram.com/@coffee_n_code rel=me>
+  <link href=https://ko-fi.com/koehr rel=me>
+  <link href=https://reddit.com/user/koehr rel=me>
+  <link href=https://koehr.in/rss.xml rel=alternate title=RSS type=application/rss+xml>
+  <link href=/favicon.png rel=icon type=image/x-icon>
+  <link href=/style.css rel=stylesheet>
+</head>
+
+<body>
+  <main id="til" class="posts">
+    <header>
+      <h1>My Resume</h1>
+    </header>
+
+    @contents
+  </main>
+  <div id="spacer"></div>
+  <header id="header" class="small">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 832.4 143.1">
+      <path id="header-underscore"
+        d="M832.4 131.1q0 5.5-3.1 8.6-3 3.4-8.2 3.3h-75.5q-5.2 0-8.2-3.3-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8 0-5.5 3.1-8.7 1.6-1.7 3.7-2.4 2.2-.8 4.5-.8h75.5q5.2 0 8.2 3.2 3 3.1 3 8.7z" />
+      <path id="header-bracket"
+        d="M731.9 81.4q0 6.7-6.5 10.7l-1 .6-74.3 39.2q-2.5 1.3-5.2 1.2-4.8 0-8.1-3.8-3.2-3.6-3.2-8.4 0-3.3 1.7-6 1.8-2.9 4.6-4.4l55.3-29.1-55.3-29q-2.8-1.6-4.6-4.3-1.7-2.7-1.7-6.2 0-4.7 3.2-8.4 3.3-4 8-3.7 2.7 0 5.3 1.2l74.4 39.2q3.3 1.7 5.3 4.7 2 2.8 2 6.5z" />
+      <path id="header-r"
+        d="M588.7 66.5q0 5-3.5 8.5-3.5 3.4-8.1 3.5-4.4 0-8.3-4.3-10-10.7-20.9-10.6-2.2 0-4.3.3-2.1.3-4 1-1.8.6-3.7 1.6-1.7 1-3.4 2.3-1.7 1.3-3.3 2.9-7.8 8.2-7.6 19.7V131q0 5.5-3.1 8.6-3 3.4-8.3 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V51.6q0-5.4 3-8.6 3-3.4 8.3-3.3 2 0 3.7.6 1.8.6 3.3 1.8 1.4 1 2.2 2.7 1 1.5 1.6 3.3 11.8-8.4 27-8.4 10.6 0 21 5 11.3 5.4 17.2 14.5 2.5 3.7 2.5 7.3z" />
+      <path id="header-h"
+        d="M483.9 131.1q0 5.5-3.1 8.6-3 3.4-8.3 3.3-5.2 0-8.2-3.3-3.2-3.1-3.1-8.6V84.8q0-4.6-1.5-8.2-1.4-3.5-4.4-6.9-2.1-2-4.3-3.4-2.2-1.4-4.7-2-2.4-.7-5.3-.7-4.3 0-7.8 1.5-3.3 1.5-6.4 4.6-5.9 6.3-5.8 15v46.4q0 5.5-3 8.6-3.1 3.4-8.4 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V11.9q0-5.5 3-8.6 3-3.4 8.3-3.3 5.2 0 8.2 3.3 3.2 3.1 3.2 8.6v33q1.5-1 3-1.6l3.2-1.2 3.4-1q1.6-.5 3.3-.8l3.5-.4 3.6-.2q4.4 0 8.5 1 4.1.7 7.9 2.4 3.8 1.6 7.3 4.1 3.5 2.5 6.6 5.8Q484 66 484 84.8z" />
+      <path id="header-e"
+        d="M387.5 111.1q0 1.2-.3 2.3-.1 1-.5 2l-.9 2q-6.6 12-19.4 19-12 6.6-25.4 6.6-20.8 0-35.8-14.6-15.9-15-15.9-37 0-22.1 15.9-37.1 15-14.6 35.8-14.6 3.9 0 7.8.7 4 .7 8 2.2 9.2 3.1 18.2 10 6 4.6 9.1 9.3 3.3 4.7 3.3 10 0 1.3-.3 2.5-.2 1.3-.7 2.4-1.5 3.4-5 5.3l-56.9 32.2q7.2 4.9 16.5 4.9 7.2 0 12.6-2.5 5.5-2.5 9.7-7.4l.7-1 .8-1 .9-1.3 1-1.5q3.3-4.2 7.4-5.1l1.8-.2q4.4 0 8 3.4 3.6 3.5 3.6 8.5zm-29.9-42.7q-7.2-4.8-16.6-4.8-6 0-11 2-4.9 1.8-9.3 6-4.5 4-6.7 9-2 4.8-2 10.8l.1 2.9z" />
+      <path id="header-o"
+        d="M286.8 91.4q0 4.2-.6 8.3-.6 4-1.8 7.7-1.1 3.8-2.9 7.4-1.7 3.5-4 6.9-2.4 3.3-5.2 6.1Q258 143 237.7 143T203 128q-14.3-15.2-14.3-36.6 0-21.5 14.3-36.6 14.4-15 34.7-15 4 0 7.8.5 3.9.7 7.5 1.9t7 3q3.3 1.9 6.4 4.3 3.2 2.4 5.9 5.4 14.4 15 14.5 36.5zm-22.6 0q0-2.4-.4-4.5-.2-2.2-.9-4.2-.6-2-1.5-3.9-1-2-2.2-3.7-1.2-1.7-2.8-3.4-4-4.2-8.6-6.1-4.5-2-10-2-11 0-18.7 8.2-7.8 8-7.8 19.6 0 11.4 7.8 19.7 7.8 8 18.6 8 5.6 0 10.1-1.9 4.6-2 8.6-6.1 4-4.3 5.8-9 2-4.9 2-10.7z" />
+      <path id="header-k"
+        d="M186.3 131q0 4.7-3.3 8.3-1.5 1.8-3.7 2.7-2 1.1-4.3 1.1-3.5 0-6.6-2L119.2 105v26q0 5.5-3 8.6-3.1 3.4-8.4 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V11.9q0-5.5 3-8.6 3-3.4 8.3-3.3 5.2 0 8.2 3.3 3.2 3.1 3.2 8.6v65.9l49.2-36.1q3.2-2 6.6-2 4.7 0 8 3.7t3.3 8.4q-.2 6-5 9.6l-41 30 41 29.9q2.3 1.7 3.6 4.2 1.4 2.5 1.4 5.4z" />
+      <path id="header-tilde"
+        d="M73.1 91q0 2-.6 3.9T71 98.6q-3.2 5.7-8.9 8.5-5.6 2.8-12.9 2.8-8.8 0-18-7.8-2.4-2.3-4.5-3.7-2.1-1.5-3-1.7-1.5 0-2.1.3l-.8 1.3q-.3.7-.8 1.2l-1 1-.9.8q-2.7 2-6.4 2-1.7 0-3.2-.3-1.4-.3-3-1.1-1.5-.8-2.6-2.1-2.8-3.1-2.8-8v-1.3q0-.7.2-1.2l.2-1 .4-1 .4-1q.1-.6.5-1.1l.5-1q3.2-5.7 8.8-8.5 5.7-2.9 13-2.9 3.2 0 6.2 1 3 .9 6 2.7 2.9 1.6 5.7 4.2 5.2 4.6 7.6 5.4 1 0 1.6-.2l.7-.4q.3-.1.5-.4 3.6-5.6 9.2-5.6 5.7 0 8.8 3.5 2.8 3 2.8 8z" />
+    </svg>
+    Homepage of
+    <div class=p-name>
+      <span class=first-name>Norman</span>
+      <span class=last-name>Köhring</span>
+    </div>
+    Code Artist
+  </header>
+  <menu id="main-menu">
+    <li><a href="/">home</a></li>
+    <li><a title="What I do these days" href="/now">/now</a></li>
+    <li><a title="Today I Learned" href="/til">/til</a></li>
+    <li><a title="My projects" href="/projects">/projects</a></li>
+    <li><a title="Weblog" href="/blog">/blog</a></li>
+    <li class="active"><a title="CV / Resume" href="/cv">/cv</a></li>
+    <li><a title="Tools I use" href="/stack">/stack</a></li>
+    <li><a title="Hardware I use" href="/setup">/setup</a></li>
+  </menu>
+  <link href=/extended.css rel=stylesheet>
+  <link href=/posts.css rel=stylesheet>
+  <script async data-goatcounter=https://koehr.goatcounter.com/count src=//gc.zgo.at/count.js></script>
+</body>
--- a/layouts/projects/index.html
+++ b/layouts/projects/index.html
@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang=en>
+
+<head>
+  <meta charset="utf-8">
+  <base href="@base_url"> 
+  <title>Active Projects // the codeartist — programmer and engineer based in Berlin</title>
+  <meta name="description" content="@description" />
+  <meta content="The personal page and weblog of Norman Köhring" name=description>
+  <meta content="Norman Köhring" name=author>
+  <meta content="the codeartist — programmer and engineer based in Berlin" name=DC.title>
+  <meta content="52.4595, 13.5335" name=ICBM>
+  <meta content="52.4595; 13.5335" name=geo.position>
+  <meta content=DE-BE name=geo.region>
+  <meta content=Berlin name=geo.placename>
+  <meta content="width=device-width,initial-scale=1.0" name=viewport>
+  <link href=https://koehr.in rel=author>
+  <link href=https://koehr.in rel=canonical>
+  <link href=https://k0r.in rel=alternate>
+  <link href=https://koehr.ing rel=me>
+  <link href=@Koehr@mstdn.io rel=me>
+  <link href=https://sr.ht/~koehr/ rel=me>
+  <link href=https://git.k0r.in rel=me>
+  <link href=https://threads.net/@coffee_n_code rel=me>
+  <link href=https://instagram.com/@coffee_n_code rel=me>
+  <link href=https://ko-fi.com/koehr rel=me>
+  <link href=https://reddit.com/user/koehr rel=me>
+  <link href=https://koehr.in/rss.xml rel=alternate title=RSS type=application/rss+xml>
+  <link href=/favicon.png rel=icon type=image/x-icon>
+  <link href=/style.css rel=stylesheet>
+</head>
+
+<body>
+  <main id="til" class="posts">
+    <header>
+      <h1>Active Projects</h1>
+    </header>
+
+    @contents
+  </main>
+  <div id="spacer"></div>
+  <header id="header" class="small">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 832.4 143.1">
+      <path id="header-underscore"
+        d="M832.4 131.1q0 5.5-3.1 8.6-3 3.4-8.2 3.3h-75.5q-5.2 0-8.2-3.3-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8 0-5.5 3.1-8.7 1.6-1.7 3.7-2.4 2.2-.8 4.5-.8h75.5q5.2 0 8.2 3.2 3 3.1 3 8.7z" />
+      <path id="header-bracket"
+        d="M731.9 81.4q0 6.7-6.5 10.7l-1 .6-74.3 39.2q-2.5 1.3-5.2 1.2-4.8 0-8.1-3.8-3.2-3.6-3.2-8.4 0-3.3 1.7-6 1.8-2.9 4.6-4.4l55.3-29.1-55.3-29q-2.8-1.6-4.6-4.3-1.7-2.7-1.7-6.2 0-4.7 3.2-8.4 3.3-4 8-3.7 2.7 0 5.3 1.2l74.4 39.2q3.3 1.7 5.3 4.7 2 2.8 2 6.5z" />
+      <path id="header-r"
+        d="M588.7 66.5q0 5-3.5 8.5-3.5 3.4-8.1 3.5-4.4 0-8.3-4.3-10-10.7-20.9-10.6-2.2 0-4.3.3-2.1.3-4 1-1.8.6-3.7 1.6-1.7 1-3.4 2.3-1.7 1.3-3.3 2.9-7.8 8.2-7.6 19.7V131q0 5.5-3.1 8.6-3 3.4-8.3 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V51.6q0-5.4 3-8.6 3-3.4 8.3-3.3 2 0 3.7.6 1.8.6 3.3 1.8 1.4 1 2.2 2.7 1 1.5 1.6 3.3 11.8-8.4 27-8.4 10.6 0 21 5 11.3 5.4 17.2 14.5 2.5 3.7 2.5 7.3z" />
+      <path id="header-h"
+        d="M483.9 131.1q0 5.5-3.1 8.6-3 3.4-8.3 3.3-5.2 0-8.2-3.3-3.2-3.1-3.1-8.6V84.8q0-4.6-1.5-8.2-1.4-3.5-4.4-6.9-2.1-2-4.3-3.4-2.2-1.4-4.7-2-2.4-.7-5.3-.7-4.3 0-7.8 1.5-3.3 1.5-6.4 4.6-5.9 6.3-5.8 15v46.4q0 5.5-3 8.6-3.1 3.4-8.4 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V11.9q0-5.5 3-8.6 3-3.4 8.3-3.3 5.2 0 8.2 3.3 3.2 3.1 3.2 8.6v33q1.5-1 3-1.6l3.2-1.2 3.4-1q1.6-.5 3.3-.8l3.5-.4 3.6-.2q4.4 0 8.5 1 4.1.7 7.9 2.4 3.8 1.6 7.3 4.1 3.5 2.5 6.6 5.8Q484 66 484 84.8z" />
+      <path id="header-e"
+        d="M387.5 111.1q0 1.2-.3 2.3-.1 1-.5 2l-.9 2q-6.6 12-19.4 19-12 6.6-25.4 6.6-20.8 0-35.8-14.6-15.9-15-15.9-37 0-22.1 15.9-37.1 15-14.6 35.8-14.6 3.9 0 7.8.7 4 .7 8 2.2 9.2 3.1 18.2 10 6 4.6 9.1 9.3 3.3 4.7 3.3 10 0 1.3-.3 2.5-.2 1.3-.7 2.4-1.5 3.4-5 5.3l-56.9 32.2q7.2 4.9 16.5 4.9 7.2 0 12.6-2.5 5.5-2.5 9.7-7.4l.7-1 .8-1 .9-1.3 1-1.5q3.3-4.2 7.4-5.1l1.8-.2q4.4 0 8 3.4 3.6 3.5 3.6 8.5zm-29.9-42.7q-7.2-4.8-16.6-4.8-6 0-11 2-4.9 1.8-9.3 6-4.5 4-6.7 9-2 4.8-2 10.8l.1 2.9z" />
+      <path id="header-o"
+        d="M286.8 91.4q0 4.2-.6 8.3-.6 4-1.8 7.7-1.1 3.8-2.9 7.4-1.7 3.5-4 6.9-2.4 3.3-5.2 6.1Q258 143 237.7 143T203 128q-14.3-15.2-14.3-36.6 0-21.5 14.3-36.6 14.4-15 34.7-15 4 0 7.8.5 3.9.7 7.5 1.9t7 3q3.3 1.9 6.4 4.3 3.2 2.4 5.9 5.4 14.4 15 14.5 36.5zm-22.6 0q0-2.4-.4-4.5-.2-2.2-.9-4.2-.6-2-1.5-3.9-1-2-2.2-3.7-1.2-1.7-2.8-3.4-4-4.2-8.6-6.1-4.5-2-10-2-11 0-18.7 8.2-7.8 8-7.8 19.6 0 11.4 7.8 19.7 7.8 8 18.6 8 5.6 0 10.1-1.9 4.6-2 8.6-6.1 4-4.3 5.8-9 2-4.9 2-10.7z" />
+      <path id="header-k"
+        d="M186.3 131q0 4.7-3.3 8.3-1.5 1.8-3.7 2.7-2 1.1-4.3 1.1-3.5 0-6.6-2L119.2 105v26q0 5.5-3 8.6-3.1 3.4-8.4 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V11.9q0-5.5 3-8.6 3-3.4 8.3-3.3 5.2 0 8.2 3.3 3.2 3.1 3.2 8.6v65.9l49.2-36.1q3.2-2 6.6-2 4.7 0 8 3.7t3.3 8.4q-.2 6-5 9.6l-41 30 41 29.9q2.3 1.7 3.6 4.2 1.4 2.5 1.4 5.4z" />
+      <path id="header-tilde"
+        d="M73.1 91q0 2-.6 3.9T71 98.6q-3.2 5.7-8.9 8.5-5.6 2.8-12.9 2.8-8.8 0-18-7.8-2.4-2.3-4.5-3.7-2.1-1.5-3-1.7-1.5 0-2.1.3l-.8 1.3q-.3.7-.8 1.2l-1 1-.9.8q-2.7 2-6.4 2-1.7 0-3.2-.3-1.4-.3-3-1.1-1.5-.8-2.6-2.1-2.8-3.1-2.8-8v-1.3q0-.7.2-1.2l.2-1 .4-1 .4-1q.1-.6.5-1.1l.5-1q3.2-5.7 8.8-8.5 5.7-2.9 13-2.9 3.2 0 6.2 1 3 .9 6 2.7 2.9 1.6 5.7 4.2 5.2 4.6 7.6 5.4 1 0 1.6-.2l.7-.4q.3-.1.5-.4 3.6-5.6 9.2-5.6 5.7 0 8.8 3.5 2.8 3 2.8 8z" />
+    </svg>
+    Homepage of
+    <div class=p-name>
+      <span class=first-name>Norman</span>
+      <span class=last-name>Köhring</span>
+    </div>
+    Code Artist
+  </header>
+  <menu id="main-menu">
+    <li><a href="/">home</a></li>
+    <li><a title="What I do these days" href="/now">/now</a></li>
+    <li><a title="Today I Learned" href="/til">/til</a></li>
+    <li class="active"><a title="My projects" href="/projects">/projects</a></li>
+    <li><a title="Weblog" href="/blog">/blog</a></li>
+    <li><a title="CV / Resume" href="/cv">/cv</a></li>
+    <li><a title="Tools I use" href="/stack">/stack</a></li>
+    <li><a title="Hardware I use" href="/setup">/setup</a></li>
+  </menu>
+  <link href=/extended.css rel=stylesheet>
+  <link href=/posts.css rel=stylesheet>
+  <script async data-goatcounter=https://koehr.goatcounter.com/count src=//gc.zgo.at/count.js></script>
+</body>
--- a/layouts/setup/index.html
+++ b/layouts/setup/index.html
@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang=en>
+
+<head>
+  <meta charset="utf-8">
+  <base href="@base_url"> 
+  <title>My Setup // the codeartist — programmer and engineer based in Berlin</title>
+  <meta name="description" content="@description" />
+  <meta content="The personal page and weblog of Norman Köhring" name=description>
+  <meta content="Norman Köhring" name=author>
+  <meta content="the codeartist — programmer and engineer based in Berlin" name=DC.title>
+  <meta content="52.4595, 13.5335" name=ICBM>
+  <meta content="52.4595; 13.5335" name=geo.position>
+  <meta content=DE-BE name=geo.region>
+  <meta content=Berlin name=geo.placename>
+  <meta content="width=device-width,initial-scale=1.0" name=viewport>
+  <link href=https://koehr.in rel=author>
+  <link href=https://koehr.in rel=canonical>
+  <link href=https://k0r.in rel=alternate>
+  <link href=https://koehr.ing rel=me>
+  <link href=@Koehr@mstdn.io rel=me>
+  <link href=https://sr.ht/~koehr/ rel=me>
+  <link href=https://git.k0r.in rel=me>
+  <link href=https://threads.net/@coffee_n_code rel=me>
+  <link href=https://instagram.com/@coffee_n_code rel=me>
+  <link href=https://ko-fi.com/koehr rel=me>
+  <link href=https://reddit.com/user/koehr rel=me>
+  <link href=https://koehr.in/rss.xml rel=alternate title=RSS type=application/rss+xml>
+  <link href=/favicon.png rel=icon type=image/x-icon>
+  <link href=/style.css rel=stylesheet>
+</head>
+
+<body>
+  <main id="til" class="posts">
+    <header>
+      <h1>My Hardware Setup</h1>
+    </header>
+
+    @contents
+  </main>
+  <div id="spacer"></div>
+  <header id="header" class="small">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 832.4 143.1">
+      <path id="header-underscore"
+        d="M832.4 131.1q0 5.5-3.1 8.6-3 3.4-8.2 3.3h-75.5q-5.2 0-8.2-3.3-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8 0-5.5 3.1-8.7 1.6-1.7 3.7-2.4 2.2-.8 4.5-.8h75.5q5.2 0 8.2 3.2 3 3.1 3 8.7z" />
+      <path id="header-bracket"
+        d="M731.9 81.4q0 6.7-6.5 10.7l-1 .6-74.3 39.2q-2.5 1.3-5.2 1.2-4.8 0-8.1-3.8-3.2-3.6-3.2-8.4 0-3.3 1.7-6 1.8-2.9 4.6-4.4l55.3-29.1-55.3-29q-2.8-1.6-4.6-4.3-1.7-2.7-1.7-6.2 0-4.7 3.2-8.4 3.3-4 8-3.7 2.7 0 5.3 1.2l74.4 39.2q3.3 1.7 5.3 4.7 2 2.8 2 6.5z" />
+      <path id="header-r"
+        d="M588.7 66.5q0 5-3.5 8.5-3.5 3.4-8.1 3.5-4.4 0-8.3-4.3-10-10.7-20.9-10.6-2.2 0-4.3.3-2.1.3-4 1-1.8.6-3.7 1.6-1.7 1-3.4 2.3-1.7 1.3-3.3 2.9-7.8 8.2-7.6 19.7V131q0 5.5-3.1 8.6-3 3.4-8.3 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V51.6q0-5.4 3-8.6 3-3.4 8.3-3.3 2 0 3.7.6 1.8.6 3.3 1.8 1.4 1 2.2 2.7 1 1.5 1.6 3.3 11.8-8.4 27-8.4 10.6 0 21 5 11.3 5.4 17.2 14.5 2.5 3.7 2.5 7.3z" />
+      <path id="header-h"
+        d="M483.9 131.1q0 5.5-3.1 8.6-3 3.4-8.3 3.3-5.2 0-8.2-3.3-3.2-3.1-3.1-8.6V84.8q0-4.6-1.5-8.2-1.4-3.5-4.4-6.9-2.1-2-4.3-3.4-2.2-1.4-4.7-2-2.4-.7-5.3-.7-4.3 0-7.8 1.5-3.3 1.5-6.4 4.6-5.9 6.3-5.8 15v46.4q0 5.5-3 8.6-3.1 3.4-8.4 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V11.9q0-5.5 3-8.6 3-3.4 8.3-3.3 5.2 0 8.2 3.3 3.2 3.1 3.2 8.6v33q1.5-1 3-1.6l3.2-1.2 3.4-1q1.6-.5 3.3-.8l3.5-.4 3.6-.2q4.4 0 8.5 1 4.1.7 7.9 2.4 3.8 1.6 7.3 4.1 3.5 2.5 6.6 5.8Q484 66 484 84.8z" />
+      <path id="header-e"
+        d="M387.5 111.1q0 1.2-.3 2.3-.1 1-.5 2l-.9 2q-6.6 12-19.4 19-12 6.6-25.4 6.6-20.8 0-35.8-14.6-15.9-15-15.9-37 0-22.1 15.9-37.1 15-14.6 35.8-14.6 3.9 0 7.8.7 4 .7 8 2.2 9.2 3.1 18.2 10 6 4.6 9.1 9.3 3.3 4.7 3.3 10 0 1.3-.3 2.5-.2 1.3-.7 2.4-1.5 3.4-5 5.3l-56.9 32.2q7.2 4.9 16.5 4.9 7.2 0 12.6-2.5 5.5-2.5 9.7-7.4l.7-1 .8-1 .9-1.3 1-1.5q3.3-4.2 7.4-5.1l1.8-.2q4.4 0 8 3.4 3.6 3.5 3.6 8.5zm-29.9-42.7q-7.2-4.8-16.6-4.8-6 0-11 2-4.9 1.8-9.3 6-4.5 4-6.7 9-2 4.8-2 10.8l.1 2.9z" />
+      <path id="header-o"
+        d="M286.8 91.4q0 4.2-.6 8.3-.6 4-1.8 7.7-1.1 3.8-2.9 7.4-1.7 3.5-4 6.9-2.4 3.3-5.2 6.1Q258 143 237.7 143T203 128q-14.3-15.2-14.3-36.6 0-21.5 14.3-36.6 14.4-15 34.7-15 4 0 7.8.5 3.9.7 7.5 1.9t7 3q3.3 1.9 6.4 4.3 3.2 2.4 5.9 5.4 14.4 15 14.5 36.5zm-22.6 0q0-2.4-.4-4.5-.2-2.2-.9-4.2-.6-2-1.5-3.9-1-2-2.2-3.7-1.2-1.7-2.8-3.4-4-4.2-8.6-6.1-4.5-2-10-2-11 0-18.7 8.2-7.8 8-7.8 19.6 0 11.4 7.8 19.7 7.8 8 18.6 8 5.6 0 10.1-1.9 4.6-2 8.6-6.1 4-4.3 5.8-9 2-4.9 2-10.7z" />
+      <path id="header-k"
+        d="M186.3 131q0 4.7-3.3 8.3-1.5 1.8-3.7 2.7-2 1.1-4.3 1.1-3.5 0-6.6-2L119.2 105v26q0 5.5-3 8.6-3.1 3.4-8.4 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V11.9q0-5.5 3-8.6 3-3.4 8.3-3.3 5.2 0 8.2 3.3 3.2 3.1 3.2 8.6v65.9l49.2-36.1q3.2-2 6.6-2 4.7 0 8 3.7t3.3 8.4q-.2 6-5 9.6l-41 30 41 29.9q2.3 1.7 3.6 4.2 1.4 2.5 1.4 5.4z" />
+      <path id="header-tilde"
+        d="M73.1 91q0 2-.6 3.9T71 98.6q-3.2 5.7-8.9 8.5-5.6 2.8-12.9 2.8-8.8 0-18-7.8-2.4-2.3-4.5-3.7-2.1-1.5-3-1.7-1.5 0-2.1.3l-.8 1.3q-.3.7-.8 1.2l-1 1-.9.8q-2.7 2-6.4 2-1.7 0-3.2-.3-1.4-.3-3-1.1-1.5-.8-2.6-2.1-2.8-3.1-2.8-8v-1.3q0-.7.2-1.2l.2-1 .4-1 .4-1q.1-.6.5-1.1l.5-1q3.2-5.7 8.8-8.5 5.7-2.9 13-2.9 3.2 0 6.2 1 3 .9 6 2.7 2.9 1.6 5.7 4.2 5.2 4.6 7.6 5.4 1 0 1.6-.2l.7-.4q.3-.1.5-.4 3.6-5.6 9.2-5.6 5.7 0 8.8 3.5 2.8 3 2.8 8z" />
+    </svg>
+    Homepage of
+    <div class=p-name>
+      <span class=first-name>Norman</span>
+      <span class=last-name>Köhring</span>
+    </div>
+    Code Artist
+  </header>
+  <menu id="main-menu">
+    <li><a href="/">home</a></li>
+    <li><a title="What I do these days" href="/now">/now</a></li>
+    <li><a title="Today I Learned" href="/til">/til</a></li>
+    <li><a title="My projects" href="/projects">/projects</a></li>
+    <li><a title="Weblog" href="/blog">/blog</a></li>
+    <li><a title="CV / Resume" href="/cv">/cv</a></li>
+    <li><a title="Tools I use" href="/stack">/stack</a></li>
+    <li class="active"><a title="Hardware I use" href="/setup">/setup</a></li>
+  </menu>
+  <link href=/extended.css rel=stylesheet>
+  <link href=/posts.css rel=stylesheet>
+  <script async data-goatcounter=https://koehr.goatcounter.com/count src=//gc.zgo.at/count.js></script>
+</body>
--- a/layouts/stack/index.html
+++ b/layouts/stack/index.html
@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang=en>
+
+<head>
+  <meta charset="utf-8">
+  <base href="@base_url"> 
+  <title>My Stack // the codeartist — programmer and engineer based in Berlin</title>
+  <meta name="description" content="@description" />
+  <meta content="The personal page and weblog of Norman Köhring" name=description>
+  <meta content="Norman Köhring" name=author>
+  <meta content="the codeartist — programmer and engineer based in Berlin" name=DC.title>
+  <meta content="52.4595, 13.5335" name=ICBM>
+  <meta content="52.4595; 13.5335" name=geo.position>
+  <meta content=DE-BE name=geo.region>
+  <meta content=Berlin name=geo.placename>
+  <meta content="width=device-width,initial-scale=1.0" name=viewport>
+  <link href=https://koehr.in rel=author>
+  <link href=https://koehr.in rel=canonical>
+  <link href=https://k0r.in rel=alternate>
+  <link href=https://koehr.ing rel=me>
+  <link href=@Koehr@mstdn.io rel=me>
+  <link href=https://sr.ht/~koehr/ rel=me>
+  <link href=https://git.k0r.in rel=me>
+  <link href=https://threads.net/@coffee_n_code rel=me>
+  <link href=https://instagram.com/@coffee_n_code rel=me>
+  <link href=https://ko-fi.com/koehr rel=me>
+  <link href=https://reddit.com/user/koehr rel=me>
+  <link href=https://koehr.in/rss.xml rel=alternate title=RSS type=application/rss+xml>
+  <link href=/favicon.png rel=icon type=image/x-icon>
+  <link href=/style.css rel=stylesheet>
+</head>
+
+<body>
+  <main id="til" class="posts">
+    <header>
+      <h1>My Software Stack</h1>
+    </header>
+
+    @contents
+  </main>
+  <div id="spacer"></div>
+  <header id="header" class="small">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 832.4 143.1">
+      <path id="header-underscore"
+        d="M832.4 131.1q0 5.5-3.1 8.6-3 3.4-8.2 3.3h-75.5q-5.2 0-8.2-3.3-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8 0-5.5 3.1-8.7 1.6-1.7 3.7-2.4 2.2-.8 4.5-.8h75.5q5.2 0 8.2 3.2 3 3.1 3 8.7z" />
+      <path id="header-bracket"
+        d="M731.9 81.4q0 6.7-6.5 10.7l-1 .6-74.3 39.2q-2.5 1.3-5.2 1.2-4.8 0-8.1-3.8-3.2-3.6-3.2-8.4 0-3.3 1.7-6 1.8-2.9 4.6-4.4l55.3-29.1-55.3-29q-2.8-1.6-4.6-4.3-1.7-2.7-1.7-6.2 0-4.7 3.2-8.4 3.3-4 8-3.7 2.7 0 5.3 1.2l74.4 39.2q3.3 1.7 5.3 4.7 2 2.8 2 6.5z" />
+      <path id="header-r"
+        d="M588.7 66.5q0 5-3.5 8.5-3.5 3.4-8.1 3.5-4.4 0-8.3-4.3-10-10.7-20.9-10.6-2.2 0-4.3.3-2.1.3-4 1-1.8.6-3.7 1.6-1.7 1-3.4 2.3-1.7 1.3-3.3 2.9-7.8 8.2-7.6 19.7V131q0 5.5-3.1 8.6-3 3.4-8.3 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V51.6q0-5.4 3-8.6 3-3.4 8.3-3.3 2 0 3.7.6 1.8.6 3.3 1.8 1.4 1 2.2 2.7 1 1.5 1.6 3.3 11.8-8.4 27-8.4 10.6 0 21 5 11.3 5.4 17.2 14.5 2.5 3.7 2.5 7.3z" />
+      <path id="header-h"
+        d="M483.9 131.1q0 5.5-3.1 8.6-3 3.4-8.3 3.3-5.2 0-8.2-3.3-3.2-3.1-3.1-8.6V84.8q0-4.6-1.5-8.2-1.4-3.5-4.4-6.9-2.1-2-4.3-3.4-2.2-1.4-4.7-2-2.4-.7-5.3-.7-4.3 0-7.8 1.5-3.3 1.5-6.4 4.6-5.9 6.3-5.8 15v46.4q0 5.5-3 8.6-3.1 3.4-8.4 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V11.9q0-5.5 3-8.6 3-3.4 8.3-3.3 5.2 0 8.2 3.3 3.2 3.1 3.2 8.6v33q1.5-1 3-1.6l3.2-1.2 3.4-1q1.6-.5 3.3-.8l3.5-.4 3.6-.2q4.4 0 8.5 1 4.1.7 7.9 2.4 3.8 1.6 7.3 4.1 3.5 2.5 6.6 5.8Q484 66 484 84.8z" />
+      <path id="header-e"
+        d="M387.5 111.1q0 1.2-.3 2.3-.1 1-.5 2l-.9 2q-6.6 12-19.4 19-12 6.6-25.4 6.6-20.8 0-35.8-14.6-15.9-15-15.9-37 0-22.1 15.9-37.1 15-14.6 35.8-14.6 3.9 0 7.8.7 4 .7 8 2.2 9.2 3.1 18.2 10 6 4.6 9.1 9.3 3.3 4.7 3.3 10 0 1.3-.3 2.5-.2 1.3-.7 2.4-1.5 3.4-5 5.3l-56.9 32.2q7.2 4.9 16.5 4.9 7.2 0 12.6-2.5 5.5-2.5 9.7-7.4l.7-1 .8-1 .9-1.3 1-1.5q3.3-4.2 7.4-5.1l1.8-.2q4.4 0 8 3.4 3.6 3.5 3.6 8.5zm-29.9-42.7q-7.2-4.8-16.6-4.8-6 0-11 2-4.9 1.8-9.3 6-4.5 4-6.7 9-2 4.8-2 10.8l.1 2.9z" />
+      <path id="header-o"
+        d="M286.8 91.4q0 4.2-.6 8.3-.6 4-1.8 7.7-1.1 3.8-2.9 7.4-1.7 3.5-4 6.9-2.4 3.3-5.2 6.1Q258 143 237.7 143T203 128q-14.3-15.2-14.3-36.6 0-21.5 14.3-36.6 14.4-15 34.7-15 4 0 7.8.5 3.9.7 7.5 1.9t7 3q3.3 1.9 6.4 4.3 3.2 2.4 5.9 5.4 14.4 15 14.5 36.5zm-22.6 0q0-2.4-.4-4.5-.2-2.2-.9-4.2-.6-2-1.5-3.9-1-2-2.2-3.7-1.2-1.7-2.8-3.4-4-4.2-8.6-6.1-4.5-2-10-2-11 0-18.7 8.2-7.8 8-7.8 19.6 0 11.4 7.8 19.7 7.8 8 18.6 8 5.6 0 10.1-1.9 4.6-2 8.6-6.1 4-4.3 5.8-9 2-4.9 2-10.7z" />
+      <path id="header-k"
+        d="M186.3 131q0 4.7-3.3 8.3-1.5 1.8-3.7 2.7-2 1.1-4.3 1.1-3.5 0-6.6-2L119.2 105v26q0 5.5-3 8.6-3.1 3.4-8.4 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V11.9q0-5.5 3-8.6 3-3.4 8.3-3.3 5.2 0 8.2 3.3 3.2 3.1 3.2 8.6v65.9l49.2-36.1q3.2-2 6.6-2 4.7 0 8 3.7t3.3 8.4q-.2 6-5 9.6l-41 30 41 29.9q2.3 1.7 3.6 4.2 1.4 2.5 1.4 5.4z" />
+      <path id="header-tilde"
+        d="M73.1 91q0 2-.6 3.9T71 98.6q-3.2 5.7-8.9 8.5-5.6 2.8-12.9 2.8-8.8 0-18-7.8-2.4-2.3-4.5-3.7-2.1-1.5-3-1.7-1.5 0-2.1.3l-.8 1.3q-.3.7-.8 1.2l-1 1-.9.8q-2.7 2-6.4 2-1.7 0-3.2-.3-1.4-.3-3-1.1-1.5-.8-2.6-2.1-2.8-3.1-2.8-8v-1.3q0-.7.2-1.2l.2-1 .4-1 .4-1q.1-.6.5-1.1l.5-1q3.2-5.7 8.8-8.5 5.7-2.9 13-2.9 3.2 0 6.2 1 3 .9 6 2.7 2.9 1.6 5.7 4.2 5.2 4.6 7.6 5.4 1 0 1.6-.2l.7-.4q.3-.1.5-.4 3.6-5.6 9.2-5.6 5.7 0 8.8 3.5 2.8 3 2.8 8z" />
+    </svg>
+    Homepage of
+    <div class=p-name>
+      <span class=first-name>Norman</span>
+      <span class=last-name>Köhring</span>
+    </div>
+    Code Artist
+  </header>
+  <menu id="main-menu">
+    <li><a href="/">home</a></li>
+    <li><a title="What I do these days" href="/now">/now</a></li>
+    <li><a title="Today I Learned" href="/til">/til</a></li>
+    <li><a title="My projects" href="/projects">/projects</a></li>
+    <li><a title="Weblog" href="/blog">/blog</a></li>
+    <li><a title="CV / Resume" href="/cv">/cv</a></li>
+    <li class="active"><a title="Tools I use" href="/stack">/stack</a></li>
+    <li><a title="Hardware I use" href="/setup">/setup</a></li>
+  </menu>
+  <link href=/extended.css rel=stylesheet>
+  <link href=/posts.css rel=stylesheet>
+  <script async data-goatcounter=https://koehr.goatcounter.com/count src=//gc.zgo.at/count.js></script>
+</body>
--- a/now/index.md
+++ b/now/index.md
@ -2,7 +2,7 @@

 Last updated: 2024-05-12

-Still live in Berlin where I am working fully remote. I'm appproaching the second anniversary at [Code Gaia](https://codegaia.io) now and have no plans to change any of it.
+Still live in Berlin where I am working fully remote. I'm appproaching the second anniversary at [Code&nbsp;Gaia](https://codegaia.io) now and have no plans to change any of it.

 ## Priorities

--- a/projects/index.md
+++ b/projects/index.md
@ -0,0 +1,22 @@
+*My currently active projects. This is mostly about software, but might also include some TTRPG stuff, from time to time.*
+
+Last updated: 2024-05-13
+
+Introduction Lorem Ipsum Sit Dolor Amet...
+
+## Headline 1
+
+> Some extra info
+
+* A nice list of things, maybe?
+* Could also be a paragraph or two.
+* That is totally up to me, I guess.
+
+## Headline 2
+
+> Some more extra info
+
+* A nice list of things, maybe?
+* Could also be a paragraph or two.
+* That is totally up to me, I guess.
+
--- a/setup/index.md
+++ b/setup/index.md
@ -0,0 +1,22 @@
+*As a software engineer, the tools I use define how I work and I find it always inspiring to see the tools, other people use. This page focusses on Software. For Hardware, check [/setup](/setup).*
+
+Last updated: 2024-05-13
+
+Introduction Lorem Ipsum Sit Dolor Amet...
+
+## Headline 1
+
+> Some extra info
+
+* A nice list of things, maybe?
+* Could also be a paragraph or two.
+* That is totally up to me, I guess.
+
+## Headline 2
+
+> Some more extra info
+
+* A nice list of things, maybe?
+* Could also be a paragraph or two.
+* That is totally up to me, I guess.
+
--- a/stack/index.md
+++ b/stack/index.md
@ -0,0 +1,22 @@
+*As a software engineer, the tools I use define how I work and I find it always inspiring to see the tools, other people use. This page focusses on Software. For Hardware, check [/setup](/setup).*
+
+Last updated: 2024-05-13
+
+Introduction Lorem Ipsum Sit Dolor Amet...
+
+## Headline 1
+
+> Some extra info
+
+* A nice list of things, maybe?
+* Could also be a paragraph or two.
+* That is totally up to me, I guess.
+
+## Headline 2
+
+> Some more extra info
+
+* A nice list of things, maybe?
+* Could also be a paragraph or two.
+* That is totally up to me, I guess.
+
--- a/til/index.md
+++ b/til/index.md
@ -1,3 +1,7 @@
+*This page contains short notes and sometimes code snippets, of interesting things I just found out.*
+
+Last updated: 2024-05-13
+
 <article class="til">
  <time datetime="2024-05-12">2024-05-12</time>
  <div>