Revealjs embedded
Come inserire una presentazione reveal.js
Riprendo il discorso lasciato in sospeso nel precedente post per mostrare un altro metodo di inserimento di una presentazione in un post. Non che la procedura già illustrata non vada bene, ma si può ottenere qualcosa di più accattivante, anche se il principio che il contenuto della esposizione sia più importante dell’aspetto di una slide è sempre valido, in un sito statico una presentazione un po’ più movimentata ci può star bene. Certo si potrebbe inserire un filmato o una traccia audio, ma questa ipotesi la lasciamo per un’altra occasione. L’altro caso d’uso potrebbe essere quello di avere una raccolta personale di presentazioni con del testo a commento e approfondimento.
In un sito statico come questo i post sono scritti in markdown e trasformati in html, che mi sembra un modello al momento vincente e che vale la pena di replicare anche per produrre presentazioni. Per mantenere anche una certa modularità nella procedura, così da consentire modifiche e transizioni qualora ve ne fosse bisogno in futuro, suggerisco di utilizzare Pandoc che offre conversioni e output nei formati:
Da molti anni la mia preferenza va a reveal.js, perché mi consente di portarmi dietro una chiavetta USB con una presentazione in html da poter leggere su qualsiasi macchina, indipendentemente dal sistema operativo.
reveal.js is an open source HTML presentation framework. It’s a tool that enables anyone with a web browser to create fully-featured and beautiful presentations for free.
Vediamo in pratica cosa fare per inserire una presentazione in un sito generato da Hugo basato su un tema generalista.1 Andate con il cursore sulla presentazione e fate un click e spingete il tasto f sulla tastiera, oppure o, .. s.
Per inserire la presentazione nel post usare questo codice
<iframe
src="/presentazioni/nome-della-presentazione/"
width="100%"
height="500px"
frameborder="0">
</iframe>
Per ogni presentazione ripetere la procedura. Può essere creata una section in content per raccogliere i post delle presentazioni.
Spero che quanto scritto sia chiaro e utile a qualcuno.
-
esistono temi con reveal.js incorporato. ↩︎