An extension that uses the roughnotation javascript library to add animated annotations to revealjs documents.

To install this extension in your current directory (or into the Quarto project that you're currently working in), use the following command:

quarto install extension EmilHvitfeldt/quarto-roughnotation

The roughnotation extension is implemented as a filter in Quarto. Once installed, using the extension is easy.

You can enable this like:

---
title: Simple roughnotation setup
filters:
   - roughnotation
---

Then use the .rn to class to specify what elements should be highlighted.

[Highlight me!]{.rn}

Lastly, press the R key to activate the animation. For more examples and options look at the examples here.

Here is the source code for many of the examples: example.qmd

This is the output of example.qmd.