Introduction

This is a Quarto presentation format that is consistent with R Forward’s brand.

https://forwards.github.io

It features the Forwards logo on the title slide.

Note

To remove logo from title slide, comment out the following line in "_extensions/forwards/forwardspres/_extension.yml":

data-background-image: forwards_hex_solid_border.svg

inverse class for section headings

inverse class is also useful for stressing key points.

Colours

There’s a colour for inline code such as x <- c(1, 3, 6) and {.inverse}.

There’s also a colour for short links and full ones like https://quarto.org/docs/presentations/revealjs/.

Colours

There’s a colour for inline code such as x <- c(1, 3, 6) and {.inverse}.

There’s also a colour for short links and full ones like https://quarto.org/docs/presentations/revealjs/.

  • The inline code and link colours change when the inverse class is applied.

Code

The extension includes a custom syntax highlighting theme:

library(dplyr)
library(palmerpenguins)

penguins %>%
  mutate(
    long_flipper = case_when(
      species == "Adelie" & flipper_length_mm > 195 ~ TRUE,
      species == "Chinstrap" & flipper_length_mm > 200 ~ TRUE,
      species == "Gentoo" & flipper_length_mm > 225 ~ TRUE,
      TRUE ~ FALSE
    )
  ) %>%
  mutate(
    body_mass_kg = body_mass_g / 1000,
    bill_length_cm = bill_length_mm / 10,
    bill_depth_cm = bill_depth_mm / 10
  )

Callouts

There are custom colours for callouts:

Note

A note

Tip

This is a good idea

Important

Something important

Warning

A warning

Caution

Be careful about doing this

Callouts

There are custom colours for callouts:

Note

A note

Tip

This is a good idea

Important

Something important

Warning

A warning

Caution

Be careful about doing this

Columns with backgrounds

Box 1

Use class .col-box-{color} to apply colour box styling, e.g. .col-box-yellow

Box 2

Default height is 450px

This div has class .col-box-peach

Box 3

This div has class .col-box-orange

Columns with backgrounds: tall and short

Colour box styling can be applied to entire columns

This column has class .col-box-yellow-tall

Or to divs within columns to create stacks

This div has class .col-box-peach-short

This div has class .col-box-orange-short

Columns with backgrounds: tall and short

Colour box styling can be applied to entire columns

This column has class .col-box-plum-tall

Or to divs within columns to create stacks

This div has class .col-box-pink-short

This div has class .col-box-purple-short

Non-Forwards-specific nice-to-haves

Alignment

There are classes to help with text alignment:

{.center-h} gives horizontally-centered text

{.right} gives right-aligned text

Note

For all revealjs Quarto presentations, applying {.center} to the slide title vertically centers the whole slide.

Sizing

There are classes to help size text by a given percentage:

{.smaller90}, {.smaller80}, {.smaller75} {.smaller70}, {.smaller60}, {.smaller50}

{.larger125}, {.larger150}, {.larger175}, {.larger200}, {.larger250}

More information

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

You can learn more about Quarto extensions at https://quarto.org/docs/extensions/

You can find these slides at https://forwards.github.io/forwardspres/