From 0578130fbe2cca0b018cc52036bb3973cab6cd94 Mon Sep 17 00:00:00 2001
From: Pavel 'LEdoian' Turinsky <ledoian@matfyz.cz>
Date: Mon, 9 Sep 2024 16:30:11 +0200
Subject: [PATCH] render

---
 output/about-blog.html                   |  5 +-
 output/archives.html                     |  8 ++-
 output/categories.html                   |  5 +-
 output/category/networking.html          |  5 +-
 output/category/queer.html               |  5 +-
 output/category/talks.html               |  5 +-
 output/category/technology.html          |  5 +-
 output/category/til.html                 |  5 +-
 output/cbz-to-pdf.html                   |  5 +-
 output/custom-xkb-tweaks.html            |  5 +-
 output/do-not-gossip-identities.html     |  5 +-
 output/drafts.html                       |  5 +-
 output/drafts/ucw-keymap-on-wayland.html |  5 +-
 output/feeds/all.atom.xml                | 85 +++++++++++++++++++++++-
 output/forgetting-dns6.html              |  5 +-
 output/hello-im-agen.html                |  5 +-
 output/index.html                        |  5 +-
 output/masquerade-with-filter.html       |  5 +-
 output/mobius-print.html                 |  5 +-
 output/smrst2023-cs.html                 |  5 +-
 output/tag/comics.html                   |  5 +-
 output/tag/dns.html                      |  5 +-
 output/tag/gender.html                   |  5 +-
 output/tag/identity.html                 |  5 +-
 output/tag/infrastructure.html           |  5 +-
 output/tag/ipv6-only.html                |  5 +-
 output/tag/lifehack.html                 |  5 +-
 output/tag/linux.html                    |  5 +-
 output/tag/meta.html                     |  5 +-
 output/tag/print.html                    |  5 +-
 output/tag/relationships.html            |  5 +-
 output/tag/smrst.html                    |  5 +-
 output/tag/software-engineering.html     |  5 +-
 output/tag/software.html                 |  8 ++-
 output/tag/trains.html                   |  5 +-
 output/tags.html                         |  5 +-
 36 files changed, 228 insertions(+), 38 deletions(-)

diff --git a/output/about-blog.html b/output/about-blog.html
index 4e2ec4a..2d9ae8c 100644
--- a/output/about-blog.html
+++ b/output/about-blog.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="./category/networking.html">networking</a></li>
+	<li><a href="./category/programming.html">programming</a></li>
 	<li><a href="./category/queer.html">queer</a></li>
 	<li><a href="./category/talks.html">talks</a></li>
 	<li><a href="./category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="./tag/gleam.html">gleam</a></li>
+	<li><a href="./tag/software.html">software</a></li>
+	<li><a href="./tag/web.html">web</a></li>
 	<li><a href="./tag/gender.html">gender</a></li>
 	<li><a href="./tag/identity.html">identity</a></li>
 	<li><a href="./tag/linux.html">linux</a></li>
 	<li><a href="./tag/lifehack.html">lifehack</a></li>
-	<li><a href="./tag/software.html">software</a></li>
 	<li><a href="./tag/relationships.html">relationships</a></li>
 	<li><a href="./tag/print.html">print</a></li>
 	<li><a href="./tag/comics.html">comics</a></li>
diff --git a/output/archives.html b/output/archives.html
index ca4258e..3319cfc 100644
--- a/output/archives.html
+++ b/output/archives.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="./category/networking.html">networking</a></li>
+	<li><a href="./category/programming.html">programming</a></li>
 	<li><a href="./category/queer.html">queer</a></li>
 	<li><a href="./category/talks.html">talks</a></li>
 	<li><a href="./category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="./tag/gleam.html">gleam</a></li>
+	<li><a href="./tag/software.html">software</a></li>
+	<li><a href="./tag/web.html">web</a></li>
 	<li><a href="./tag/gender.html">gender</a></li>
 	<li><a href="./tag/identity.html">identity</a></li>
 	<li><a href="./tag/linux.html">linux</a></li>
 	<li><a href="./tag/lifehack.html">lifehack</a></li>
-	<li><a href="./tag/software.html">software</a></li>
 	<li><a href="./tag/relationships.html">relationships</a></li>
 	<li><a href="./tag/print.html">print</a></li>
 	<li><a href="./tag/comics.html">comics</a></li>
@@ -64,7 +67,8 @@
 <main>
 	<div>
 <h1>Archive</h1>
-<ul> <li><a href="./hello-im-agen.html">Hello, I'm agender</a>
+<ul> <li><a href="./using-gleam-in-html-low-js.html">Using Gleam in HTML with as little JavaScript knowledge as possible</a>
+<li><a href="./hello-im-agen.html">Hello, I'm agender</a>
 <li><a href="./masquerade-with-filter.html">Only NAT packets you can deliver responses for</a>
 <li><a href="./custom-xkb-tweaks.html">Creating own XKB tweaks</a>
 <li><a href="./do-not-gossip-identities.html">You sure you want to hear the gossip?</a>
diff --git a/output/categories.html b/output/categories.html
index 1ed7657..7ee119f 100644
--- a/output/categories.html
+++ b/output/categories.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="./category/networking.html">networking</a></li>
+	<li><a href="./category/programming.html">programming</a></li>
 	<li><a href="./category/queer.html">queer</a></li>
 	<li><a href="./category/talks.html">talks</a></li>
 	<li><a href="./category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="./tag/gleam.html">gleam</a></li>
+	<li><a href="./tag/software.html">software</a></li>
+	<li><a href="./tag/web.html">web</a></li>
 	<li><a href="./tag/gender.html">gender</a></li>
 	<li><a href="./tag/identity.html">identity</a></li>
 	<li><a href="./tag/linux.html">linux</a></li>
 	<li><a href="./tag/lifehack.html">lifehack</a></li>
-	<li><a href="./tag/software.html">software</a></li>
 	<li><a href="./tag/relationships.html">relationships</a></li>
 	<li><a href="./tag/print.html">print</a></li>
 	<li><a href="./tag/comics.html">comics</a></li>
diff --git a/output/category/networking.html b/output/category/networking.html
index 99373af..2ab327b 100644
--- a/output/category/networking.html
+++ b/output/category/networking.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="../category/networking.html">networking</a></li>
+	<li><a href="../category/programming.html">programming</a></li>
 	<li><a href="../category/queer.html">queer</a></li>
 	<li><a href="../category/talks.html">talks</a></li>
 	<li><a href="../category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="../tag/gleam.html">gleam</a></li>
+	<li><a href="../tag/software.html">software</a></li>
+	<li><a href="../tag/web.html">web</a></li>
 	<li><a href="../tag/gender.html">gender</a></li>
 	<li><a href="../tag/identity.html">identity</a></li>
 	<li><a href="../tag/linux.html">linux</a></li>
 	<li><a href="../tag/lifehack.html">lifehack</a></li>
