LiaScript Cheet-Sheet (German)

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

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

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

^hochgestellt^

`unformatierter Code`

Einfache Blöcke/Absätze werden durch Leerzeilen voneinander getrennt und können bel. lang sein.

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

* 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

---

Beide Linien werden gleich dargestellt.

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

* 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")

Verweis auf Externe Bilder:

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

Projektinterne Bilder:

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

Verweis auf Externe Audio-Dateien:

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

Projektintern:

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

Verweis auf Externe Filme:

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

Projektintern:

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

Wird als oEmbed oder IFrame eingebettet:

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

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

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}
$$

             {{1}}
Dieser Block erscheint als erster.

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

             {{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

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

Und weitere {2}{Elemente} enthalten.

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

          --{{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.

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

                  {{|>}}
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}...

Wie heißt die hier vorangestellte Sprache?

[[LiaScript]]

Anzahl und Ordnung der Optionen ist beliebig.

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

Alle markierten Zeilen müssen ausgewählt werden:

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

Kombination von Single- und Multiple-Choice Quizzen:

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

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

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

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

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

[[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}
$$
**************************************************

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

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

<!-- 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. Dies eignet sich auch zum formatieren von Bildern:

![image](url)<!--
style="width: 100%; max-width: 800px"
title="ein beliebiges Bild"
onclick="alert('It started with a click!');"
-->

<h2 style="...">_HTML kombiniert mit LiaScript_</h2>

<lia-keep>
  verhindert diese Kombination:

  <h2 style="...">_..._
  ---
  </h2>
</lia-keep>

                                    Titel
1.9 | DOTS
    |                 ***                   (* Gauß)
  y |               *     *                 (r obere Grenze)
  - | r r r r r r r*r r r r*r r r r r r r
  a |             *         *
  x |            *           *
  i | B B B B B * B B B B B B * B B B B B
  s |         *                 *
    | *  * *                       * *  *
 -1 +------------------------------------
    0              x-axis               1

``` ascii
        +-------------+       .--------------.
+------#|    Box 1    |------*|    Box 2     +-------.
 \      +-------------+       '-o------------'       |
  \                            /                     |
   ^                          /                ______|______
    \                        v                |      V      |
     +--- ein ---<--- Kreislauf ---O----------|    Box 3    |
                                              |_____________|
```

`````````````````````````````````````````````````````````````````````````
╔════════════════════════════════════[×]═╗       ╭─────╮
║ Fenstertitel                           ║       │     │     ╳
╟──────────────────────────────────────┬─╢       ╵     ╷    ╱ ╲
║ Fensterinhalt                        │▲║       ╰─────╯
║                                      │░║
║                                      │░║       ┌─┬┐  ╔═╦╗  ╓─╥╖  ╒═╤╕
║                                      │░║       │ ││  ║ ║║  ║ ║║  │ ││
║                                      │░║       ├─┼┤  ╠═╬╣  ╟─╫╢  ╞═╪╡
║                                      │█║       └─┴┘  ╚═╩╝  ╙─╨╜  ╘═╧╛
║                                      │░║
║                                      │░║       ┌───────────────────┐
║                                      │░║       │  ╔═══╗ Some Text  │▒
║                                      │░║       │  ╚═╦═╝ in the box │▒
║                                      │░║       ╞═╤══╩══╤═══════════╡▒
║                                      │░║       │ ├──┬──┤           │▒
║                                      │░║       │ └──┴──┘           │▒
║                                      │▼║       └───────────────────┘▒
╚══════════════════════════════════════╧═╝        ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
`````````````````````````````````````````````````````````````````````````

| Kopf | Linksbündig | Rechtsbündig | Zentriert |
| ---- |:----------- | ------------:|:---------:|
| I.   | _Tabellen_  |         0.10 |   Son-    |
| II.  | **sind**    |         0.12 |  stiges!  |
| ...  | ^cool^      |          ... |    ...    |

|   x |  y1 |  y2 |  y3 |
| ---:| ---:| ---:| ---:|
|   1 |   1 |   1 |  15 |
|   2 |   2 |   4 |  15 |
|   3 |   3 |   9 |  15 |
|   4 |   4 |  16 |  15 |
|   5 |   5 |  25 |  15 |

|   x |  y1 |  y2 |  y3 |
| ---:| ---:| ---:| ---:|
|   1 |   1 |   1 |  15 |
|   1 |   2 |   4 |  15 |
|   2 |   3 |   9 |  15 |
|   2 |   4 |  16 |  15 |
|   3 |   5 |  25 |  15 |
|   3 |   3 |   1 |   4 |

| Animal/Gruppe   | weight in kg | Lifespan years | Mitogen |
| --------------- | ------------:| --------------:| -------:|
| Mouse           |     0.028 kg |              2 |      95 |
| Flying squirrel |     0.085 kg |             15 |      50 |
| Brown bat       |     0.020 kg |             30 |      10 |
| Sheep           |        90 kg |             12 |      95 |
| Human           |        68 kg |             70 |      10 |

| Animal          | weight in kg | Lifespan years | Mitogen |
| --------------- | ------------:| --------------:| -------:|
| Mouse           |        0.028 |             02 |      95 |
| Flying squirrel |        0.085 |             15 |      50 |
| Brown bat       |        0.020 |             30 |      10 |

| Music-Style 1994 | Classic | Country | Reggae | Hip-Hop | Hard-Rock |
|:---------------- | -------:| -------:| ------:| -------:| ---------:|
| Student rating   |      50 |      50 |    100 |     200 |       350 |

| Country  |   GDP growth (%) | Births per woman |  ... |  ... | ... |
| -------- | ----------------:| ----------------:| ----:| ----:| ---:|
| Albania  |              7.5 |            1.858 |  ... | .... | ... |
| Andorra  | 3.57073718591123 |            1.260 |  NaN |  NaN | NaN |
| Austria  | 2.17880778069679 |            1.414 | .... |  ... | ... |
| Byelarus |                  |                  |      |      |     |

<!--
data-type="map"
data-src="https://code.highcharts.com/mapdata/custom/europe.geo.json"
-->
| Country | percent |
| ------- | -------:|
| Albania |    73.5 |
| Andorra |    98.9 |
| ....    |      .. |

<!-- data-type="heatmap" -->
| Seattle |  Jan |  Feb |  Mar |  Apr |  May |  ... |
| -------:| ----:| ----:| ----:| ----:| ----:| ----:|
|       0 | 40.7 | 41.5 | 43.6 | 46.6 | 51.4 |  ... |
|       2 |  ... |  ... |  ... |  ... |  ... |  ... |

| Graph |  A  |  B  |  C  |  D  |  E  |
|:----- |:---:|:---:|:---:|:---:|:---:|
| A     |  0  |  1  |  0  |  1  |  0  |
| B     |  1  |  0  |  0  |  1  |  0  |
| C     |  0  |  0  |  0  |  0  |  0  |
| D     |  1  |  1  |  0  |  0  |  1  |
| E     |  0  |  0  |  0  |  1  |  0  |

| Graph |  A  |  B  |  C  |  D  |  E  |
|:----- |:---:|:---:|:---:|:---:|:---:|
| A     |  0  | 12  |  0  |  1  |  0  |
| B     | -22 |  0  |  0  | 0.4 |  0  |
| C     |  0  |  0  |  0  |  0  |  0  |
| D     |  2  | 12  |  0  |  0  |  1  |
| E     |  0  |  0  |  0  |  2  |  0  |

<!-- data-type="sankey" -->
| Sankey |  A  |  B  |  C  |  D  |  E  |
|:------ |:---:|:---:|:---:|:---:|:---:|
| A      |     |  2  |     |     |     |
| B      |  3  |     |     |     |     |
| C      |  1  |  1  |     |     |     |
| D      |     |  1  |  1  |     |     |
| E      |  2  |  1  |  1  |  1  |     |

<!-- data-transpose -->
| Music-Style {0-1}{1994} {1}{2014} |      Student rating |
|:--------------------------------- | -------------------:|
| Classic                           |   {0-1}{50} {1}{20} |
| Country                           |   {0-1}{50} {1}{30} |
| Reggae                            |                 100 |
| Hip-Hop                           | {0-1}{200} {1}{220} |
| Hard-Rock                         | {0-1}{350} {1}{400} |
| Samba                             | {0-1}{250} {1}{230} |

``` js
console.log("Hallo Welt")
```

``` js
console.log("Hallo Welt")
```
<script>@input</script>

``` js     -EvalScript.js
let who = data.first_name + " " + data.last_name;

if(data.online) {
  who + " is online"; }
else {
  who + " is NOT online"; }
```
``` json    +Data.json
{
  "first_name" :  "Sammy",
  "last_name"  :  "Shark",
  "online"     :  true
}
```
<script>
  // insert the JSON dataset into the local variable data
  let data = @input(1);

  // eval the script that uses this dataset
  eval(`@input(0)`);
</script>

``` js
for (let i=0; i<5; i++)
  console.log("Hallo Welt", i)
```
``` text  @output
Hallo Welt 0
Hallo Welt 1
Hallo Welt 2
Hallo Welt 3
Hallo Welt 4
```
<script>@input</script>

<!-- data-showGutter="false" -->
```cpp
// some C++ code without line numbers
...
```
<!-- data-readOnly="true" -->
```hpp
// some header-file with lineNumbers,
// that cannot be edited
```
<script>
...// your execution code
</script>

<!--
author: someone who wants to create something new

@Single.line: you can add as much content as you
  want to your single-line macro!

  The only thing that is important, is to use
     indentation.

     Not __matter__ how [much](#12) it is.
-->

# Main Title

@Single.line  <-- this will be replaced at compile-time by ...

you can add as much content as you want to your single-line macro! The only thing that is important, is to use indentation. Not __matter__ how [much](#12) it is.

@author <-- by: someone who wants to create something new

<!--
@smile: ;-)

@block
this type of macro preserves the structure.

<h1>
@smile and you can also use macros, that
define other macros
</h2>

| Header 1   | Header 2   | Header 3   |
| :--------- | :--------- | :--------- |
| Item 1     | Item 2     | Item 3     |

<script>alert("hello world")</script>
@end
-->

# Main Title

@block

<!--
@@comment: this is a single line macro
  that has been commented out

@@ if you prefer it, comment blocks can
@@ be defined like this
@@ ...

@@@block-comments

start with three @s and go until the
parser reaches ...

@end
-->

``` markdown
<!--
...
narrator: US English Female

-->

# Main Title

....

### Some other section
<!--
author: another author for this section
...
narrator: Australian Male

-->

<!--
@highlight: <b style="color: @0">@1</b>
-->

@highlight(red,I want this text to be read and bold)

@highlight(red; fontSize: 22px,`some text with commas,,,, and (parenthesis)`)

@highlight(red,```
It works also for multi-line

elements...

@highlight(green,macros can also call other macros)
```)

``` md @highlight(red)
It works also for multi-line

elements...

@highlight(green,macros can also call other macros)
```

<!--
script: https://javascript.js
        ...js

link:   https://style.css
        ...css

import: https://ReadME.md
        ...md
-->

# Überschrift

<!--
version:  0.0.1

author:   Autor des Kurses

email:    Kontakt@....com

comment:  Was wird behandelt, bzw. eine Kurs(z)-Vorstellung,
          In mehreren Zeilen ...

logo:     https://logo.jpg

language: de|en|es|...

narrator: Afrikaans Male|Arabic Female|Brazilian Portuguese Female|...

mode:     Presentation|Slides|Textbook
dark:     true

date:     09/09/2020

@onload
alert("some JavaScript to be executed at the start...")
@end

attribute: Erste Danksagung ....
attribute: Zweite Danksagung mit Lizenz[MIT](https://opensource.org/licenses/MIT)

translation: Deutsch  translations/German.md
translation: Français translations/French.md
translation: Русский  translations/Russian.md
-->

# Überschrift

@uid erzeugt eine einmalige ID.

@section wird durch die Abschnittsnummer ersetzt.

<!--
@highlight: <b style="color: red">@0</b>

@red_and_green:
  @highlight(@0) <i style="color: green">@1</i>
-->

@@red_and_green(red,`simply, simply, green`)