class: center, middle ## Präsentationen mit # remark ### Hauke Goos-Habermann #### https://goos-habermann.de --- ### Über mich - Entwickler des
Softwareverteilungssystems m23
- Organisator der
Kieler Open Source und Linux Tage
-
Dienstleister zu m23, Linux und Freier Software
- Softwareentwicklung (PHP, BASH, C/C++, JS, Python und was sonst so gebraucht wird...) - Administration - Schulungen - Support - Beratung - quasi **alles**, *was mit Linux zu tun hat* - Wöchentlicher Livestream *"Jean und Hauke Show"* auf https://www.youtube.com/c/LinuxGuides - Community-Video-Serie *"Nicht der Weisheit letzter Schluß"* auf
tube.tchncs.de
und
YouTube
mit **beruflichen** oder **privaten Projekten** - Verwendet remark für seine Präsentationsfolien (z.B. in den Videos von "Nicht der Weisheit letzter Schluß") --- ### remark? * **JavaScript**, das **in HTML** eingebunden wird * Mit **Markdown** werden Folien und Inhalte beschrieben * Zum **Formatieren** können Markdown und HTML-Tags (gleichzeitig) verwendet werden * Mit eigenem **CSS** kann das Aussehen angepaßt werden * Als **lokale Datei** (kein Server benötigt) öffnen oder über **Webserver*+ bereitstellen * MIT-Lizenz --- ### Informationen und Downloads * remark-Slideshow: https://remarkjs.com * Download: https://github.com/gnab/remark * JavaScript: http://remarkjs.com/downloads/remark-latest.min.js * Alternative: https://remark.js.org/ * Download: https://github.com/remarkjs/remark * Plugins: https://github.com/remarkjs/remark/blob/HEAD/doc/plugins.md --- ### Einbinden ![img80](einbinden.png) --- ### Formatierungsbeispiele Markdown: ```html _kursiv 1_ oder *kursiv 2* **fett** ***fett und kursiv*** * Liste * Element 1 * Element 2 * Unterpunkt ``` Ergebnis: _kursiv 1_ oder *kursiv 2* **fett** ***fett und kursiv*** * Liste * Element 1 * Element 2 * Unterpunkt --- ### Aufzählung mit Nummerierung Markdown: ```html 1. Eins 2. Zwei 1. Eins unter Eins 2.
Zwei
Drei ``` Ergebnis: 1. Eins 2. Zwei 1. Eins unter Eins 2.
Zwei
Drei --- ### Bilder CSS: ```css img[alt=img20r]{ float: right; padding-left: 2em; width: 20%; } ``` Markdown: ```html ![img20r](einbinden.png) ![img33l](einbinden.png) ``` Ergebnis: ![img20r](einbinden.png) ![img33l](einbinden.png) --- ### Überschriften Markdown: ```html # Überschrift 1 ## Überschrift 2 ### Überschrift 3 ``` Ergebnis: # Überschrift 1 ## Überschrift 2 ### Überschrift 3 --- ### Links Markdown: ```html * **FreeRADIUS**, nicht nur im Zusammenspiel mit FreeIPA *
(Free)RADIUS-Grundlagen
*
FreeRADIUS mit FreeIPA verwenden
https://goos-habermann.de/weisheit-10045-FreeRADIUS-Grundlagen ``` Ergebnis: * **FreeRADIUS**, nicht nur im Zusammenspiel mit FreeIPA *
(Free)RADIUS-Grundlagen
*
FreeRADIUS mit FreeIPA verwenden
https://goos-habermann.de/weisheit-10045-FreeRADIUS-Grundlagen --- ### Folien Typische Folie: ```html ### Überschrift Alles * was auf die * Seite soll --- ``` Start- und Verabschiedungsfolie ```html class: center, middle ## Präsentationen mit # remark ### Hauke Goos-Habermann #### https://goos-habermann.de --- ``` --- ### Syntaxhervorherbung Markdown: ![img80](html-syntaxhervorhebung.png) Ergebnis: ```html ``` --- ### Seitenverhältnis ```html var slideshow = remark.create({ratio: "16:9"}); ``` --- ### Abonniert Haukes Kanal! ![img80](../../gfx/ndwls-logo.png) Hier gibt es Videos zu **beruflichen** und **privaten Projekten** aus dem Linux- und OpenSource-Bereich. ⇓⇓⇓
Links stehen unten in der Videobeschreibung.
⇓⇓⇓ --- class: center, middle ### Informationen zu mir und meinen Dienstleistungen, m23, ... ### https://goos-habermann.de