-	<li><a href="../tag/software.html">software</a></li>
 	<li><a href="../tag/relationships.html">relationships</a></li>
 	<li><a href="../tag/print.html">print</a></li>
 	<li><a href="../tag/comics.html">comics</a></li>
diff --git a/output/category/queer.html b/output/category/queer.html
index fe7ce61..cc4be5d 100644
--- a/output/category/queer.html
+++ b/output/category/queer.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="../category/networking.html">networking</a></li>
+	<li><a href="../category/programming.html">programming</a></li>
 	<li><a href="../category/queer.html">queer</a></li>
 	<li><a href="../category/talks.html">talks</a></li>
 	<li><a href="../category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="../tag/gleam.html">gleam</a></li>
+	<li><a href="../tag/software.html">software</a></li>
+	<li><a href="../tag/web.html">web</a></li>
 	<li><a href="../tag/gender.html">gender</a></li>
 	<li><a href="../tag/identity.html">identity</a></li>
 	<li><a href="../tag/linux.html">linux</a></li>
 	<li><a href="../tag/lifehack.html">lifehack</a></li>
-	<li><a href="../tag/software.html">software</a></li>
 	<li><a href="../tag/relationships.html">relationships</a></li>
 	<li><a href="../tag/print.html">print</a></li>
 	<li><a href="../tag/comics.html">comics</a></li>
diff --git a/output/category/talks.html b/output/category/talks.html
index 8e3cb8e..a0b5ca6 100644
--- a/output/category/talks.html
+++ b/output/category/talks.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="../category/networking.html">networking</a></li>
+	<li><a href="../category/programming.html">programming</a></li>
 	<li><a href="../category/queer.html">queer</a></li>
 	<li><a href="../category/talks.html">talks</a></li>
 	<li><a href="../category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="../tag/gleam.html">gleam</a></li>
+	<li><a href="../tag/software.html">software</a></li>
+	<li><a href="../tag/web.html">web</a></li>
 	<li><a href="../tag/gender.html">gender</a></li>
 	<li><a href="../tag/identity.html">identity</a></li>
 	<li><a href="../tag/linux.html">linux</a></li>
 	<li><a href="../tag/lifehack.html">lifehack</a></li>
-	<li><a href="../tag/software.html">software</a></li>
 	<li><a href="../tag/relationships.html">relationships</a></li>
 	<li><a href="../tag/print.html">print</a></li>
 	<li><a href="../tag/comics.html">comics</a></li>
diff --git a/output/category/technology.html b/output/category/technology.html
index 7f03d6e..9f87881 100644
--- a/output/category/technology.html
+++ b/output/category/technology.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="../category/networking.html">networking</a></li>
+	<li><a href="../category/programming.html">programming</a></li>
 	<li><a href="../category/queer.html">queer</a></li>
 	<li><a href="../category/talks.html">talks</a></li>
 	<li><a href="../category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="../tag/gleam.html">gleam</a></li>
+	<li><a href="../tag/software.html">software</a></li>
+	<li><a href="../tag/web.html">web</a></li>
 	<li><a href="../tag/gender.html">gender</a></li>
 	<li><a href="../tag/identity.html">identity</a></li>
 	<li><a href="../tag/linux.html">linux</a></li>
 	<li><a href="../tag/lifehack.html">lifehack</a></li>
-	<li><a href="../tag/software.html">software</a></li>
 	<li><a href="../tag/relationships.html">relationships</a></li>
 	<li><a href="../tag/print.html">print</a></li>
 	<li><a href="../tag/comics.html">comics</a></li>
diff --git a/output/category/til.html b/output/category/til.html
index 2cac7aa..103e978 100644
--- a/output/category/til.html
+++ b/output/category/til.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="../category/networking.html">networking</a></li>
+	<li><a href="../category/programming.html">programming</a></li>
 	<li><a href="../category/queer.html">queer</a></li>
 	<li><a href="../category/talks.html">talks</a></li>
 	<li><a href="../category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="../tag/gleam.html">gleam</a></li>
+	<li><a href="../tag/software.html">software</a></li>
+	<li><a href="../tag/web.html">web</a></li>
 	<li><a href="../tag/gender.html">gender</a></li>
 	<li><a href="../tag/identity.html">identity</a></li>
 	<li><a href="../tag/linux.html">linux</a></li>
 	<li><a href="../tag/lifehack.html">lifehack</a></li>
-	<li><a href="../tag/software.html">software</a></li>
 	<li><a href="../tag/relationships.html">relationships</a></li>
 	<li><a href="../tag/print.html">print</a></li>
 	<li><a href="../tag/comics.html">comics</a></li>
diff --git a/output/cbz-to-pdf.html b/output/cbz-to-pdf.html
index d531ca0..4642afb 100644
--- a/output/cbz-to-pdf.html
+++ b/output/cbz-to-pdf.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="./category/networking.html">networking</a></li>
+	<li><a href="./category/programming.html">programming</a></li>
 	<li><a href="./category/queer.html">queer</a></li>
 	<li><a href="./category/talks.html">talks</a></li>
 	<li><a href="./category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="./tag/gleam.html">gleam</a></li>
+	<li><a href="./tag/software.html">software</a></li>
+	<li><a href="./tag/web.html">web</a></li>
 	<li><a href="./tag/gender.html">gender</a></li>
 	<li><a href="./tag/identity.html">identity</a></li>
 	<li><a href="./tag/linux.html">linux</a></li>
 	<li><a href="./tag/lifehack.html">lifehack</a></li>
-	<li><a href="./tag/software.html">software</a></li>
 	<li><a href="./tag/relationships.html">relationships</a></li>
 	<li><a href="./tag/print.html">print</a></li>
 	<li><a href="./tag/comics.html">comics</a></li>
diff --git a/output/custom-xkb-tweaks.html b/output/custom-xkb-tweaks.html
index 8a39920..cdc2d22 100644
--- a/output/custom-xkb-tweaks.html
+++ b/output/custom-xkb-tweaks.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="./category/networking.html">networking</a></li>
+	<li><a href="./category/programming.html">programming</a></li>
 	<li><a href="./category/queer.html">queer</a></li>
 	<li><a href="./category/talks.html">talks</a></li>
 	<li><a href="./category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="./tag/gleam.html">gleam</a></li>
+	<li><a href="./tag/software.html">software</a></li>
+	<li><a href="./tag/web.html">web</a></li>
 	<li><a href="./tag/gender.html">gender</a></li>
 	<li><a href="./tag/identity.html">identity</a></li>
 	<li><a href="./tag/linux.html">linux</a></li>
 	<li><a href="./tag/lifehack.html">lifehack</a></li>
-	<li><a href="./tag/software.html">software</a></li>
 	<li><a href="./tag/relationships.html">relationships</a></li>
 	<li><a href="./tag/print.html">print</a></li>
 	<li><a href="./tag/comics.html">comics</a></li>
