Welcome to Quarto Presentations

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

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

Inserting Images

You can add images to your slides like this:

A cute cat

Creating Columns

Incremental Slides

You can reveal content incrementally:

Fragment Animations

Fragments allow you to fade in content:

Blockquotes

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

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()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()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

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 Background

Slide Alignment

You can align the content of a slide:

Change font size

You can change the font size of the content:

Nesting Styles

You can nest styles within each other:

Additional Resources

• Quarto Documentation
• Revealjs Documentation
• Quarto Gallery