test

Makefile

@@ -1,6 +1,7 @@
 .PHONY: all mkdist watch clean
 
 SRC_DIR = src
+RES_DIR = res
 PAGES_DIR = $(SRC_DIR)/pages
 BLOG_DIR = $(SRC_DIR)/blog
 DIST_DIR = dist
@@ -10,13 +11,10 @@ PAGES = $(notdir $(wildcard $(PAGES_DIR)/*.html))
 BLOG_PAGES = $(wildcard $(BLOG_DIR)/*.md)
 TARGETS = $(addprefix $(DIST_DIR)/,$(PAGES))
 
-all: $(PAGES_DIR)/blog.html $(TARGETS)
+all: $(PAGES_DIR)/blog.html $(TARGETS) favicon
 
 watch:
-	while sleep 1 ; do \
-		find ./$(SRC_DIR) -iname '*.html' -o -name "*.css" \
-		  | entr -d make -f ./Makefile ; \
-	done
+		find ./$(SRC_DIR) -iname '*.html' -o -name "*.css" | entr -d make -f ./Makefile ; 
 
 mkdirs:
 	mkdir -p $(DIST_DIR)
@@ -26,6 +24,9 @@ template: $(SRC_DIR)/start.html $(SRC_DIR)/nav.html $(SRC_DIR)/side.html | mkdir
 	cp -r $(SRC_DIR)/styles $(DIST_DIR)
 	cat $(SRC_DIR)/start.html $(SRC_DIR)/nav.html $(SRC_DIR)/side.html > $(BUILD_DIR)/template.html
 
+favicon: $(RES_DIR) | mkdirs
+	cp res/* dist/
+
 $(PAGES_DIR)/blog.html: $(BLOG_PAGES) $(BLOG_DIR)/start_blog.html $(BLOG_DIR)/end_blog.html
 	pandoc -f markdown -t html $^ -o $@.tmp
 	cat $(BLOG_DIR)/start_blog.html $@.tmp $(BLOG_DIR)/end_blog.html > $@

res/favicon.svg

@@ -0,0 +1,47 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
+  <defs>
+    <radialGradient id="leftTop" cx="35%" cy="45%" r="65%">
+      <stop offset="0%" stop-color="#7DF9FF"/>
+      <stop offset="40%" stop-color="#1E90FF"/>
+      <stop offset="100%" stop-color="#00008B"/>
+    </radialGradient>
+    <radialGradient id="leftBot" cx="35%" cy="35%" r="65%">
+      <stop offset="0%" stop-color="#5BC8FF"/>
+      <stop offset="45%" stop-color="#1565C0"/>
+      <stop offset="100%" stop-color="#003080"/>
+    </radialGradient>
+    <radialGradient id="rightTop" cx="65%" cy="45%" r="65%">
+      <stop offset="0%" stop-color="#7DF9FF"/>
+      <stop offset="40%" stop-color="#1E90FF"/>
+      <stop offset="100%" stop-color="#00008B"/>
+    </radialGradient>
+    <radialGradient id="rightBot" cx="65%" cy="35%" r="65%">
+      <stop offset="0%" stop-color="#5BC8FF"/>
+      <stop offset="45%" stop-color="#1565C0"/>
+      <stop offset="100%" stop-color="#003080"/>
+    </radialGradient>
+  </defs>
+
+  <!-- Left upper wing - broad connection at body (x=14) -->
+  <path d="M14,16 C13,13 11,9 7,5 C2,4 0,7 1,10 C4,13 8,15 12,16 Z" fill="url(#leftTop)"/>
+  <!-- Left lower wing -->
+  <path d="M14,16 C11,18 7,20 3,24 C2,27 5,29 9,27 C13,22 14,18 14,16 Z" fill="url(#leftBot)"/>
+
+  <!-- Right upper wing - mirrored (x=18) -->
+  <path d="M18,16 C19,13 21,9 25,5 C30,4 32,7 31,10 C28,13 24,15 20,16 Z" fill="url(#rightTop)"/>
+  <!-- Right lower wing -->
+  <path d="M18,16 C21,18 25,20 29,24 C30,27 27,29 23,27 C19,22 18,18 18,16 Z" fill="url(#rightBot)"/>
+
+  <!-- Shimmer highlights -->
+  <path d="M13,13 C10,9 7,7 4,9 C7,12 11,14 13,13 Z" fill="white" opacity="0.18"/>
+  <path d="M19,13 C22,9 25,7 28,9 C25,12 21,14 19,13 Z" fill="white" opacity="0.18"/>
+
+  <!-- Body -->
+  <ellipse cx="16" cy="16" rx="2.2" ry="7" fill="#1a1a2e"/>
+
+  <!-- Antennae -->
+  <line x1="15" y1="9" x2="11" y2="3" stroke="#1a1a2e" stroke-width="0.8" stroke-linecap="round"/>
+  <circle cx="11" cy="3" r="0.9" fill="#1a1a2e"/>
+  <line x1="17" y1="9" x2="21" y2="3" stroke="#1a1a2e" stroke-width="0.8" stroke-linecap="round"/>
+  <circle cx="21" cy="3" r="0.9" fill="#1a1a2e"/>
+</svg>

src/blog/1.md

@@ -1,17 +1,16 @@
 # <a href="#2025-02-13" name="2025-02-13">*this (2025-02-13)</a>
 Naturally I devote the first blog post to the creation of this website. 
-Let's find out if I'm any good in writing such things.
 
 ## Motivation
-The motivation for the website came from frustration with modern sites and a bit of nostalgia.
-But mainly I wanted the [now()](now.html) and the [beliefs()](beliefs.html) pages. They provide me
-with a public place to document what I'm doing and what I believe and give me a correctiv.
+The motivation came of course from frustration with modern sites and a bit of nostalgia.
+But mainly I wanted the [now()](now.html) and the [about()](about.html) pages. They provide me
+with a public place to document what I'm on and what I believe and give me a corrective.
 I can't remember where I read about it the first time, but I thought the idea was neat.
 Especially as more of a private person, it motivates me to keep going with things when I 
 imagine people reading this.
 
 The design of this page is as bad as it is, because for once, it was the style at the time 
-(be happy I don't include a `<marquee>` tag. After all. Why not.) and secondly:
+(be happy I don't include a `<marquee>` tag. Worst loss of the net...) and secondly:
 I just suck at it. Deal with it :)
 
 Having programmed some time with modern JS/TS frameworks I'm a stark oppponent of this

src/pages/about.html

@@ -1,13 +1,21 @@
-<main id="beliefs">
+<main id="about">
   <h1 id="mainHeading">mount /dev/about</h1>
 
   stuff about me.
 
+  <h2>interests</h2>
+  <ul>
+    <li>embedded</li>
+    <li>hw debuggers</li>
+    <li>old tech</li>
+    <li>history</li>
+    <li>strat games</li>
+  </ul>
+
   <h2>command line tools</h2>
   <ul>
     <li>terminal emulator: kitty (for static stuff), yakuake (for ad-hoc stuff)</li>
     <li>shell: fish</li>
-    <li>fish pkg manager: omf (need to change to fisher)</li>
     <li>file search: fd</li>
     <li>grep: ripgrep</li>
     <li>editor: neovim</li>
@@ -33,6 +41,6 @@
       this led to programming being to unoptimized. but i know of enough people still overoptimizing.
     </p>
     
-    <span>last updated: 25-07-22</span>
+    <span>last updated: 2026-04-30</span>
 
 </main>

src/pages/blog.html

@@ -4,20 +4,20 @@
 <h1 id="this-2025-02-13"><a href="#2025-02-13" name="2025-02-13">*this
 (2025-02-13)</a></h1>
 <p>Naturally I devote the first blog post to the creation of this
-website. Let’s find out if I’m any good in writing such things.</p>
+website.</p>
 <h2 id="motivation">Motivation</h2>
-<p>The motivation for the website came from frustration with modern
-sites and a bit of nostalgia. But mainly I wanted the <a
-href="now.html">now()</a> and the <a href="beliefs.html">beliefs()</a>
-pages. They provide me with a public place to document what I’m doing
-and what I believe and give me a correctiv. I can’t remember where I
-read about it the first time, but I thought the idea was neat.
-Especially as more of a private person, it motivates me to keep going
-with things when I imagine people reading this.</p>
+<p>The motivation came of course from frustration with modern sites and
+a bit of nostalgia. But mainly I wanted the <a href="now.html">now()</a>
+and the <a href="about.html">about()</a> pages. They provide me with a
+public place to document what I’m on and what I believe and give me a
+corrective. I can’t remember where I read about it the first time, but I
+thought the idea was neat. Especially as more of a private person, it
+motivates me to keep going with things when I imagine people reading
+this.</p>
 <p>The design of this page is as bad as it is, because for once, it was
 the style at the time (be happy I don’t include a
-<code>&lt;marquee&gt;</code> tag. After all. Why not.) and secondly: I
-just suck at it. Deal with it :)</p>
+<code>&lt;marquee&gt;</code> tag. Worst loss of the net…) and secondly:
+I just suck at it. Deal with it :)</p>
 <p>Having programmed some time with modern JS/TS frameworks I’m a stark
 oppponent of this whole technology stack. It just adds - layers and
 layers - of - complexity over complexity - nobody ever got any chance to

src/pages/now.html

@@ -6,24 +6,26 @@
     <h2>projects</h2>
     <ul>
         <li>this</li>
-        <li><a href="https://tixy.land/">tixy.land</a> inspired shader on dot-matrix controlled by old calculator</li>
-        <li>redcode fpga design</li
+        <li><a href="https://www.traintrackr.co.uk/">traintrackr</a> inspired map of my train line</li>
     </ul>
     <h2>education</h2>
     <ul>
-        <li>jtag debuggers</li>
+        <li>Italian</li>
     </ul>
 
     <h2>reading</h2>
     <ul>
         <li><a href="https://nostarch.com/building-a-debugger">Sy Brand - Building a Debugger</a></li>
-        <li>J.R.R. Tolkien - Lord of the rings</li>
+        <li>Plato - Republic</li>
     <h2>old projects</h2>
     <h3>finished</h3>
+    <li>jtag debugging</li>
+    <li>J.R.R. Tolkien - Lord of the rings</li>
     <h3>on-hold</h3>
+    <li>redcode fpga design</li
+    <li><a href="https://tixy.land/">tixy.land</a> inspired shader on dot-matrix controlled by old calculator</li>
     <ul>
         <li>French</li>
-        <li>Italian</li>
         <li>Swedish</li>
     </ul>
 
@@ -33,5 +35,5 @@
         <li><s>learning colemak</s> - hjkl in vim</li>
     </ul>
 
-    <span id="updated">updated: 2025-07-22</span>
+    <span id="updated">updated: 2026-04-30</span>
 </main>

src/test

@@ -0,0 +1,10 @@
+test
+test
+test
+test
+test
+test
+test
+test
+test
+test

test

@@ -0,0 +1,5 @@
+bla
+bla
+bla
+bla
+bla