diff --git a/output/do-not-gossip-identities.html b/output/do-not-gossip-identities.html
index 551e1f0..398c14d 100644
--- a/output/do-not-gossip-identities.html
+++ b/output/do-not-gossip-identities.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="./category/networking.html">networking</a></li>
+	<li><a href="./category/programming.html">programming</a></li>
 	<li><a href="./category/queer.html">queer</a></li>
 	<li><a href="./category/talks.html">talks</a></li>
 	<li><a href="./category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="./tag/gleam.html">gleam</a></li>
+	<li><a href="./tag/software.html">software</a></li>
+	<li><a href="./tag/web.html">web</a></li>
 	<li><a href="./tag/gender.html">gender</a></li>
 	<li><a href="./tag/identity.html">identity</a></li>
 	<li><a href="./tag/linux.html">linux</a></li>
 	<li><a href="./tag/lifehack.html">lifehack</a></li>
-	<li><a href="./tag/software.html">software</a></li>
 	<li><a href="./tag/relationships.html">relationships</a></li>
 	<li><a href="./tag/print.html">print</a></li>
 	<li><a href="./tag/comics.html">comics</a></li>
diff --git a/output/drafts.html b/output/drafts.html
index 0131a6f..d7fb0d8 100644
--- a/output/drafts.html
+++ b/output/drafts.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="./category/networking.html">networking</a></li>
+	<li><a href="./category/programming.html">programming</a></li>
 	<li><a href="./category/queer.html">queer</a></li>
 	<li><a href="./category/talks.html">talks</a></li>
 	<li><a href="./category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="./tag/gleam.html">gleam</a></li>
+	<li><a href="./tag/software.html">software</a></li>
+	<li><a href="./tag/web.html">web</a></li>
 	<li><a href="./tag/gender.html">gender</a></li>
 	<li><a href="./tag/identity.html">identity</a></li>
 	<li><a href="./tag/linux.html">linux</a></li>
 	<li><a href="./tag/lifehack.html">lifehack</a></li>
-	<li><a href="./tag/software.html">software</a></li>
 	<li><a href="./tag/relationships.html">relationships</a></li>
 	<li><a href="./tag/print.html">print</a></li>
 	<li><a href="./tag/comics.html">comics</a></li>
diff --git a/output/drafts/ucw-keymap-on-wayland.html b/output/drafts/ucw-keymap-on-wayland.html
index 7bd6754..1db62bb 100644
--- a/output/drafts/ucw-keymap-on-wayland.html
+++ b/output/drafts/ucw-keymap-on-wayland.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="../category/networking.html">networking</a></li>
+	<li><a href="../category/programming.html">programming</a></li>
 	<li><a href="../category/queer.html">queer</a></li>
 	<li><a href="../category/talks.html">talks</a></li>
 	<li><a href="../category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="../tag/gleam.html">gleam</a></li>
+	<li><a href="../tag/software.html">software</a></li>
+	<li><a href="../tag/web.html">web</a></li>
 	<li><a href="../tag/gender.html">gender</a></li>
 	<li><a href="../tag/identity.html">identity</a></li>
 	<li><a href="../tag/linux.html">linux</a></li>
 	<li><a href="../tag/lifehack.html">lifehack</a></li>
-	<li><a href="../tag/software.html">software</a></li>
 	<li><a href="../tag/relationships.html">relationships</a></li>
 	<li><a href="../tag/print.html">print</a></li>
 	<li><a href="../tag/comics.html">comics</a></li>
diff --git a/output/feeds/all.atom.xml b/output/feeds/all.atom.xml
index e19a727..f8f5424 100644
--- a/output/feeds/all.atom.xml
+++ b/output/feeds/all.atom.xml
@@ -1,5 +1,88 @@
 <?xml version="1.0" encoding="utf-8"?>
