Html-presentaties met markdown en reveal-js
Soms mag het eens wat anders zijn... Presentaties maak je al je leven lang met LibreOffice Impress. Dan mocht het wat spannender met de PDF-presentaties die je maakt met de beamer-class van LaTeX ;-). En uiteraard ben je nooit begonnen met prezi maar heb je SVG-presentaties gemaakt met sozi (http://sozi.baierouge.fr) : drie verschillende uitvoerformaten (Libreoffice, pdf, svg) en zijn bewerkers op een rij.
Natuurlijk is er ook nog 'gewone' HTML. Presentaties maken was niet altijd evident. Gelukkig zijn er een paar mooie javascript-classes ontwikkeld om heel wat werk uit handen te geven. Een mooi overzicht vind je hier: https://www.sitepoint.com/5-free-html5-presentation-systems/
Mijn voorkeur gaat uit naar Reveal.js. Een voorbeeld vind je hier:
http://lab.hakim.se/reveal-js/#/1 . Prachtig maar hoe kun je het simpel houden om dit aan te maken en zonder een beroep te moeten doen op de online editor?
Het blijkt heel eenvoudig te zijn met markdown (dit is een gewoon tekstbestand maar met markdown-syntax) en pandoc.
Kijk even naar het voorbeeld op
http://wcm1.web.rice.edu/slides/onlinepub.html#/online-publishing
En zie wat de markdown code hiervoor is op: http://wcm1.web.rice.edu/slides/onlinepub.txt
Het enige wat je nu nog nodig hebt is pandoc om dit om te zetten.
Volg eerst de richtlijnen op https://github.com/jgm/pandoc/wiki/Using-pandoc-to-produce-reveal.js-slides en dan kun je met het commando:
pandoc -t revealjs --slide-level 1 --transition convex -s -V theme=beige -o test.html test.md
... al een heel mooie presentatie maken.
Natuurlijk is er ook nog 'gewone' HTML. Presentaties maken was niet altijd evident. Gelukkig zijn er een paar mooie javascript-classes ontwikkeld om heel wat werk uit handen te geven. Een mooi overzicht vind je hier: https://www.sitepoint.com/5-free-html5-presentation-systems/
Mijn voorkeur gaat uit naar Reveal.js. Een voorbeeld vind je hier:
http://lab.hakim.se/reveal-js/#/1 . Prachtig maar hoe kun je het simpel houden om dit aan te maken en zonder een beroep te moeten doen op de online editor?
Het blijkt heel eenvoudig te zijn met markdown (dit is een gewoon tekstbestand maar met markdown-syntax) en pandoc.
Kijk even naar het voorbeeld op
http://wcm1.web.rice.edu/slides/onlinepub.html#/online-publishing
En zie wat de markdown code hiervoor is op: http://wcm1.web.rice.edu/slides/onlinepub.txt
Het enige wat je nu nog nodig hebt is pandoc om dit om te zetten.
Volg eerst de richtlijnen op https://github.com/jgm/pandoc/wiki/Using-pandoc-to-produce-reveal.js-slides en dan kun je met het commando:
pandoc -t revealjs --slide-level 1 --transition convex -s -V theme=beige -o test.html test.md
... al een heel mooie presentatie maken.