Beginner’s Guide to Quarto Presentations

Your Name

2024-09-30

Introduction

Welcome to Quarto Presentations

This presentation will guide you through the basics of creating slides with Quarto and Revealjs.

Text Formatting

Basic Formatting

You can format text in various ways:

  • Italics are created using single asterisks
  • Bold text is created using double asterisks
  • Strikethrough is created using double tildes
  • Inline code is created using backticks

Lists

You can create lists easily:

  • Unordered list item 1
  • Unordered list item 2
    • Nested item 2.1
    • Nested item 2.2
  1. Ordered list item 1
  2. Ordered list item 2
    1. Nested item 2.1
    2. Nested item 2.2

Adding Content

Inserting Images

You can add images to your slides like this:

A cute cat

Creating Columns

This is the content for the left column.

You can add any content here, like text, images, or code.

This is the content for the right column.

  • List item 1
  • List item 2

Incremental Slides

You can reveal content incrementally:

  • First item
  • Second item
  • Third item

Fragment Animations

Fragments allow you to fade in content:

This content will fade in.

And this content will fade in next.

Blockquotes

“The only way to do great work is to love what you do.” - Steve Jobs

Code Snippets

Embedding Python Code

You can include Python code in your slides (and highlight specific lines):

import pandas as pd
import matplotlib.pyplot as plt

df = pd.DataFrame({'A': [1, 2, 3], 'B': [4, 5, 6]})
df.plot(kind='bar')
plt.show()

Syntax Highlighting

Quarto supports syntax highlighting for various languages:

def fibonacci(n):
    if n <= 0:
        return []
    elif n == 1:
        return 
    elif n == 2:
        return [0, 1]
    else:
        fib = [0, 1]
        for i in range(2, n):
            fib.append(fib[i-1] + fib[i-2])
        return fib

Themes and Transitions

Changing Themes

You can change the presentation theme in the YAML header:

format:
  revealjs:
    theme: moon

Some popular themes include moon, black, white, and league. More themes are available in the Revealjs documentation.

Slide Transitions

You can customize slide transitions in the YAML header:

format:
  revealjs:
    transition: slide

Available transitions include none, fade, slide, convex, concave, and zoom. You can also customise the transition in each slide.

Slide Customisation using style

Slide Alignment

You can align the content of a slide:

This content is centered.

This content is right-aligned.

Change font size

You can change the font size of the content:

This content has a font size of 24px.

This content has a font size of 36px.

Nesting Styles

You can nest styles within each other:

This content is centred with a font size of 24px and a light blue background.

This nested content is red.

Asides and Footnotes

  • Green 1
  • Brown
  • Purple

Additional Resources

Thank You!

Footer text