-<feed xmlns="http://www.w3.org/2005/Atom"><title>LEdoian's Blog</title><link href="https://blog.ledoian.cz/" rel="alternate"></link><link href="https://blog.ledoian.cz/feeds/all.atom.xml" rel="self"></link><id>https://blog.ledoian.cz/</id><updated>2024-05-21T17:03:00+02:00</updated><entry><title>Hello, I'm agender</title><link href="https://blog.ledoian.cz/hello-im-agen.html" rel="alternate"></link><published>2024-05-21T17:03:00+02:00</published><updated>2024-05-21T17:03:00+02:00</updated><author><name>LEdoian</name></author><id>tag:blog.ledoian.cz,2024-05-21:/hello-im-agen.html</id><summary type="html">&lt;p&gt;Hell yeah, a coming out!&lt;/p&gt;
+<feed xmlns="http://www.w3.org/2005/Atom"><title>LEdoian's Blog</title><link href="https://blog.ledoian.cz/" rel="alternate"></link><link href="https://blog.ledoian.cz/feeds/all.atom.xml" rel="self"></link><id>https://blog.ledoian.cz/</id><updated>2024-09-09T16:28:00+02:00</updated><entry><title>Using Gleam in HTML with as little JavaScript knowledge as possible</title><link href="https://blog.ledoian.cz/using-gleam-in-html-low-js.html" rel="alternate"></link><published>2024-09-09T16:28:00+02:00</published><updated>2024-09-09T16:28:00+02:00</updated><author><name>LEdoian</name></author><id>tag:blog.ledoian.cz,2024-09-09:/using-gleam-in-html-low-js.html</id><summary type="html">&lt;p&gt;I've been looking at the &lt;a class="reference external" href="https://gleam.run"&gt;Gleam language&lt;/a&gt; recently. Among other features, it can be compiled to JavaScript, and thus presumably used on web frontend. I wanted to try that. This is a short tutorial on how to do that with little idea how JavaScript is supposed to work.&lt;/p&gt;
+&lt;p&gt;My initial …&lt;/p&gt;</summary><content type="html">&lt;p&gt;I've been looking at the &lt;a class="reference external" href="https://gleam.run"&gt;Gleam language&lt;/a&gt; recently. Among other features, it can be compiled to JavaScript, and thus presumably used on web frontend. I wanted to try that. This is a short tutorial on how to do that with little idea how JavaScript is supposed to work.&lt;/p&gt;
+&lt;p&gt;My initial JS knowledge: &lt;tt class="docutils literal"&gt;alert(3)&lt;/tt&gt;, &lt;tt class="docutils literal"&gt;onclick&lt;/tt&gt; and some basic selectors, i.e. the little stuff that is useful to add minor interactivity to HTML pages and implement trivial ViolentMonkey scripts. Namely: I have no knowledge about modules and whatnot, and this post is just a result of my trial-and-error attempt at embedding my Gleam. I succeeded, but still have no idea what I am doing :-)&lt;/p&gt;
+&lt;div class="section" id="my-code"&gt;
+&lt;h2&gt;My code&lt;/h2&gt;
+&lt;p&gt;Let's start with some trivial code, in &lt;tt class="docutils literal"&gt;src/lol.gleam&lt;/tt&gt; (in a project initialised with &lt;tt class="docutils literal"&gt;gleam new lol&lt;/tt&gt; and the &lt;tt class="docutils literal"&gt;repeatedly&lt;/tt&gt; package added with &lt;tt class="docutils literal"&gt;gleam add repeatedly&lt;/tt&gt;):&lt;/p&gt;
+&lt;pre class="literal-block"&gt;
+import gleam/io
+import repeatedly
+
+pub fn say_hello() {
+        repeatedly.call(2000, Nil, fn(_state, _call) {io.println(get_greeting())})
+}
+
+pub fn get_greeting() {
+        &amp;quot;Hello World!&amp;quot;
+}
+
+pub fn main() {
+        io.println(&amp;quot;3, 2, 1, go!&amp;quot;)
+}
+&lt;/pre&gt;
+&lt;p&gt;This snippet has many of the basic stuff I might need in future: it does some io, it uses another package &lt;a class="footnote-reference" href="#stdlib-package" id="footnote-reference-1"&gt;[1]&lt;/a&gt;, it returns data I will want to show. At first I am mostly interested in multiplatform stuff (i.e. running also on the BEAM backend), so I don't want to use any DOM frameworks at first, though I will mention some of the ways later in the post.&lt;/p&gt;
+&lt;p&gt;So, build this for JavaScript: &lt;tt class="docutils literal"&gt;gleam build &lt;span class="pre"&gt;--target&lt;/span&gt; javascript&lt;/tt&gt;, and &lt;em&gt;stuff happens&lt;/em&gt;. It is not very clear what to do now, but &lt;tt class="docutils literal"&gt;&lt;span class="pre"&gt;grep``ping&lt;/span&gt; through the ``build/&lt;/tt&gt; directory shows that the built code lives in &lt;tt class="docutils literal"&gt;build/dev/javascript/lol/lol.mjs&lt;/tt&gt;.&lt;/p&gt;
+&lt;/div&gt;
+&lt;div class="section" id="embedding-the-code"&gt;
+&lt;h2&gt;Embedding the code&lt;/h2&gt;
+&lt;p&gt;Here comes the fun part: the code is in JavaScript &lt;em&gt;module&lt;/em&gt;, not plain code. That comes with several surprises:
+- It can only be imported from other modules, not by “plain” code in global scope
+- Due to CORS, imports only work with network schemes, not with the &lt;tt class="docutils literal"&gt;&lt;span class="pre"&gt;file://&lt;/span&gt;&lt;/tt&gt; one
+- Due to scoping, I have not found a way of using the functions from devtools console&lt;/p&gt;
+&lt;p&gt;Big wins for the platform /s, but we have to live with that, so let's try to write the respective HTML for this. I put that in &lt;tt class="docutils literal"&gt;main.html&lt;/tt&gt; in the project root, but it does not probably matter. The code:&lt;/p&gt;
+&lt;pre class="literal-block"&gt;
+&amp;lt;!doctype html&amp;gt;
+&amp;lt;html&amp;gt;
+&amp;lt;head&amp;gt;
+        &amp;lt;meta charset=utf-8&amp;gt; &amp;lt;!-- firefox complains otherwise --&amp;gt;
+        &amp;lt;title&amp;gt;Buh&amp;lt;/title&amp;gt;
+&amp;lt;/head&amp;gt;
+&amp;lt;body&amp;gt;
+        &amp;lt;!-- some random elements to work with --&amp;gt;
+        &amp;lt;button id=butt&amp;gt;Klik mee&amp;lt;/button&amp;gt;
+        &amp;lt;p id=uwu&amp;gt;
+
+        &amp;lt;!-- the “binding” to our Gleam code. This probably needs to be at the end of the page, since it needs to be able to use the selectors. --&amp;gt;
+        &amp;lt;script type=module&amp;gt; //It has to be a module to allow imports
+                import * as lol from &amp;quot;./build/dev/javascript/lol/lol.mjs&amp;quot;;
+
+                // Set the text of one element to the computed stuff:
+                let par = document.getElementById('uwu');
+                par.innerText = lol.get_greeting();
+
+                // Let's have an interactive button (I love the come-from pattern, but using `onclick` would be even trickier…)
+                let butt = document.getElementById('butt');
+                butt.addEventListener('click', lol.say_hello);
+
+                // Apparently, the `main` function does not get run automatically, so call that explicitly.
+                lol.main();
+        &amp;lt;/script&amp;gt;
+&amp;lt;/body&amp;gt;
+&amp;lt;/html&amp;gt;
+&lt;/pre&gt;
+&lt;p&gt;Shoutout to &lt;a class="reference external" href="https://stackoverflow.com/questions/53630310/use-functions-defined-in-es6-module-directly-in-html"&gt;the person who asked the same question on StackOverflow&lt;/a&gt;. From this point on, we only need a HTTP server; luckily, Python has one in stdlib, so just calling &lt;tt class="docutils literal"&gt;python3 &lt;span class="pre"&gt;-m&lt;/span&gt; http.server 12312&lt;/tt&gt; in the project root lets us load &lt;tt class="docutils literal"&gt;&lt;span class="pre"&gt;http://localhost:12312/main.html&lt;/span&gt;&lt;/tt&gt; and see our page.&lt;/p&gt;
+&lt;/div&gt;
+&lt;div class="section" id="next-steps-alternatives-et-cetera"&gt;
+&lt;h2&gt;Next steps, alternatives et cetera&lt;/h2&gt;
+&lt;p&gt;When developing web frontend in Gleam, the more common way is using a framework like &lt;a class="reference external" href="https://hexdocs.pm/lustre/index.html"&gt;Lustre&lt;/a&gt; or at least a DOM library (there are &lt;a class="reference external" href="https://packages.gleam.run/?search=dom"&gt;several&lt;/a&gt;, I have no idea how mature those are). I did not go this route yet, because I am more interested in using backend-agnostic Gleam code from JavaScript and don't mind writing the trivial bindings in JavaScript. &lt;a class="footnote-reference" href="#netzpevnik-gleam" id="footnote-reference-2"&gt;[2]&lt;/a&gt;&lt;/p&gt;
+&lt;p&gt;Also, a common thing to do is using a minifier+bundler like &lt;a class="reference external" href="https://hexdocs.pm/esgleam/index.html"&gt;esgleam&lt;/a&gt; (it uses &lt;a class="reference external" href="https://esbuild.github.io/"&gt;esbuild&lt;/a&gt; under the hood), so that the whole project is in one file. I don't think I need that now (having the JS be readable is more important to me atm and I don't want to complicate things further), but there is at least &lt;a class="reference external" href="https://erikarow.land/notes/esgleam-embed"&gt;one tutorial&lt;/a&gt; on how to do that.&lt;/p&gt;
+&lt;p&gt;Also, during writing of this article I realised Gleam can run all the JS code from itself, so I could have a &lt;tt class="docutils literal"&gt;js_main&lt;/tt&gt; function that would bind the HTML from Gleam itself. But this is probably more readable and separated anyway.&lt;/p&gt;
+&lt;hr class="docutils" /&gt;
+&lt;table class="docutils footnote" frame="void" id="stdlib-package" rules="none"&gt;
+&lt;colgroup&gt;&lt;col class="label" /&gt;&lt;col /&gt;&lt;/colgroup&gt;
+&lt;tbody valign="top"&gt;
+&lt;tr&gt;&lt;td class="label"&gt;&lt;a class="fn-backref" href="#footnote-reference-1"&gt;[1]&lt;/a&gt;&lt;/td&gt;&lt;td&gt;Well, as far as I understand it, Gleam's stdlib is actually just another package anyway.&lt;/td&gt;&lt;/tr&gt;
+&lt;/tbody&gt;
+&lt;/table&gt;
+&lt;table class="docutils footnote" frame="void" id="netzpevnik-gleam" rules="none"&gt;
+&lt;colgroup&gt;&lt;col class="label" /&gt;&lt;col /&gt;&lt;/colgroup&gt;
+&lt;tbody valign="top"&gt;
+&lt;tr&gt;&lt;td class="label"&gt;&lt;a class="fn-backref" href="#footnote-reference-2"&gt;[2]&lt;/a&gt;&lt;/td&gt;&lt;td&gt;I will probably use some kind of framework eventually as a part of &lt;a class="reference external" href="https://gitea.ledoian.cz/LEdoian/netzpevnik"&gt;netzpevnik&lt;/a&gt;, but I am exploring the technologies that will be involved, so I want to keep stuff simple.&lt;/td&gt;&lt;/tr&gt;
+&lt;/tbody&gt;
+&lt;/table&gt;
+&lt;/div&gt;
+</content><category term="programming"></category><category term="gleam"></category><category term="software"></category><category term="web"></category></entry><entry><title>Hello, I'm agender</title><link href="https://blog.ledoian.cz/hello-im-agen.html" rel="alternate"></link><published>2024-05-21T17:03:00+02:00</published><updated>2024-05-21T17:03:00+02:00</updated><author><name>LEdoian</name></author><id>tag:blog.ledoian.cz,2024-05-21:/hello-im-agen.html</id><summary type="html">&lt;p&gt;Hell yeah, a coming out!&lt;/p&gt;
 &lt;p&gt;Important: Please, read this article &lt;em&gt;in full&lt;/em&gt; and do not just skim it. There
 is no TL;DR, I don't think any reasonable summary of this post can be made
 without me misrepresenting myself. Alternatively, please just skip this article
