A Quarto reveal.js theme

Garth Tarr

The University of Sydney

First section

Quarto

Note title

Note text

Tip title

Tip text

Important title

Important text

Asides

Block quote

  • For further details on customisations available see here
  • Icons can be included by installing the fontawesome Quarto extension.

Layouts

Layout

List One

  • Item A
  • Item B
  • Item C
  • Item D

List Two

  • Item X
  • Item Y
  • Item Z

Columns (more customisable)

Left column

Right column

Plots: below code

library(ggplot2)
p1 = iris |> ggplot() +
  aes(x = Petal.Length, y = Petal.Width, colour = Species) + 
  geom_point(size = 4) + theme_classic(base_size = 20)
p1

Plots: hide code using echo: false

Plots: auto two column using output-location: column

p1 = iris |> ggplot() +
  aes(x = Petal.Length, 
      y = Petal.Width, 
      colour = Species) + 
  geom_point(size = 4) + 
  theme_classic(base_size = 30)
p1

Bullets

When you click the Render button a document will be generated that includes:

  • Content authored with markdown
  • Output from executable code

Reference Wickham et al. (2019)

Code

When you click the Render button a presentation will be generated that includes both content and the output of embedded code. You can embed code like this:

1 + 1
[1] 2

Handy R package

The quartostamp R package provides RStudio “Addins” that make life easier for working with Quarto documents. It has a bunch of templates, e.g. for creating

  • callout blocks
  • columns
  • tabsets
  • footnotes
  • pauses
  • speaker notes…

References

Wickham, H., Averick, M., Bryan, J., Chang, W., McGowan, L.D., François, R., … Yutani, H. (2019). Welcome to the tidyverse. Journal of Open Source Software, 4(43), 1686. DOI: 10.21105/joss.01686