Vierter Advent 2020 – Die Präsentation mit reveal.js abschließen

Titelbild Advent 4Titelbild Advent 4

Unsere einfache Präsentation ist soweit fertig. Das Design kann jeder selbst bestimmen und die Gestaltungsmöglichkeiten sind nahezu unbegrenzt.  

Zum Abschluss wollen wir noch zwei Sachen einbauen: die Anzeige der Nummerierung der Seiten und Notizen für den Sprecher einblenden. 

 

Nummerierung der Folien 

Wir möchten die aktuelle Nummer und die Gesamtzahl aller Folien – sowohl der horizontalen wie auch der vertikalen – anzeigen.   

Dazu fügen wir in index.html einfach nur die Anweisung  

Bild von Code

in Reveal.initialize(…) ein. Sofort siehst du die gewünschte Nummerierung. 

Notizen für den Präsentator 

In der Datei index.html, und dort in Reveal.initialize(…) findest du die eingebundenen Plugins. RevealMarkdown erlaubt uns beispielsweise die Arbeit mit Markdown-Dateien. Um Notizen für den Vortragenden zu hinterlegen, benutzen wir das Plugin RevealNotes. 

Die Notizen selbst fügen wir in die jeweilige Markdown-Datei ein. Du kannst der entsprechenden section den Marker zuweisen. Das geschieht per data-separator-notes (analog zur Vorgehensweise im vorherigen Teil der Serie für data-separator). Standardmäßig ist der Wert auf  

Bild von Code

festgelegt und diesen benutzen wir. 

Wir fügen in die gewünschte Markdown-Datei z.B., folgendes ein:

Bild von Code

Wenn wir jetzt die geänderte Folie öffnen und auf der Tastatur S drücken, geht ein kleines Fenster mit den Notizen, der Vorschau auf die nächste Folie und einer Uhr auf… 

Docker Cheat Sheet

Es ist spät geworden… Machen wir Schluss.

Inhaltsverzeichnis