diff --git a/output/forgetting-dns6.html b/output/forgetting-dns6.html
index 34e8c77..b33fda6 100644
--- a/output/forgetting-dns6.html
+++ b/output/forgetting-dns6.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="./category/networking.html">networking</a></li>
+	<li><a href="./category/programming.html">programming</a></li>
 	<li><a href="./category/queer.html">queer</a></li>
 	<li><a href="./category/talks.html">talks</a></li>
 	<li><a href="./category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="./tag/gleam.html">gleam</a></li>
+	<li><a href="./tag/software.html">software</a></li>
+	<li><a href="./tag/web.html">web</a></li>
 	<li><a href="./tag/gender.html">gender</a></li>
 	<li><a href="./tag/identity.html">identity</a></li>
 	<li><a href="./tag/linux.html">linux</a></li>
 	<li><a href="./tag/lifehack.html">lifehack</a></li>
-	<li><a href="./tag/software.html">software</a></li>
 	<li><a href="./tag/relationships.html">relationships</a></li>
 	<li><a href="./tag/print.html">print</a></li>
 	<li><a href="./tag/comics.html">comics</a></li>
diff --git a/output/hello-im-agen.html b/output/hello-im-agen.html
index 2471971..86799a6 100644
--- a/output/hello-im-agen.html
+++ b/output/hello-im-agen.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="./category/networking.html">networking</a></li>
+	<li><a href="./category/programming.html">programming</a></li>
 	<li><a href="./category/queer.html">queer</a></li>
 	<li><a href="./category/talks.html">talks</a></li>
 	<li><a href="./category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="./tag/gleam.html">gleam</a></li>
+	<li><a href="./tag/software.html">software</a></li>
+	<li><a href="./tag/web.html">web</a></li>
 	<li><a href="./tag/gender.html">gender</a></li>
 	<li><a href="./tag/identity.html">identity</a></li>
 	<li><a href="./tag/linux.html">linux</a></li>
 	<li><a href="./tag/lifehack.html">lifehack</a></li>
-	<li><a href="./tag/software.html">software</a></li>
 	<li><a href="./tag/relationships.html">relationships</a></li>
 	<li><a href="./tag/print.html">print</a></li>
 	<li><a href="./tag/comics.html">comics</a></li>
diff --git a/output/index.html b/output/index.html
index effaaf8..a58d2de 100644
--- a/output/index.html
+++ b/output/index.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="./category/networking.html">networking</a></li>
+	<li><a href="./category/programming.html">programming</a></li>
 	<li><a href="./category/queer.html">queer</a></li>
 	<li><a href="./category/talks.html">talks</a></li>
 	<li><a href="./category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="./tag/gleam.html">gleam</a></li>
+	<li><a href="./tag/software.html">software</a></li>
+	<li><a href="./tag/web.html">web</a></li>
 	<li><a href="./tag/gender.html">gender</a></li>
 	<li><a href="./tag/identity.html">identity</a></li>
 	<li><a href="./tag/linux.html">linux</a></li>
 	<li><a href="./tag/lifehack.html">lifehack</a></li>
-	<li><a href="./tag/software.html">software</a></li>
 	<li><a href="./tag/relationships.html">relationships</a></li>
 	<li><a href="./tag/print.html">print</a></li>
 	<li><a href="./tag/comics.html">comics</a></li>
diff --git a/output/masquerade-with-filter.html b/output/masquerade-with-filter.html
index f3cab04..654abd0 100644
--- a/output/masquerade-with-filter.html
+++ b/output/masquerade-with-filter.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="./category/networking.html">networking</a></li>
+	<li><a href="./category/programming.html">programming</a></li>
 	<li><a href="./category/queer.html">queer</a></li>
 	<li><a href="./category/talks.html">talks</a></li>
 	<li><a href="./category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="./tag/gleam.html">gleam</a></li>
+	<li><a href="./tag/software.html">software</a></li>
+	<li><a href="./tag/web.html">web</a></li>
 	<li><a href="./tag/gender.html">gender</a></li>
 	<li><a href="./tag/identity.html">identity</a></li>
 	<li><a href="./tag/linux.html">linux</a></li>
 	<li><a href="./tag/lifehack.html">lifehack</a></li>
-	<li><a href="./tag/software.html">software</a></li>
 	<li><a href="./tag/relationships.html">relationships</a></li>
 	<li><a href="./tag/print.html">print</a></li>
 	<li><a href="./tag/comics.html">comics</a></li>
