LiaScript CheetSheet

Überschriften

# Überschrift 1
## Überschrift 2
### Überschrift 3
#### Überschrift 4
##### Überschrift 5
###### Überschrift 6

Texthervorhebungen

_kursiv_ auch *kursig*
__fett__ auch __fett__
___kursiv___ und ***fett***

~durchgestrichen~
~~unterstrichen~~
~~~durch- & unterstrichen~~~

^hochgestellt^

`unformatierter Code`

Textblock

Einfache Blöcke/Absätze werden durch
Leerzeilen voneinander getrennt.

> Blöcke mit einem vorangestellten `>`
> werden hervorgeboben dargestellt.

Listen

* Ungeordnete Listen werden mit einem
  vorangestellten `*`, `+` oder `-`
  markiert

  Und können mehrere Absätze enthalten.

* Liste mit Unterpunkten:

  - Es ist egal ob `-`
  + oder `+`
  * oder `*` vorangestellten surden

1. Sortierte Listen werden mit einer
   vorangestellten Zahl markiert:

2. Unterpunkten können auch sortierte
   oder unsortierte Listen sein:

   + Punkt 1
   + Punkt 2

Trenner

Horizontale Linien werden durch min. 3
aufeinander folgende `---` definiert:

---

Beide Linien werden gleich dargestellt.

--------------------------------------

Verweise

Links

* unformatiert: https://LiaScript.github.io

