• Home
  • About
  • Schedule
  • Sessions
  • Code of Conduct

Contents

  • Objectives
  • Tasks
  • Exercises
    • Create a Quarto Presentation
    • Customize Your Slides
  • Slides
  • Resources

Quarto: Presentations

Starts at:

Friday, 10:30

Objectives

💡 You can create a Quarto presentation using the reveal.js format.
💡 You can write slides using Markdown syntax (headings, text, images, code).
💡 You can use fragments to reveal content step-by-step.
💡 You can add speaker notes to your slides.
💡 You can customize your presentation with themes and layout options.

Tasks

In this session, you will work on the following tasks:

  1. Reading: Read the chapter(s) Reveal.js Presentations in the Version Control Book.
  2. Implementation: Try out the commands in the chapter.
  3. Exercises: Work on the exercises.

As always:

  1. Try out the commands of this session and play around with them.
  2. Check whether you have achieved the learning objectives.
  3. Ask questions!

Exercises

Create a Quarto Presentation

  1. In your my-project folder, create a new file called slides.qmd.
  2. Add a YAML header specifying format: revealjs and a title of your choice.
  3. Write at least three slides using ## headings with some content on each slide.
  4. Render the presentation to HTML using quarto preview or the Render button in RStudio.

Customize Your Slides

  1. Add a code block or image to one of your slides.
  2. Use the ::: {.fragment} syntax to make at least one element appear step-by-step.
  3. Add speaker notes to one slide using ::: notes.
  4. 🚀 Optional: Change the presentation theme (e.g., theme: solarized) and observe the effect.

Slides

NoteHow can I download the slides as a PDF file?

To export the slides to PDF, do the following:

  1. Toggle into Print View using the E key (or using the Navigation Menu).
  2. Open the in-browser print dialog (CTRL/CMD+P).
  3. Change the Destination setting to Save as PDF.
  4. Change the Layout to Landscape.
  5. Change the Margins to None.
  6. Enable the Background graphics option.
  7. Click Save.

Note: This feature has been confirmed to work in Google Chrome, Chromium as well as in Firefox.

Here’s what the Chrome print dialog would look like with these settings enabled:

These instructions were copied from the Quarto documentation (MIT License) and slightly modified.

Resources

  • Quarto Reveal.js Presentations Documentation
  • “Slidecrafting” by Emil Hvitfeldt
  • “Slidecraft 101” by Emil Hvitfeldt

© 2026 Dr. Lennart Wittkuhn

 

License: CC BY 4.0