#+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?