Simple list

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

Head matter

---
author: Benji Fisher
title: Pandoc and Reveal.js
date: September 4, 2018
revealjs-url: 'reveal.js'
---

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:

---
# ...
revealjs-url: 'reveal.js'
theme: isovera
css:
  - 'https://fonts.googleapis.com/css?family=Roboto+Slab:700'
---

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

See the Isovera fork of Reveal.js.

References

• Pandoc: https://pandoc.org/
• Reveal.js: https://revealjs.com/#/ or https://github.com/hakimel/reveal.js

Makefile

default: meetup-2018-09-04.html

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

Copyleft

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.