Skip to content

Cheat sheet ​

One line per slide type. Each line is an alternative to put on its own slide: do not stack them on the same slide.

md
<!-- _class: title color-2 branded -->
<!-- _class: toc with-title -->
<!-- _class: chapter color-1 -->
<!-- _class: callout color-2 -->
<!-- _class: content with-title -->
<!-- _class: content cols-2 cards with-title small -->
<!-- _class: content image-text-80 with-title with-legend fit -->
<!-- _class: content text-image-60 with-title bg -->
<!-- _class: content image-fit fit with-title -->
<!-- _class: content image-full bg with-title with-legend -->
<!-- _class: content gallery cols-3 bg with-title -->
<!-- _class: content gallery-bento bg with-title -->
<!-- _class: content timeline cols-4 cards with-title small -->
<!-- _class: content timeline-vertical with-title small -->
<!-- _class: content chart-wide with-title with-legend -->
<!-- _class: closing color-2 branded -->

Expected structures ​

CompositionExpected Markdown
cols-N> groups separated by <!-- -->
image-text-N, text-image-NAn image alone in its paragraph + a > block
image-fit, image-fullA single image
galleryOne image per paragraph
gallery-bentoExactly six images, one per paragraph
timeline, timeline-verticalA numbered list, labels in bold
chart-wideTwo > groups, then an image or a table
with-titleA # at the top of the slide
with-legendA separate final paragraph

Presentation skeleton ​

md
---
marp: true
theme: DWA
paginate: true
---

<!-- _class: title color-2 branded -->

# Title

## Subtitle

Author · date

---

<!-- _class: toc with-title -->

# Contents

1. Part one
2. Part two

---

<!-- _class: chapter color-1 -->

# 01

## Part one

---

<!-- _class: content with-title -->

# An idea

A paragraph.

---

<!-- _class: closing color-2 branded -->

# Thank you

Documentation of the DWA Core v1 language, the VS Code extension, the CLI and the theme portal.