* formatiert:

  + Externe Webseiten:
    - [name](https://...)
    - [name](https://... "titel")

  + Intern im Dokument:
    - [name](#Links) <-- Markdown-Überschrift
    - [name](#Links "titel")
    - [name](#12)    <-- Slide-Nummer
    - [name](#12 "titel")

Bilder

Verweis auf Externe Bilder:

![alt](https://...)
![alt](https://... "titel")

Projektinterne Bilder:

![alt](/pic/image.jpg)
![alt](/pic/image.jpg "titel")

Audio

Verweis auf Externe Audio-Dateien:

?[alt](https://soundcloud...)
?[alt](https://....mp3 "titel")

Projektintern:

?[alt](/sound.mp3)
?[alt](/sound.mp3 "titel")

Filme

Verweis auf Externe Filme:

!?[alt](https://youtube...)
!?[alt](https://....avi "titel")

Projektintern:

!?[alt](/movie.mp4)
!?[alt](/movie.mp4 "titel")

LiaScript

[preview-lia](https://...README.md)

Formeln

Hierfür wird KaTeX verwendet.

Textinterne Formeln: $ f(a,b,c) = (a^2+b^2+c^2)^3 $

Eigenständige Blöcke:

$$
   \sum_{i=1}^\infty\frac{1}{n^2}
        =\frac{\pi^2}{6}
$$

Effekte

Animationen

Blöcke {{in(-out)}}

             {{1}}
Dieser Block erscheint als erster.

{{2-3}} Dieser Block als zweiter und
verschwindet bei drei.

Micro-Animationen {in(-out)}{content}

             {{1}}
beliebige Markdown-Blöck und "Makro"-Animationen
können weiter {2-3}{_Micro-Anmationen_} enthalten.
Die Reihenfolge wird nur durch die {2}{Zahlen}
definiert

Multi-Block-Animationen

             {{1}}
*********************************
Mehrere Blöcke können auch mit
Sternchen abgegrenzt werden.

Und weitere {2}{Elemente} enthalten.

...
*********************************

Sprachausgabe --{{number}}--

          --{{1}}--
Dieser ganze Absatz wird mit der default-Stimme
bei **Animationsschritt 1** mit der vorgelesen.

    --{{2 US English Male}}--
This test will be spoken out loud in English.

Verborgene Sprachausgabe

<!-- --{{1}}--
Dieser ganze Absatz wird nur vorgelesen, taucht
aber im Textbuch-Modus nicht auf!
-->

Liste aller Sprachen

Siehe auch: https://responsivevoice.org

| Female | Male | | ----------------------------- | --------------------------- | | UK English Female | UK English Male | | US English Female | US English Male | | | Afrikaans Male | | | Albanian Male | | Arabic Female | Arabic Male | | | Armenian Male | | Australian Female | Australian Male | | Bangla Bangladesh Female | Bangla Bangladesh Male | | Bangla India Female | Bangla India Male | | | Bosnian Male | | Brazilian Portuguese Female | Brazilian Portuguese Male | | | Catalan Male | | Chinese Female | Chinese Male | | Chinese (Hong Kong) Female | Chinese (Hong Kong) Male | | Chinese Taiwan Female | Chinese Taiwan Male | | | Croatian Male | | Czech Female | Czech Male | | Danish Female | Danish Male | | Deutsch Female | Deutsch Male | | Dutch Female | Dutch Male | | | Esperanto Male | | | Estonian Male | | Filipino Female | | | Finnish Female | Finnish Male | | French Canadian Female | French Canadian Male | | French Female | French Male | | Greek Female | Greek Male | | Hindi Female | Hindi Male | | Hungarian Female | Hungarian Male | | | Icelandic Male | | Indonesian Female | Indonesian Male | | Italian Female | Italian Male | | Japanese Female | Japanese Male | | Korean Female | Korean Male | | Latin Female | Latin Male | | | Latvian Male | | | Macedonian Male | | Moldavian Female | Moldavian Male | | | Montenegrin Male | | Nepali | Nepali | | Norwegian Female | Norwegian Male | | Polish Female | Polish Male | | Portuguese Female | Portuguese Male | | Romanian Female | Romanian Male | | Russian Female | Russian Male | | | Serbian Male | | | Serbo-Croatian Male | | Sinhala | Sinhala | | Slovak Female | Slovak Male | | Spanish Female | Spanish Male | | Spanish Latin American Female | Spanish Latin American Male | | | Swahili Male | | Swedish Female | Swedish Male | | Tamil Female | Tamil Male | | Thai Female | Thai Male | | Turkish Female | Turkish Male | | Ukrainian Female | | | Vietnamese Female | Vietnamese Male | | | Welsh Male |

Bedingte Sprachausgabe {{|>}} oder {{!>}}

                  {{|>}}
Dieser ganze Absatz wird mit der default-Stimme
vorgelesen, wenn der Nutzer auf Play klickt.

                  {{|> Deutsch Male}}
Micro-Animationen {1}{können} den gelesenen Text
verändern sowie bedingte {|>}{*Micro-*}Ausgaben.

                  {{!> 1-3}}
Bedingte Sprachausgaben sind ebenso Animationen
und können beliebig kombiniert werden
{|> 2 UK English Male}{yeah}...

Quizze

Textquiz [[text]]

Wie heißt die hier vorangestellte Sprache?

[[LiaScript]]

Single-Choice [(X)]

Anzahl und Ordnung der Optionen ist beliebig.

[( )] Diese Wahl ist falsch.
[(X)] <-- __Richtig__
[( )] Auch falsh.

Multiple-Choice [[X]]

Alle markierten Zeilen müssen ausgewählt werden:

[[ ]] nicht ausgewählt
[[X]] <-- __Richtig__
[[ ]] auch falsh.
[[X]] __auch Richtig__

Matrix

Kombination von Single- und Multiple-Choice Quizzen:

[[Head 1] [_Head 2_] [**Head 3**]]
[  [X]        [ ]         [X]    ]  Weitere
[  ( )        (X)         ( )    ]  Zeilen...

Auswahl [[...|(richtig)|..]]

Elemente werden durch | getrennt und dir richtige Option wird durch Klammern markiert:

[[ falsche Option
|  auch *falsch*
|  ( **richtig** )
]]

Weitere Optionen

Hilfen [[?]]

Hilfen können mit `[[?]]` an alle Quizze angehängt
werden:

[[LiaScript]]
[[?]] Tipp 1
[[?]] Tipp 2
[[?]] ...

Erweiterte Auflösungen ***

[[LiaScript]]
[[?]] Tipp 1
[[?]] ...
**************************************************
Einer oder mehrere Absätze die durch min. 3 `***`
abgetrennt sind und nur dargestellt werden, wenn
das Quiz gelöst wurde.

$$
   \sum_{i=1}^\infty\frac{1}{n^2}
        =\frac{\pi^2}{6}
$$
**************************************************

Weitere Prüfung <script>

Ein <script> kann an jedes Quiz angehängt werden um die Eingabe zu formatieren und zu prüfen. Nur wenn true zurück gegeben wird, gilt das Quiz als gelöst.

[[LiaScript]]
<script>
  // @input wird mit der Nutzereingabe ersetzt.
  let input_string = "@input";
  "liascript" == input_string.trim().toLowerCase();
</script>

Generische Quizze [[!]]

Die Eingaben müssen/können selber organisiert werden:

[[!]]
<script>
  Math.random() > 0.1
</script>

Styling <!-- ... -->

<!-- style="color:red; width: 300px" -->
Die in einem vorangestellten HTML-Kommentar enthaltenen Parameter werden auf den gesamten Block angewendet. Ein **angefügter Kommentar**<!-- style='color: green' --> nur auf das vorangestellte Element.