diff options
| author | Jan Tuomi <jan@jantuomi.fi> | 2026-01-05 21:15:44 +0200 |
|---|---|---|
| committer | Jan Tuomi <jan@jantuomi.fi> | 2026-01-05 21:39:06 +0200 |
| commit | 09e410b21358e1475261499ccf6a75fac2da12d4 (patch) | |
| tree | 26bde85dbe6be7502d1eca29263e404e92633f94 /content/posts/unfold.md | |
| parent | b2b9388f789c58a5b6ee1cbf9edfe88013d3fc63 (diff) | |
Refactor and colocate assets
Diffstat (limited to 'content/posts/unfold.md')
| -rw-r--r-- | content/posts/unfold.md | 42 |
1 files changed, 0 insertions, 42 deletions
diff --git a/content/posts/unfold.md b/content/posts/unfold.md deleted file mode 100644 index 241703a..0000000 --- a/content/posts/unfold.md +++ /dev/null @@ -1,42 +0,0 @@ ---- -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="/files/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="/files/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? |