diff options
Diffstat (limited to 'content/posts/unfold')
| -rw-r--r-- | content/posts/unfold/index.md | 42 | ||||
| -rw-r--r-- | content/posts/unfold/indieweb_presentation.png | bin | 0 -> 333070 bytes | |||
| -rw-r--r-- | content/posts/unfold/reveal-js-logo.png | bin | 0 -> 85023 bytes |
3 files changed, 42 insertions, 0 deletions
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 Binary files differnew file mode 100644 index 0000000..e9d0096 --- /dev/null +++ b/content/posts/unfold/indieweb_presentation.png diff --git a/content/posts/unfold/reveal-js-logo.png b/content/posts/unfold/reveal-js-logo.png Binary files differnew file mode 100644 index 0000000..f7b671f --- /dev/null +++ b/content/posts/unfold/reveal-js-logo.png |