diff --git a/output/mobius-print.html b/output/mobius-print.html
index b760e48..3f21c01 100644
--- a/output/mobius-print.html
+++ b/output/mobius-print.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="./category/networking.html">networking</a></li>
+	<li><a href="./category/programming.html">programming</a></li>
 	<li><a href="./category/queer.html">queer</a></li>
 	<li><a href="./category/talks.html">talks</a></li>
 	<li><a href="./category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="./tag/gleam.html">gleam</a></li>
+	<li><a href="./tag/software.html">software</a></li>
+	<li><a href="./tag/web.html">web</a></li>
 	<li><a href="./tag/gender.html">gender</a></li>
 	<li><a href="./tag/identity.html">identity</a></li>
 	<li><a href="./tag/linux.html">linux</a></li>
 	<li><a href="./tag/lifehack.html">lifehack</a></li>
-	<li><a href="./tag/software.html">software</a></li>
 	<li><a href="./tag/relationships.html">relationships</a></li>
 	<li><a href="./tag/print.html">print</a></li>
 	<li><a href="./tag/comics.html">comics</a></li>
diff --git a/output/smrst2023-cs.html b/output/smrst2023-cs.html
index 4585cb7..4970d70 100644
--- a/output/smrst2023-cs.html
+++ b/output/smrst2023-cs.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="./category/networking.html">networking</a></li>
+	<li><a href="./category/programming.html">programming</a></li>
 	<li><a href="./category/queer.html">queer</a></li>
 	<li><a href="./category/talks.html">talks</a></li>
 	<li><a href="./category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="./tag/gleam.html">gleam</a></li>
+	<li><a href="./tag/software.html">software</a></li>
+	<li><a href="./tag/web.html">web</a></li>
 	<li><a href="./tag/gender.html">gender</a></li>
 	<li><a href="./tag/identity.html">identity</a></li>
 	<li><a href="./tag/linux.html">linux</a></li>
 	<li><a href="./tag/lifehack.html">lifehack</a></li>
-	<li><a href="./tag/software.html">software</a></li>
 	<li><a href="./tag/relationships.html">relationships</a></li>
 	<li><a href="./tag/print.html">print</a></li>
 	<li><a href="./tag/comics.html">comics</a></li>
diff --git a/output/tag/comics.html b/output/tag/comics.html
index 382b36b..fbe426d 100644
--- a/output/tag/comics.html
+++ b/output/tag/comics.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="../category/networking.html">networking</a></li>
+	<li><a href="../category/programming.html">programming</a></li>
 	<li><a href="../category/queer.html">queer</a></li>
 	<li><a href="../category/talks.html">talks</a></li>
 	<li><a href="../category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="../tag/gleam.html">gleam</a></li>
+	<li><a href="../tag/software.html">software</a></li>
+	<li><a href="../tag/web.html">web</a></li>
 	<li><a href="../tag/gender.html">gender</a></li>
 	<li><a href="../tag/identity.html">identity</a></li>
 	<li><a href="../tag/linux.html">linux</a></li>
 	<li><a href="../tag/lifehack.html">lifehack</a></li>
-	<li><a href="../tag/software.html">software</a></li>
 	<li><a href="../tag/relationships.html">relationships</a></li>
 	<li><a href="../tag/print.html">print</a></li>
 	<li><a href="../tag/comics.html">comics</a></li>
diff --git a/output/tag/dns.html b/output/tag/dns.html
index 119081f..0ec392c 100644
--- a/output/tag/dns.html
+++ b/output/tag/dns.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="../category/networking.html">networking</a></li>
+	<li><a href="../category/programming.html">programming</a></li>
 	<li><a href="../category/queer.html">queer</a></li>
 	<li><a href="../category/talks.html">talks</a></li>
 	<li><a href="../category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="../tag/gleam.html">gleam</a></li>
+	<li><a href="../tag/software.html">software</a></li>
+	<li><a href="../tag/web.html">web</a></li>
 	<li><a href="../tag/gender.html">gender</a></li>
 	<li><a href="../tag/identity.html">identity</a></li>
 	<li><a href="../tag/linux.html">linux</a></li>
 	<li><a href="../tag/lifehack.html">lifehack</a></li>
-	<li><a href="../tag/software.html">software</a></li>
 	<li><a href="../tag/relationships.html">relationships</a></li>
 	<li><a href="../tag/print.html">print</a></li>
 	<li><a href="../tag/comics.html">comics</a></li>
diff --git a/output/tag/gender.html b/output/tag/gender.html
index ab1c629..b295d2e 100644
--- a/output/tag/gender.html
+++ b/output/tag/gender.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="../category/networking.html">networking</a></li>
+	<li><a href="../category/programming.html">programming</a></li>
 	<li><a href="../category/queer.html">queer</a></li>
 	<li><a href="../category/talks.html">talks</a></li>
 	<li><a href="../category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="../tag/gleam.html">gleam</a></li>
+	<li><a href="../tag/software.html">software</a></li>
+	<li><a href="../tag/web.html">web</a></li>
 	<li><a href="../tag/gender.html">gender</a></li>
 	<li><a href="../tag/identity.html">identity</a></li>
 	<li><a href="../tag/linux.html">linux</a></li>
 	<li><a href="../tag/lifehack.html">lifehack</a></li>
-	<li><a href="../tag/software.html">software</a></li>
 	<li><a href="../tag/relationships.html">relationships</a></li>
 	<li><a href="../tag/print.html">print</a></li>
 	<li><a href="../tag/comics.html">comics</a></li>
diff --git a/output/tag/identity.html b/output/tag/identity.html
index fc3bcf8..d90c93b 100644
--- a/output/tag/identity.html
+++ b/output/tag/identity.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="../category/networking.html">networking</a></li>
+	<li><a href="../category/programming.html">programming</a></li>
 	<li><a href="../category/queer.html">queer</a></li>
 	<li><a href="../category/talks.html">talks</a></li>
 	<li><a href="../category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="../tag/gleam.html">gleam</a></li>
+	<li><a href="../tag/software.html">software</a></li>
+	<li><a href="../tag/web.html">web</a></li>
 	<li><a href="../tag/gender.html">gender</a></li>
 	<li><a href="../tag/identity.html">identity</a></li>
 	<li><a href="../tag/linux.html">linux</a></li>
 	<li><a href="../tag/lifehack.html">lifehack</a></li>
-	<li><a href="../tag/software.html">software</a></li>
 	<li><a href="../tag/relationships.html">relationships</a></li>
 	<li><a href="../tag/print.html">print</a></li>
 	<li><a href="../tag/comics.html">comics</a></li>
