120 lines
2.7 KiB
Org Mode
120 lines
2.7 KiB
Org Mode
#+Title: Template für Revealjs Präsentationen
|
|
# Author: author
|
|
#+Email: 1234234
|
|
#+EXPORT_EMAIL: 123123123
|
|
# REVEAL_ROOT: https://cdn.jsdelivr.net/npm/reveal.js
|
|
#+REVEAL_ROOT: file:///path/to/reveal/directory/reveal.js
|
|
# OPTIONS: num:nil toc:nil
|
|
#+REVEAL_TRANS: fade
|
|
#+REVEAL_THEME: dracula
|
|
#+OPTIONS: reveal_single_file:t num:nil
|
|
# REVEAL_PLUGINS: (highlight)
|
|
# REVEAL_HIGHLIGHT_CSS: dracula.css
|
|
# REVEAL_HIGHTLIGHT_CSS: "%r/plugin/highlight/dracula.css"
|
|
|
|
* Slide mit Speaker Notes
|
|
#+BEGIN_NOTES
|
|
- mit 'o' eine Übersicht über alle Slides.
|
|
- mit 'f' Fullscreen modus.
|
|
- '?' für alle Keybinds.
|
|
#+END_NOTES
|
|
Speaker Notes können mit 's' aktiviert werden
|
|
1. Slide Übersicht
|
|
2. Fullscreen
|
|
* Slide mit tabelle
|
|
| a | b | c |
|
|
|------+------+----------|
|
|
| 1 | 2 | 3 |
|
|
| test | TEST | TEST1234 |
|
|
|
|
* iframe
|
|
:PROPERTIES:
|
|
:reveal_background_iframe: https://slides.com
|
|
:reveal_background: rgb(0,0,0)
|
|
:reveal_background_opacity: 0.1
|
|
:END:
|
|
iframe test
|
|
|
|
* Bild mit fester breite und rechtem alignment
|
|
#+BEGIN_COMMENT
|
|
ATTR_HTML: :width 300px :align right
|
|
#+END_COMMENT
|
|
#+ATTR_HTML: :height 300px :align right
|
|
[[./a.jpg]]
|
|
- Punkt mit Text
|
|
- noch ein Punkt
|
|
|
|
|
|
#+BEGIN_COMMENT
|
|
#+ATTR_REVEAL: :frag (grow shrink roll-in fade-out none) :frag_idx (4 3 2 1 -)
|
|
* I will grow.
|
|
* I will shrink.
|
|
* I rolled in.
|
|
* I will fade out.
|
|
* I don't fragment.
|
|
#+END_COMMENT
|
|
* Punkte mit Animation
|
|
some text
|
|
#+ATTR_REVEAL: :frag (fade-in-then-semi-out fade-in-then-semi-out fade-in-then-semi-out):frag_idx (1 2 3 -)
|
|
* a
|
|
* b
|
|
* c
|
|
|
|
* Slide mit Hintergrundbild
|
|
:PROPERTIES:
|
|
:reveal_background: ./a.jpg
|
|
:reveal_background_size: cover
|
|
:reveal_background_trans: slide
|
|
:reveal_background_position: 50% 75%
|
|
:reveal_background_opacity: 1
|
|
:END:
|
|
|
|
* Code mit Animation
|
|
:PROPERTIES:
|
|
:REVEAL_EXTRA_ATTR: data-auto-animate data-transition:'none'
|
|
:END:
|
|
|
|
#+ATTR_REVEAL: :data_id foo
|
|
#+begin_src js
|
|
let index = 1
|
|
#+end_src
|
|
|
|
** Code mit Animation
|
|
:PROPERTIES:
|
|
:REVEAL_EXTRA_ATTR: data-auto-animate data-transition='none'
|
|
:END:
|
|
|
|
|
|
#+ATTR_REVEAL: :data_id foo
|
|
#+begin_src js
|
|
let index = 1
|
|
let value = 2
|
|
#+end_src
|
|
|
|
** Code mit Animation
|
|
:PROPERTIES:
|
|
:REVEAL_EXTRA_ATTR: data-auto-animate data-transition 'none'
|
|
:END:
|
|
|
|
|
|
#+ATTR_REVEAL: :data_id foo :code_attribs data-line-numbers='3'
|
|
#+begin_src js
|
|
let index = 1
|
|
let value = 2
|
|
let test = 69
|
|
#+end_src
|
|
|
|
* Code mit Zeilennummern
|
|
#+ATTR_REVEAL: :code_attribs data-line-numbers='3'
|
|
#+BEGIN_SRC bash -n 0 :highlight lines 3
|
|
for i in $(seq 0 255);
|
|
do
|
|
ping -W 0.016 -q -c 1 $1$i 2>/dev/null| grep -i "stat" -A 1 | grep -v "0 " -B 1
|
|
done
|
|
#+END_SRC
|
|
|
|
* Vielen Dank fürs Zuhören!
|
|
|
|
|
|
gibt es noch Fragen?
|