Apparently I changed everything and forgot to commit it.

- I just added sidenotes (blog being rewritten slightly to incorporate them; WIP)
- Microblog added, compiler caching mechanism reworked
- Image compression

templates/activitypub.pug

@@ -0,0 +1,4 @@
+div(style=`background: ${bgcol}`)
+    div
+        a(href=permalink)= renderDate(date)
+    div!= content

templates/blogPost.pug

@@ -1,4 +1,10 @@
 extends layout.pug
 
 block content
-    main.blog-post!= content
+    .sidenotes-container
+        main.blog-post!= content
+        .sidenotes
+
+block under-title
+    if draft
+        h1 DRAFT

templates/index.pug

@@ -9,13 +9,20 @@ block content
             each post in posts
                 .imbox(style=`background: ${post.bgcol}`)
                     if images.hasOwnProperty(post.slug)
-                        img(src=images[post.slug])
+                        +image(images[post.slug])
                     div
                         div
                             a.title(href=`/${post.slug}/`)= post.title
-                        span.deemph= `${renderDate(post.created)} / ${metricPrefix(post.wordCount, "")} words`
+                        div.deemph= `${renderDate(post.created)} / ${metricPrefix(post.wordCount, "")} words`
                         div.description!= post.description
 
+        h2 Microblog
+        p.
+            Short-form observations.
+        div.microblog
+            each entry in microblog
+                != entry
+
         h2 Experiments
         p.
             Various web projects I have put together over many years. Made with at least four different JS frameworks. Some of them are bad.
@@ -23,7 +30,7 @@ block content
             each experiment in experiments
                 .imbox(style=`background: ${experiment.bgcol}`)
                     if images.hasOwnProperty(experiment.slug)
-                        img(src=images[experiment.slug])
+                        +image(images[experiment.slug])
                     div
                         div
                             a.title(href=`/${experiment.slug}/`)= experiment.title

templates/layout.pug

@@ -1,9 +1,23 @@
 mixin nav-item(url, name)
     a(href=url)= name
 
+mixin image(src)
+    if typeof src === "string"
+        img(src=src)
+    else
+        picture
+            each val, key in src
+                if key == "_fallback"
+                    img(src=val)
+                else
+                    source(srcset=val, type=key)
+
 doctype html
 html(lang="en")
     head
+        link(rel="preload", href="/assets/share-tech-mono.woff2", as="font", crossorigin="anonymous")
+        link(rel="preload", href="/assets/titillium-web-semibold.woff2", as="font", crossorigin="anonymous")
+        link(rel="preload", href="/assets/titillium-web.woff2", as="font", crossorigin="anonymous")
         title= `${title} @ ${name}`
         script(src="/assets/js/page.js", defer=true)
         meta(charset="UTF-8")