diff --git a/output/tag/infrastructure.html b/output/tag/infrastructure.html
index 6df7f06..f88074b 100644
--- a/output/tag/infrastructure.html
+++ b/output/tag/infrastructure.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="../category/networking.html">networking</a></li>
+	<li><a href="../category/programming.html">programming</a></li>
 	<li><a href="../category/queer.html">queer</a></li>
 	<li><a href="../category/talks.html">talks</a></li>
 	<li><a href="../category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="../tag/gleam.html">gleam</a></li>
+	<li><a href="../tag/software.html">software</a></li>
+	<li><a href="../tag/web.html">web</a></li>
 	<li><a href="../tag/gender.html">gender</a></li>
 	<li><a href="../tag/identity.html">identity</a></li>
 	<li><a href="../tag/linux.html">linux</a></li>
 	<li><a href="../tag/lifehack.html">lifehack</a></li>
-	<li><a href="../tag/software.html">software</a></li>
 	<li><a href="../tag/relationships.html">relationships</a></li>
 	<li><a href="../tag/print.html">print</a></li>
 	<li><a href="../tag/comics.html">comics</a></li>
diff --git a/output/tag/ipv6-only.html b/output/tag/ipv6-only.html
index 940b57f..e8e6699 100644
--- a/output/tag/ipv6-only.html
+++ b/output/tag/ipv6-only.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="../category/networking.html">networking</a></li>
+	<li><a href="../category/programming.html">programming</a></li>
 	<li><a href="../category/queer.html">queer</a></li>
 	<li><a href="../category/talks.html">talks</a></li>
 	<li><a href="../category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="../tag/gleam.html">gleam</a></li>
+	<li><a href="../tag/software.html">software</a></li>
+	<li><a href="../tag/web.html">web</a></li>
 	<li><a href="../tag/gender.html">gender</a></li>
 	<li><a href="../tag/identity.html">identity</a></li>
 	<li><a href="../tag/linux.html">linux</a></li>
 	<li><a href="../tag/lifehack.html">lifehack</a></li>
-	<li><a href="../tag/software.html">software</a></li>
 	<li><a href="../tag/relationships.html">relationships</a></li>
 	<li><a href="../tag/print.html">print</a></li>
 	<li><a href="../tag/comics.html">comics</a></li>
diff --git a/output/tag/lifehack.html b/output/tag/lifehack.html
index cd0fdf5..7cbfd75 100644
--- a/output/tag/lifehack.html
+++ b/output/tag/lifehack.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="../category/networking.html">networking</a></li>
+	<li><a href="../category/programming.html">programming</a></li>
 	<li><a href="../category/queer.html">queer</a></li>
 	<li><a href="../category/talks.html">talks</a></li>
 	<li><a href="../category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="../tag/gleam.html">gleam</a></li>
+	<li><a href="../tag/software.html">software</a></li>
+	<li><a href="../tag/web.html">web</a></li>
 	<li><a href="../tag/gender.html">gender</a></li>
 	<li><a href="../tag/identity.html">identity</a></li>
 	<li><a href="../tag/linux.html">linux</a></li>
 	<li><a href="../tag/lifehack.html">lifehack</a></li>
-	<li><a href="../tag/software.html">software</a></li>
 	<li><a href="../tag/relationships.html">relationships</a></li>
 	<li><a href="../tag/print.html">print</a></li>
 	<li><a href="../tag/comics.html">comics</a></li>
diff --git a/output/tag/linux.html b/output/tag/linux.html
index cc679c6..d8a0b09 100644
--- a/output/tag/linux.html
+++ b/output/tag/linux.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="../category/networking.html">networking</a></li>
+	<li><a href="../category/programming.html">programming</a></li>
 	<li><a href="../category/queer.html">queer</a></li>
 	<li><a href="../category/talks.html">talks</a></li>
 	<li><a href="../category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="../tag/gleam.html">gleam</a></li>
+	<li><a href="../tag/software.html">software</a></li>
+	<li><a href="../tag/web.html">web</a></li>
 	<li><a href="../tag/gender.html">gender</a></li>
 	<li><a href="../tag/identity.html">identity</a></li>
 	<li><a href="../tag/linux.html">linux</a></li>
 	<li><a href="../tag/lifehack.html">lifehack</a></li>
-	<li><a href="../tag/software.html">software</a></li>
 	<li><a href="../tag/relationships.html">relationships</a></li>
 	<li><a href="../tag/print.html">print</a></li>
 	<li><a href="../tag/comics.html">comics</a></li>
diff --git a/output/tag/meta.html b/output/tag/meta.html
index ceba533..e20e1ff 100644
--- a/output/tag/meta.html
+++ b/output/tag/meta.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="../category/networking.html">networking</a></li>
+	<li><a href="../category/programming.html">programming</a></li>
 	<li><a href="../category/queer.html">queer</a></li>
 	<li><a href="../category/talks.html">talks</a></li>
 	<li><a href="../category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="../tag/gleam.html">gleam</a></li>
+	<li><a href="../tag/software.html">software</a></li>
+	<li><a href="../tag/web.html">web</a></li>
 	<li><a href="../tag/gender.html">gender</a></li>
 	<li><a href="../tag/identity.html">identity</a></li>
 	<li><a href="../tag/linux.html">linux</a></li>
 	<li><a href="../tag/lifehack.html">lifehack</a></li>
-	<li><a href="../tag/software.html">software</a></li>
 	<li><a href="../tag/relationships.html">relationships</a></li>
 	<li><a href="../tag/print.html">print</a></li>
 	<li><a href="../tag/comics.html">comics</a></li>
diff --git a/output/tag/print.html b/output/tag/print.html
index 7ae6653..b3554fc 100644
--- a/output/tag/print.html
+++ b/output/tag/print.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="../category/networking.html">networking</a></li>
+	<li><a href="../category/programming.html">programming</a></li>
 	<li><a href="../category/queer.html">queer</a></li>
 	<li><a href="../category/talks.html">talks</a></li>
 	<li><a href="../category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="../tag/gleam.html">gleam</a></li>
+	<li><a href="../tag/software.html">software</a></li>
+	<li><a href="../tag/web.html">web</a></li>
 	<li><a href="../tag/gender.html">gender</a></li>
 	<li><a href="../tag/identity.html">identity</a></li>
 	<li><a href="../tag/linux.html">linux</a></li>
 	<li><a href="../tag/lifehack.html">lifehack</a></li>
-	<li><a href="../tag/software.html">software</a></li>
 	<li><a href="../tag/relationships.html">relationships</a></li>
 	<li><a href="../tag/print.html">print</a></li>
 	<li><a href="../tag/comics.html">comics</a></li>
diff --git a/output/tag/relationships.html b/output/tag/relationships.html
index 35148f8..c8134c4 100644
--- a/output/tag/relationships.html
+++ b/output/tag/relationships.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="../category/networking.html">networking</a></li>
+	<li><a href="../category/programming.html">programming</a></li>
 	<li><a href="../category/queer.html">queer</a></li>
 	<li><a href="../category/talks.html">talks</a></li>
 	<li><a href="../category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="../tag/gleam.html">gleam</a></li>
