Presentations

Slides

View slides in full screen

Exercises

Exercise 1

  • In your document’s YAML header, change format: html to format: revealjs.
  • Use first-level headings (#) to create a new slide. Use other Markdown headings and text for content on each slide.
  • Save and render your document.

Quarto will create an HTML file that is a fully functional slide deck.

Note

You can remove code-fold and code-summary from the YAML header, as these are for HTML documents and do not apply to presentations.

Exercise 2

  • Add {.smaller} to your heading to decrease its font size, like this: ## Global Happiness Trends {.smaller}.
  • Place your plot and table side-by-side. Adjust the percentages as needed.
  • Use ::: panel-tabset on the “Country-Level Analysis” slide to organize your content.
  • To improve the flow, add slide-transition: slide to your YAML header. Other options include fade, convex, concave, or zoom.

Exercise 3

  • Change the title slide background.
    • Find an image on Unsplash and get the direct URL to the image file.
    • Add title-slide-attributes to your YAML header and specify the data-background-image attribute with the image’s URL.
    • If it’s a dark photo, you may want to change data-background-color to a dark color so that the slide uses a light font color.
  • Edit Conclusion slide background color: Use the brand.yml shortcodes to change the color to primary.