Markdown naar slides

De slide-syntaxis

# Openingsslide

Ondertiteltekst hier

---

## Tweede slide

- Opsomming één
- Opsomming twee
- Opsomming drie

Note: dit zijn sprekernotities die alleen zichtbaar zijn in presentatiemodus.

---

## Codeslide

\`\`\`python
def hello(name):
    return f"Hi {name}"
\`\`\`

• --- (drie streepjes op een eigen regel) start een nieuwe horizontale slide.
• -- (twee streepjes) start een verticale slide binnen de huidige slidekolom, druk op de pijl omlaag om af te dalen.
• Note: aan het begin van een alinea wordt een sprekernotitie.

Toetsenbordnavigatie

Lay-outtrucs

• Tweekolomslay-out: gebruik ruwe HTML binnen een slide, <div class="columns">...</div>.
• Fragmenten tonen: opsommingslijsten verschijnen één voor één met het {.fragment}-attribuut wanneer je Reveal.js rechtstreeks gebruikt. Voeg het als ruwe HTML toe indien nodig.
• Achtergrondafbeeldingen: het attribuut op slideniveau <!-- .slide: data-background="url" --> stelt een schermvullende achtergrond in.
• Automatisch animeren tussen slides: Reveal 4 ondersteunt vloeiende overgangen voor overeenkomende elementen, schakel dit in bij de thema-instellingen.

Exporteren naar PDF

Open vanuit de live voorvertoning ?print-pdf in de URL van je browser en gebruik het afdrukvenster van de browser. Kies A4 liggend, achtergrondafbeeldingen aan, marges minimaal. Reveal.js geeft één slide per pagina uit, met sprekernotities op optionele extra pagina’s.

Wanneer op Markdown gebaseerde slides uitblinken

• Technische talks met veel codevoorbeelden.
• Op inhoud gerichte decks waar de lay-out secundair is.
• Docs-als-slides, bewaar presentaties naast de README van het project in git.
• Onder versiebeheer staand trainingsmateriaal.

Wanneer niet

• Ontwerpzware keynotes met exacte plaatsing van afbeeldingen.
• Slides die complexe animaties of getimede ingebedde video nodig hebben.
• Door het merk gestuurde decks waar sjablonen elk detail voorschrijven.