~~REVEAL theme=sky&transition=zoom&controls=1&show_progress_bar=1&build_all_lists=0&show_image_borders=1&horizontal_slide_level=2&enlarge_vertical_slide_headers=1&show_slide_details=1&auto_slide=0&loop=0~~

{{background>linear-gradient(135deg, #667eea 0%, #764ba2 100%)}}
====== 🚀 Reveal.js Plugin Demo ======
**Die ultimative Präsentations-Power für DokuWiki**

satware AG | wiki.satware.com

*Drücken Sie die Pfeiltasten zur Navigation*

<notes>
Willkommen zur ultimativen Reveal.js Demo!
Diese Präsentation zeigt alle verfügbaren Features.
Verwenden Sie die Pfeiltasten oder klicken Sie für Navigation.
</notes>

{{background>#1e3c72}}
===== 🎯 Was Sie erwartet =====

  * **Themes & Übergänge** - Visuelle Perfektion
  * **Fragmente & Animationen** - Schrittweise Enthüllung  
  * **Hintergründe & Medien** - Beeindruckende Visuals
  * **Interaktive Features** - Sprecher-Notizen & mehr
  * **Alternative Syntax** - Erweiterte Kontrolle
  * **Best Practices** - Professionelle Tipps

<notes>
Agenda-Überblick:
- 6 Hauptbereiche werden demonstriert
- Jeder Bereich hat mehrere Unterfolien
- Achten Sie auf die verschiedenen Übergänge
</notes>

---- #ff6b6b bg-zoom ---->

====== 🎨 Themes & Übergänge ======

**Aktuelles Theme:** Sky
**Aktueller Übergang:** Zoom

<notes>
Wir verwenden das Sky-Theme mit Zoom-Übergängen.
Beachten Sie die sanften Animationen zwischen den Folien.
</notes>

<----

{{background>#4ecdc4}}
==== Verfügbare Themes ====

  * **Dunkel:** black, night, blood
  * **Hell:** white, beige, simple
  * **Farben:** sky, league, moon
  * **Speziell:** solarized, dokuwiki

==== Übergangs-Effekte ====

  * **none** - Kein Übergang
  * **fade** - Sanftes Ein-/Ausblenden
  * **slide** - Schiebe-Effekt
  * **convex** - Konvexer Übergang
  * **concave** - Konkaver Übergang
  * **zoom** - Zoom-Effekt (aktuell)

<notes>
Themes können per Parameter oder in der Konfiguration geändert werden.
Übergänge können global oder pro Folie definiert werden.
</notes>

---- #ff9ff3 bg-slide ---->

====== ✨ Fragmente & Animationen ======

<fragment>Erstes Fragment erscheint...</fragment>

<fragment>...dann das zweite...</fragment>

<fragment>...und schließlich das dritte!</fragment>

<notes>
Fragmente ermöglichen schrittweise Enthüllung von Inhalten.
Perfekt für Aufbau von Spannung und fokussierte Aufmerksamkeit.
</notes>

<----

==== Fragment-Stile ====

<fragment style="fade-in">Fade In</fragment>

<fragment style="zoom-in">Zoom In</fragment>

<fragment style="highlight-red">Highlight Red</fragment>

<fragment style="current-visible">Current Visible</fragment>

==== Fragment-Blöcke ====

<fragment-block>
=== Kompletter Block ===
  * Alle Elemente
  * Erscheinen zusammen
  * Als eine Einheit
</fragment-block>

<notes>
Verschiedene Fragment-Stile für unterschiedliche Effekte.
Fragment-Blöcke für zusammengehörige Inhalte.
</notes>

==== Listen-Fragmente ====

<fragment-list>
  * Punkt 1 (einzeln)
  * Punkt 2 (einzeln)  
  * Punkt 3 (einzeln)
</fragment-list>

<no-fragment-list>
  * Alle Punkte
  * Erscheinen sofort
  * Trotz globaler Einstellung
</no-fragment-list>

<notes>
Listen können schrittweise oder komplett angezeigt werden.
Kontrolle über globale und lokale Einstellungen.
</notes>

---- linear-gradient(45deg, #ff9a9e 0%, #fecfef 50%, #fecfef 100%) bg-fade ---->

====== 🖼️ Hintergründe & Medien ======

**Dieser Hintergrund:** Linearer Gradient
**Übergang:** Background Fade

<notes>
Hintergründe können Farben, Bilder oder Gradienten sein.
Background-Übergänge unabhängig von Folien-Übergängen.
</notes>

<----

{{background>:wiki:dokuwiki-128.png center contain}}
==== Bild-Hintergründe ====

**Aktuell:** DokuWiki Logo
**Position:** Zentriert
**Größe:** Contain (vollständig sichtbar)

==== Bild-Parameter ====

  * **Größe:** 10%, 250px, auto, contain, cover
  * **Position:** top, bottom, left, right, center
  * **Wiederholung:** repeat (Standard: no-repeat)

<notes>
Bilder können aus dem DokuWiki Media-Manager verwendet werden.
Flexible Positionierung und Größenanpassung möglich.
</notes>

{{background>#2c3e50}}
===== 🎉 Demo-Zusammenfassung =====

<fragment-block>
==== Was Sie gesehen haben: ====
  * **11 verschiedene Themes** verfügbar
  * **6 Übergangs-Effekte** demonstriert
  * **8 Fragment-Stile** gezeigt
  * **Multimedia-Integration** erklärt
  * **Alternative Syntax** vorgestellt
  * **Best Practices** vermittelt
</fragment-block>

<notes>
Zusammenfassung aller demonstrierten Features.
Vollständige Abdeckung der Plugin-Funktionalität.
</notes>

===== 📋 Nächste Schritte =====

<fragment>📖 **Dokumentation:** [[wiki:syntax#reveal_js_slideshow_plugin]]</fragment>

<fragment>🔧 **GitHub:** [[https://github.com/neuralyzer/dokuwiki-plugin-revealjs]]</fragment>

<fragment>💡 **Eigene Präsentation:** Jetzt selbst ausprobieren!</fragment>

<fragment>🎯 **Support:** satware AG Team steht zur Verfügung</fragment>

<notes>
Nächste Schritte für die Teilnehmer:
- Dokumentation studieren
- GitHub Repository besuchen
- Eigene Präsentationen erstellen
- Bei Fragen das Team kontaktieren
</notes>

{{background>linear-gradient(135deg, #667eea 0%, #764ba2 100%)}}
===== 🚀 Vielen Dank! =====

**Reveal.js + DokuWiki = Präsentations-Power!**

*Diese Demo zeigt nur einen Bruchteil der Möglichkeiten*

**Fragen? Feedback? Eigene Ideen?**

**satware AG** | **wiki.satware.com** | **Made with ❤️ in Worms**

<notes>
Ende der Demo-Präsentation.
Alle wichtigen Features wurden demonstriert.
Bereit für eigene Experimente!
</notes>