Continuo con la mia sperimentazione e oggi descrivo come introdurre una presentazione in un post.

Revealjs ¶

Cominciamo da qui

Preparare una presentazione in markdown e poi darla in pasto a Revealjs è semplice, ma può essere arricchita secondo le esigenze. Rimando al sito ufficiale per esplorarne tutte le potenzialità.

Prendiamo l’esempio classico di presentazione con revealjs.

---
title: "Habits"
author: "John Doe"
format:
  revealjs: 
    slide-number: true
    preview-links: auto
    embed-resources: true
    self-contained-math: true
---

# In the morning

## Getting up

- Turn off alarm
- Get out of bed

## Breakfast

- Eat eggs
- Drink coffee

# In the evening

## Dinner

- Eat spaghetti
- Drink wine

## Going to sleep

- Get in bed
- Count sheep

In Quarto, dopo aver scritto la presentazione, dobbiamo trasformarla in un file html con quarto render nome-del-file.qmd. Notare le due ultime righe dell’intestazione yaml.

In questo caso la compilazione della presentazione va fatta fuori dal progetto del blog(almeno a me così funziona) e poi copiato il file nome-del-file.html nella cartella del post.¹

Il file nome-del-file.html lo inserisco tra tag <iframe>...</iframe>.

<iframe class="slide-deck" width="800" height="600" src="slides.html"></iframe>

E ecco la presentazione inclusa nel post.

Beamer ¶

Per una presentazione con Beamer è meglio usare un link al file pdf. Anche se ha poco senso un pdf in un ambiente html.

Beamer

Ricordiamoci che dallo stesso file qmd è possibile ottenere output in formati diversi grazie a pandoc. Per es.:

---
title: "Habits"
format:
  revealjs: 
    slide-number: true
    chalkboard: 
      buttons: false
    preview-links: auto
  beamer: 
    incremental: true
---

e poi da linea di comando quarto render --to revealjs,beamer per ottenere i file definitivi.