+	<li><a href="../tag/software.html">software</a></li>
+	<li><a href="../tag/web.html">web</a></li>
 	<li><a href="../tag/gender.html">gender</a></li>
 	<li><a href="../tag/identity.html">identity</a></li>
 	<li><a href="../tag/linux.html">linux</a></li>
 	<li><a href="../tag/lifehack.html">lifehack</a></li>
-	<li><a href="../tag/software.html">software</a></li>
 	<li><a href="../tag/relationships.html">relationships</a></li>
 	<li><a href="../tag/print.html">print</a></li>
 	<li><a href="../tag/comics.html">comics</a></li>
diff --git a/output/tag/smrst.html b/output/tag/smrst.html
index 0df7d19..739d256 100644
--- a/output/tag/smrst.html
+++ b/output/tag/smrst.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="../category/networking.html">networking</a></li>
+	<li><a href="../category/programming.html">programming</a></li>
 	<li><a href="../category/queer.html">queer</a></li>
 	<li><a href="../category/talks.html">talks</a></li>
 	<li><a href="../category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="../tag/gleam.html">gleam</a></li>
+	<li><a href="../tag/software.html">software</a></li>
+	<li><a href="../tag/web.html">web</a></li>
 	<li><a href="../tag/gender.html">gender</a></li>
 	<li><a href="../tag/identity.html">identity</a></li>
 	<li><a href="../tag/linux.html">linux</a></li>
 	<li><a href="../tag/lifehack.html">lifehack</a></li>
-	<li><a href="../tag/software.html">software</a></li>
 	<li><a href="../tag/relationships.html">relationships</a></li>
 	<li><a href="../tag/print.html">print</a></li>
 	<li><a href="../tag/comics.html">comics</a></li>
diff --git a/output/tag/software-engineering.html b/output/tag/software-engineering.html
index 578cab0..cf9566d 100644
--- a/output/tag/software-engineering.html
+++ b/output/tag/software-engineering.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="../category/networking.html">networking</a></li>
+	<li><a href="../category/programming.html">programming</a></li>
 	<li><a href="../category/queer.html">queer</a></li>
 	<li><a href="../category/talks.html">talks</a></li>
 	<li><a href="../category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="../tag/gleam.html">gleam</a></li>
+	<li><a href="../tag/software.html">software</a></li>
+	<li><a href="../tag/web.html">web</a></li>
 	<li><a href="../tag/gender.html">gender</a></li>
 	<li><a href="../tag/identity.html">identity</a></li>
 	<li><a href="../tag/linux.html">linux</a></li>
 	<li><a href="../tag/lifehack.html">lifehack</a></li>
-	<li><a href="../tag/software.html">software</a></li>
 	<li><a href="../tag/relationships.html">relationships</a></li>
 	<li><a href="../tag/print.html">print</a></li>
 	<li><a href="../tag/comics.html">comics</a></li>
diff --git a/output/tag/software.html b/output/tag/software.html
index 96d1cfc..f01cd2b 100644
--- a/output/tag/software.html
+++ b/output/tag/software.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="../category/networking.html">networking</a></li>
+	<li><a href="../category/programming.html">programming</a></li>
 	<li><a href="../category/queer.html">queer</a></li>
 	<li><a href="../category/talks.html">talks</a></li>
 	<li><a href="../category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="../tag/gleam.html">gleam</a></li>
+	<li><a href="../tag/software.html">software</a></li>
+	<li><a href="../tag/web.html">web</a></li>
 	<li><a href="../tag/gender.html">gender</a></li>
 	<li><a href="../tag/identity.html">identity</a></li>
 	<li><a href="../tag/linux.html">linux</a></li>
 	<li><a href="../tag/lifehack.html">lifehack</a></li>
-	<li><a href="../tag/software.html">software</a></li>
 	<li><a href="../tag/relationships.html">relationships</a></li>
 	<li><a href="../tag/print.html">print</a></li>
 	<li><a href="../tag/comics.html">comics</a></li>
@@ -64,7 +67,8 @@
 <main>
 	<div>
 <h1>Articles tagged with software</h1>
-<ul> <li><a href="../custom-xkb-tweaks.html">Creating own XKB tweaks</a>
+<ul> <li><a href="../using-gleam-in-html-low-js.html">Using Gleam in HTML with as little JavaScript knowledge as possible</a>
+<li><a href="../custom-xkb-tweaks.html">Creating own XKB tweaks</a>
 <li><a href="../cbz-to-pdf.html">How to convert CBZ to PDF</a>
 </ul>
 	</div>
diff --git a/output/tag/trains.html b/output/tag/trains.html
index c2c3205..29810a9 100644
--- a/output/tag/trains.html
+++ b/output/tag/trains.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="../category/networking.html">networking</a></li>
+	<li><a href="../category/programming.html">programming</a></li>
 	<li><a href="../category/queer.html">queer</a></li>
 	<li><a href="../category/talks.html">talks</a></li>
 	<li><a href="../category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="../tag/gleam.html">gleam</a></li>
+	<li><a href="../tag/software.html">software</a></li>
+	<li><a href="../tag/web.html">web</a></li>
 	<li><a href="../tag/gender.html">gender</a></li>
 	<li><a href="../tag/identity.html">identity</a></li>
 	<li><a href="../tag/linux.html">linux</a></li>
 	<li><a href="../tag/lifehack.html">lifehack</a></li>
-	<li><a href="../tag/software.html">software</a></li>
 	<li><a href="../tag/relationships.html">relationships</a></li>
 	<li><a href="../tag/print.html">print</a></li>
 	<li><a href="../tag/comics.html">comics</a></li>
diff --git a/output/tags.html b/output/tags.html
index 1ed7657..7ee119f 100644
--- a/output/tags.html
+++ b/output/tags.html
@@ -28,6 +28,7 @@
 	<h2>Categories</h2>
 	<ul>
 	<li><a href="./category/networking.html">networking</a></li>
+	<li><a href="./category/programming.html">programming</a></li>
 	<li><a href="./category/queer.html">queer</a></li>
 	<li><a href="./category/talks.html">talks</a></li>
 	<li><a href="./category/technology.html">technology</a></li>
@@ -36,11 +37,13 @@
 
 	<h2>Tags</h2>
 	<ul>
+	<li><a href="./tag/gleam.html">gleam</a></li>
+	<li><a href="./tag/software.html">software</a></li>
+	<li><a href="./tag/web.html">web</a></li>
 	<li><a href="./tag/gender.html">gender</a></li>
 	<li><a href="./tag/identity.html">identity</a></li>
 	<li><a href="./tag/linux.html">linux</a></li>
 	<li><a href="./tag/lifehack.html">lifehack</a></li>
-	<li><a href="./tag/software.html">software</a></li>
 	<li><a href="./tag/relationships.html">relationships</a></li>
 	<li><a href="./tag/print.html">print</a></li>
 	<li><a href="./tag/comics.html">comics</a></li>