Präsentationen

## Autorensystem
auf Basis von 
<h4>Python 3.11,  Gunicorn, Django CMS 5.06 , Reveal.js, NodeJS 24.x , Apache 2, Postgresql 16</h4>

Willkommen!  
---
### Jetzt eigene Präsentation erstellen, einloggen und live* gehen

* *Eingeloggte Nutzer übernehmen direkt die Kontrolle
 * Superuser kann Präsentation als Startseite setzen
 * Präsentation gestalten mit Themeauswahl und Tailwind-Klassen 
---
 * Im Strukturmodus einmalig das PlugIn "Reveal Präsentation" hinzufügen 
 * Im Bearbeitungsmodus reicht ein Doppelklick, 
    um Werte zu ändern 
 * Akzeptiert Markdown-Eingabe
---
> Code Highlighting zeigen

And **bold**, *italics*, and even *italics and later **bold***. Even ~~strikethrough~~. [A link](https://hs-emden-leer.de) to somewhere.
---

Die Webseite der Hochschule Emden-Leer
besuchen: 
<a href="https://www.hs-emden-leer.de/" data-preview-link="">Jetzt anschauen</a>

---

And code highlighting:

```js
var foo = 'bar';

function baz(s) {
   return foo + ':' + s;
}
```
---
Inline code

`var foo = 'bar';`.

---
Bilder

> ![bears](https://placebear.com/cache/145-300.jpg)
Ein Bär.

---
### HTML direkt in Markdown verwenden

#### Überschriften
    'h1', 'h2', 'h3', 'h4', 'h5', 'h6'

#### Layout
    'ul', 'ol', 'li', 'br', 'hr','div'
    'table', 'tbody', 'tr', 'td','section'
    'p', 'br', 'span'
    #### Text
    'strong', 'em',  'blockquote', 'code', 'pre', 'a'
    ####  Bild
    'img'

---
### CSS direkt in HTML verwenden 
    'color', 'background-color', 'background',
    'border', 'border-radius',
    'font-style', 'font-weight', 'font-size',
    'text-align', 'text-decoration',
    'width','height', 'max-height', 'max-width', 'margin', 'margin-top', 'margin-bottom',
    'margin-left', 'margin-right', 'padding', 'padding-top',
    'padding-bottom', 'padding-left', 'padding-right',
    'overflow', 'overflow-x', 'overflow-y',
    'position', 'display', 'visibility', 'content-fit', 'float', 'flex', 'place-items', 'justify-content',
    'zoom', 'opacity', 'transition',

---

### Vertikale Folien mit section Tag

*  Möglich sind folgende Attribute für das HTML 'section'-Tag: 
             ['class', 'style',
                'data-background',
                'data-background-color'
                'data-background-image',
                'data-background-video',
                'data-background-size',
                'data-transition']
---
### Troubleshoot:
#### Vertikale Folien:

Trenner in Markdown für neuen vertikalen Folienabschnitt ist "--"
* Darf kein Leerzeichen enthalten "-- "

---
### Troubleshoot: 
#### Horizontale Folien:

Trenner in Markdown für neuen Folienabschnitt ist "---"
* Darf kein Leerzeichen enthalten "--- "

---
Konzeption und Umsetzung

> ![Beschreibung](/media/workspaces/uploads/Signatur.png)