RevealJS Comic

Slides as a super-hero comic.

What the comic format gives a Quarto presentation, how to start from it, and the classes that produce each visual.
Author

Mickaël CANOUIL, Ph.D.

Most slide themes vary the typeface and leave the structure alone.

comic gives a deck the vocabulary of a comic book instead: cover and chapter splashes, single panels, action slides, speech bubbles, halftone, and lettered bursts. Each is a class on a heading or a div, or a shortcode, so the source stays markdown and only the slides that want a visual take one.

See a deck built by this site.

Starting a presentation

quarto use template mcanouil/quarto-revealjs-comic@1.1.2

Visual Studio Code Positron VSCodium

Adding it to a presentation you already have

quarto add mcanouil/quarto-revealjs-comic@1.1.2

This will install the extension under the _extensions subdirectory. If you are using version control, you will want to check in this directory.

Visual Studio Code Positron VSCodium

Quick start

format: comic-revealjs

Then opt a slide into a visual with a class on its heading:

## Chapter 1: The Setup {.section}

## A Single Panel {.panel}

## {.action}

POW!

A slide with no class is an ordinary slide in the theme’s styling.

See the Reference for every class and shortcode, and the Examples for the source behind the deck.

Where it works

RevealJS.

Back to top