Overview of the Illinois Revealjs Theme

Your Course - Semester YYYY @ Illinois

First Last

December 12, 2023

Title-Only Slide

You can also include text under the slide, but you should reserve the first header just for section changes.

Sample Slide Title

Example of a subtitle

We can create unordered lists:

  • first item
    • A sub item

Or ordered lists

  1. Ordered list first item
    1. Nested list item

Or bold, italic, or URL text.

Mathematics

Inline mode: \(c^2 = a^2 + b^2\)

Display mode:

\[x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}\]

Columns

We could also split content between two columns:

Left column

Right column

https://quarto.org/docs/presentations/revealjs/#multiple-columns

Code Highlighting

For continuous highlighting, use from-to (6-8).

For discontinuous highlighting, use line1, line2, ... (1, 4).

To highlight lines in a progressive manner, use range1|range2 (|6-8|1,4|).

import numpy as np
import matplotlib.pyplot as plt

r = np.arange(0, 2, 0.01)
theta = 2 * np.pi * r
fig, ax = plt.subplots(subplot_kw={'projection': 'polar'})
ax.plot(theta, r)
ax.set_rticks([0.5, 1, 1.5, 2])
ax.grid(True)
plt.show()

https://quarto.org/docs/presentations/revealjs/#code-blocks

Enable more revealjs features

The theme is built ontop of Quarto’s revealjs implementation. So, any features of available are also usable within the theme. For example, if we wanted to incorporate the chalkboard feature. We would use:

format:
  illinois-revealjs: 
    chalkboard: true

Summary

Illinois-themed presentation slide deck

The Quarto Illinois Revealjs theme is an extension of Reveal.js and offers all of its features in the context of being brand friendly at Illinois.

Install the theme without this template:

quarto install extension coatless/quarto-illinois

Install the theme with the template being present:

quarto use template coatless/quarto-illinois

You can learn more about using RevealJS with Quarto at: https://quarto.org/docs/presentations/revealjs/