Pandoc and Reveal.js

Benji Fisher

September 4, 2018

Prepare to fast forward! (Preparing to fast forward, sir!)

Simple list

  • item 1
  • item 2
    • nested item 1
    • nested item 2
  • item 3

Head matter

Separate slides

Use two hash tags (<h2> element) to start a new slide.

Grouping slides

Use one hash tag (<h1> element) to group slides.

Bug or feature?
You cannot have anything on the grouping slide besides the H1 element.

There are work-arounds, but they are ugly.

Exercising Markdown

See the slides above and this one, for …

  1. unordered lists
    1. … including nested lists
  2. code blocks
  3. code strings
  4. in-line HTML (definition lists)
  5. ordered lists

Customizing Reveal.js

New lines in the head matter:

The theme key refers to reveal.js/css/theme/isovera.css.

See the Isovera fork of Reveal.js.

What you see now is happening now!

References

Makefile

default: meetup-2018-09-04.html

%.html: %.md
    pandoc --standalone -t revealjs -o $@ $<

Copyleft

Creative Commons License
This slide deck by Benji Fisher is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
Based on a work at https://gitlab.com/benjifisher/slide-decks.