Theme Demo

A tour of all available slide layouts

Samuel Farrens

Slide Layout

The default layout for content slides.

  • Supports bold, italic, and inline code
  • Fragment items appear one at a time on click
  • Use layout: slide in the front matter
Split Layout — Image Right

Use align: left to place content on the left with an image on the right.

  • Judge you by your size, do not
  • Luminous beings are we
  • Do or do not — there is no try
Split Layout — Image Left

Use align: right to place the image on the left with content on the right.

  • Never tell me the odds
  • I know
  • Punch it, Chewie
Background Graphic

Setting graphic without align renders the image as a background.

The Force will be with you, always.

Code Blocks

Rouge syntax highlighting with language labels and a copy button.

def greet(name: str) -> str:
    return f"May the Force be with you, {name}"

print(greet("Luke"))
Graphic Layout — Single Image
Figure 1
Graphic Layout — Two Images
Figure 1
Figure 2
Graphic Layout — Four Images
Figure 1
Figure 2
Figure 3
Figure 4
Graphic Layout — With Caption
Figure 1
Figure 2

Yoda and R2-D2 — two of the galaxy's most reliable companions

Font Size Reference

Heading 1 — 2em

Heading 2 — 1.5em

Heading 3 — 1.2em

Heading 4 — 0.95em

Heading 5 — 0.95em, muted italic

Body paragraph — the default size used for regular slide content, explanations, and running text.

  • Fragment list item — same size as body text
  • Second fragment item, revealed on click

Muted inline code, bold emphasis, and italic emphasis at body size for comparison.