From 09e410b21358e1475261499ccf6a75fac2da12d4 Mon Sep 17 00:00:00 2001
From: Jan Tuomi <jan@jantuomi.fi>
Date: Mon, 5 Jan 2026 21:15:44 +0200
Subject: Refactor and colocate assets

---
 content/posts/unfold/index.md                  |  42 +++++++++++++++++++++++++
 content/posts/unfold/indieweb_presentation.png | Bin 0 -> 333070 bytes
 content/posts/unfold/reveal-js-logo.png        | Bin 0 -> 85023 bytes
 3 files changed, 42 insertions(+)
 create mode 100644 content/posts/unfold/index.md
 create mode 100644 content/posts/unfold/indieweb_presentation.png
 create mode 100644 content/posts/unfold/reveal-js-logo.png

(limited to 'content/posts/unfold')

diff --git a/content/posts/unfold/index.md b/content/posts/unfold/index.md
new file mode 100644
index 0000000..8ab3b89
--- /dev/null
+++ b/content/posts/unfold/index.md
@@ -0,0 +1,42 @@
+---
+title: Automatic slideshows with reveal-unfold.js
+date: 2024-04-21
+extra:
+  kind: project
+  slideshow: defined
+---
+
+## Lightning talk
+
+<p data-unfold-hidden>
+I recently presented a lightning talk about the IndieWeb and personal websites to my colleagues at the office. Even though I don't normally enjoy presenting, speaking about things I'm passionate about always turns out to be rather easy. The talk and the presentation that I used to support the talk were well received.
+</p>
+
+{{ fig(src="indieweb_presentation.png", alt="A slide from the PowerPoint presentation") }}
+
+---
+
+## Tinkering
+
+<p data-unfold-hidden>
+Later, when I shared my PowerPoint slides in the IndieWeb chat, I was asked if I had considered using HTML slides instead of pptx. The thought had crossed my mind, but I didn’t have time to put the thought into practice before my talk. It was a curious idea though.
+</p>
+<p data-unfold-hidden>
+So curious in fact, that I decided to study up on the ”HTML slideshow landscape”: what kind of tools there are, how do they work on a static site, things like that. Turns out that a tool called `reveal.js` is very popular and often recommended.  An idea entered my mind: what if I could turn an HTML note (like this one that you’re reading) into an HTML slideshow, in a somewhat automated fashion?
+</p>
+
+{{ fig(src="reveal-js-logo.png", alt="Reveal.js logo") }}
+
+---
+
+## Literate slideshow
+
+- A portmanteau of _literate program_ and _slideshow_
+- Convert a semantically marked up post to a slideshow with a click
+- This post is a literate slideshow
+
+---
+
+## Direction
+
+I don't know if I'll even need this project. Maybe I'll use it in some posts in the future?
diff --git a/content/posts/unfold/indieweb_presentation.png b/content/posts/unfold/indieweb_presentation.png
new file mode 100644
index 0000000..e9d0096
Binary files /dev/null and b/content/posts/unfold/indieweb_presentation.png differ
diff --git a/content/posts/unfold/reveal-js-logo.png b/content/posts/unfold/reveal-js-logo.png
new file mode 100644
index 0000000..f7b671f
Binary files /dev/null and b/content/posts/unfold/reveal-js-logo.png differ
-- 
cgit v1.3