impress.js Format for Quarto

This repository packages impress.js as an extension for Quarto. See here for a general demo of impress.js.

Installing

quarto use template tilltnet/quarto_impressjs

This will install the extension and create an example qmd file that you can use as a starting place for your presentation.

Using

Add fenced <div>s with the css class "step" ::: {.step} to your quarto document. Add "slide" class to display content on a slide. Place and position steps by specifying data-* attributes. Add your own CSS to style steps.

Example

Here is the source code for a minimal sample document: template.qmd.