Simple Slider

Live demo here.

Great (and powerful) tools for creating slideshows from markdown exist: gnab/remark, reveal.js.

But the markdown still feels a little heavy sometimes. Using --- for slide breaks is particularly annoying.

This is a very simple slider that makes stupid assumptions about (1) what elements will render on a new slide and (2) what constitutes speaker notes.

See the example slide raw or gist for full details.

NB: Input the raw url for your gist into the slider (not the gist url).

Summary

• h1, h2, h3 - render a new slide
• img - renders a new slide
• horizontal rule (---) - forces a slide break
• h4, h5, h6 - render as part of the current slide (in case you want multiple lines of text)
• everything else is speaker notes

Want an iframe embed? Put it in an h1:

# <iframe width="560" height="315" src="https://www.youtube.com/embed/UcU04NGMQb8" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Hit n to show speaker notes. Hit ? to show more keyboard shortcuts.

That's about it.

Development

./serve_dev.py # python3 script to serve index.html