{"id":18597863,"url":"https://github.com/liascript/cheetsheet","last_synced_at":"2025-09-02T15:15:26.568Z","repository":{"id":114116124,"uuid":"305936173","full_name":"LiaScript/CheetSheet","owner":"LiaScript","description":"Short description of nearly everything about LiaScript","archived":false,"fork":false,"pushed_at":"2020-10-21T07:04:20.000Z","size":24,"stargazers_count":4,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-30T23:12:28.458Z","etag":null,"topics":["cheet-sheet","liascript","liascript-course","markdown","oer"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"unlicense","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/LiaScript.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-10-21T07:00:40.000Z","updated_at":"2024-07-04T18:00:00.000Z","dependencies_parsed_at":"2023-06-13T08:45:19.304Z","dependency_job_id":null,"html_url":"https://github.com/LiaScript/CheetSheet","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LiaScript%2FCheetSheet","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LiaScript%2FCheetSheet/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LiaScript%2FCheetSheet/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LiaScript%2FCheetSheet/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LiaScript","download_url":"https://codeload.github.com/LiaScript/CheetSheet/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252567852,"owners_count":21769318,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cheet-sheet","liascript","liascript-course","markdown","oer"],"created_at":"2024-11-07T01:29:40.858Z","updated_at":"2025-05-05T19:54:36.297Z","avatar_url":"https://github.com/LiaScript.png","language":null,"readme":"# LiaScript CheetSheet\n\n\n## Überschriften\n\n``` Markdown\n# Überschrift 1\n## Überschrift 2\n### Überschrift 3\n#### Überschrift 4\n##### Überschrift 5\n###### Überschrift 6\n```\n\n## Texthervorhebungen\n\n``` md\n_kursiv_ auch *kursig*\n__fett__ auch __fett__\n___kursiv___ und ***fett***\n\n~durchgestrichen~\n~~unterstrichen~~\n~~~durch- \u0026 unterstrichen~~~\n\n^hochgestellt^\n\n`unformatierter Code`\n```\n\n## Textblock\n\n``` md\nEinfache Blöcke/Absätze werden durch\nLeerzeilen voneinander getrennt.\n\n\u003e Blöcke mit einem vorangestellten `\u003e`\n\u003e werden hervorgeboben dargestellt.\n```\n\n## Listen\n\n``` md\n* Ungeordnete Listen werden mit einem\n  vorangestellten `*`, `+` oder `-`\n  markiert\n\n  Und können mehrere Absätze enthalten.\n\n* Liste mit Unterpunkten:\n\n  - Es ist egal ob `-`\n  + oder `+`\n  * oder `*` vorangestellten surden\n```\n\n\n``` md\n1. Sortierte Listen werden mit einer\n   vorangestellten Zahl markiert:\n\n2. Unterpunkten können auch sortierte\n   oder unsortierte Listen sein:\n\n   + Punkt 1\n   + Punkt 2\n```\n\n## Trenner\n\n``` md\nHorizontale Linien werden durch min. 3\naufeinander folgende `---` definiert:\n\n---\n\nBeide Linien werden gleich dargestellt.\n\n--------------------------------------\n\n```\n\n## Verweise\n\n### Links\n\n``` md\n* unformatiert: https://LiaScript.github.io\n\n* formatiert:\n\n  + Externe Webseiten:\n    - [name](https://...)\n    - [name](https://... \"titel\")\n\n  + Intern im Dokument:\n    - [name](#Links) \u003c-- Markdown-Überschrift\n    - [name](#Links \"titel\")\n    - [name](#12)    \u003c-- Slide-Nummer\n    - [name](#12 \"titel\")\n```\n\n### Bilder\n\n``` md\nVerweis auf Externe Bilder:\n\n![alt](https://...)\n![alt](https://... \"titel\")\n\nProjektinterne Bilder:\n\n![alt](/pic/image.jpg)\n![alt](/pic/image.jpg \"titel\")\n```\n\n### Audio\n\n``` md\nVerweis auf Externe Audio-Dateien:\n\n?[alt](https://soundcloud...)\n?[alt](https://....mp3 \"titel\")\n\nProjektintern:\n\n?[alt](/sound.mp3)\n?[alt](/sound.mp3 \"titel\")\n```\n\n### Filme\n\n``` md\nVerweis auf Externe Filme:\n\n!?[alt](https://youtube...)\n!?[alt](https://....avi \"titel\")\n\nProjektintern:\n\n!?[alt](/movie.mp4)\n!?[alt](/movie.mp4 \"titel\")\n```\n\n### LiaScript\n\n``` md\n[preview-lia](https://...README.md)\n```\n\n## Formeln\n\nHierfür wird [KaTeX](https://katex.org/docs/supported.html) verwendet.\n\n``` md\nTextinterne Formeln: $ f(a,b,c) = (a^2+b^2+c^2)^3 $\n\nEigenständige Blöcke:\n\n$$\n   \\sum_{i=1}^\\infty\\frac{1}{n^2}\n        =\\frac{\\pi^2}{6}\n$$\n```\n\n## Effekte\n\n### Animationen\n\n#### Blöcke `{{in(-out)}}`\n\n``` md\n             {{1}}\nDieser Block erscheint als erster.\n\n{{2-3}} Dieser Block als zweiter und\nverschwindet bei drei.\n```\n\n#### Micro-Animationen `{in(-out)}{content}`\n\n``` md\n             {{1}}\nbeliebige Markdown-Blöck und \"Makro\"-Animationen\nkönnen weiter {2-3}{_Micro-Anmationen_} enthalten.\nDie Reihenfolge wird nur durch die {2}{Zahlen}\ndefiniert\n```\n\n#### Multi-Block-Animationen\n\n``` md\n             {{1}}\n*********************************\nMehrere Blöcke können auch mit\nSternchen abgegrenzt werden.\n\nUnd weitere {2}{Elemente} enthalten.\n\n...\n*********************************\n```\n\n### Sprachausgabe `--{{number}}--`\n\n``` md\n          --{{1}}--\nDieser ganze Absatz wird mit der default-Stimme\nbei **Animationsschritt 1** mit der vorgelesen.\n\n    --{{2 US English Male}}--\nThis test will be spoken out loud in English.\n```\n\n#### Verborgene Sprachausgabe\n\n``` md\n\u003c!-- --{{1}}--\nDieser ganze Absatz wird nur vorgelesen, taucht\naber im Textbuch-Modus nicht auf!\n--\u003e\n```\n\n#### Liste aller Sprachen\n\nSiehe auch: https://responsivevoice.org\n\n| Female                        | Male                        |\n| ----------------------------- | --------------------------- |\n| UK English Female             | UK English Male             |\n| US English Female             | US English Male             |\n|                               | Afrikaans Male              |\n|                               | Albanian Male               |\n| Arabic Female                 | Arabic Male                 |\n|                               | Armenian Male               |\n| Australian Female             | Australian Male             |\n| Bangla Bangladesh Female      | Bangla Bangladesh Male      |\n| Bangla India Female           | Bangla India Male           |\n|                               | Bosnian Male                |\n| Brazilian Portuguese Female   | Brazilian Portuguese Male   |\n|                               | Catalan Male                |\n| Chinese Female                | Chinese Male                |\n| Chinese (Hong Kong) Female    | Chinese (Hong Kong) Male    |\n| Chinese Taiwan Female         | Chinese Taiwan Male         |\n|                               | Croatian Male               |\n| Czech Female                  | Czech Male                  |\n| Danish Female                 | Danish Male                 |\n| Deutsch Female                | Deutsch Male                |\n| Dutch Female                  | Dutch Male                  |\n|                               | Esperanto Male              |\n|                               | Estonian Male               |\n| Filipino Female               |                             |\n| Finnish Female                | Finnish Male                |\n| French Canadian Female        | French Canadian Male        |\n| French Female                 | French Male                 |\n| Greek Female                  | Greek Male                  |\n| Hindi Female                  | Hindi Male                  |\n| Hungarian Female              | Hungarian Male              |\n|                               | Icelandic Male              |\n| Indonesian Female             | Indonesian Male             |\n| Italian Female                | Italian Male                |\n| Japanese Female               | Japanese Male               |\n| Korean Female                 | Korean Male                 |\n| Latin Female                  | Latin Male                  |\n|                               | Latvian Male                |\n|                               | Macedonian Male             |\n| Moldavian Female              | Moldavian Male              |\n|                               | Montenegrin Male            |\n| Nepali                        | Nepali                      |\n| Norwegian Female              | Norwegian Male              |\n| Polish Female                 | Polish Male                 |\n| Portuguese Female             | Portuguese Male             |\n| Romanian Female               | Romanian Male               |\n| Russian Female                | Russian Male                |\n|                               | Serbian Male                |\n|                               | Serbo-Croatian Male         |\n| Sinhala                       | Sinhala                     |\n| Slovak Female                 | Slovak Male                 |\n| Spanish Female                | Spanish Male                |\n| Spanish Latin American Female | Spanish Latin American Male |\n|                               | Swahili Male                |\n| Swedish Female                | Swedish Male                |\n| Tamil Female                  | Tamil Male                  |\n| Thai Female                   | Thai Male                   |\n| Turkish Female                | Turkish Male                |\n| Ukrainian Female              |                             |\n| Vietnamese Female             | Vietnamese Male             |\n|                               | Welsh Male                  |\n\n### Bedingte Sprachausgabe `{{|\u003e}}` oder `{{!\u003e}}`\n\n``` md\n                  {{|\u003e}}\nDieser ganze Absatz wird mit der default-Stimme\nvorgelesen, wenn der Nutzer auf Play klickt.\n\n                  {{|\u003e Deutsch Male}}\nMicro-Animationen {1}{können} den gelesenen Text\nverändern sowie bedingte {|\u003e}{*Micro-*}Ausgaben.\n\n                  {{!\u003e 1-3}}\nBedingte Sprachausgaben sind ebenso Animationen\nund können beliebig kombiniert werden\n{|\u003e 2 UK English Male}{yeah}...\n```\n\n## Quizze\n\n### Textquiz `[[text]]`\n\n``` md\nWie heißt die hier vorangestellte Sprache?\n\n[[LiaScript]]\n```\n\n### Single-Choice `[(X)]`\n\n``` md\nAnzahl und Ordnung der Optionen ist beliebig.\n\n[( )] Diese Wahl ist falsch.\n[(X)] \u003c-- __Richtig__\n[( )] Auch falsh.\n```\n\n### Multiple-Choice `[[X]]`\n\n``` md\nAlle markierten Zeilen müssen ausgewählt werden:\n\n[[ ]] nicht ausgewählt\n[[X]] \u003c-- __Richtig__\n[[ ]] auch falsh.\n[[X]] __auch Richtig__\n```\n\n### Matrix\n\n``` md\nKombination von Single- und Multiple-Choice Quizzen:\n\n[[Head 1] [_Head 2_] [**Head 3**]]\n[  [X]        [ ]         [X]    ]  Weitere\n[  ( )        (X)         ( )    ]  Zeilen...\n```\n\n### Auswahl `[[...|(richtig)|..]]`\n\n``` md\nElemente werden durch | getrennt und dir richtige Option wird durch Klammern markiert:\n\n[[ falsche Option\n|  auch *falsch*\n|  ( **richtig** )\n]]\n```\n\n### Weitere Optionen\n\n#### Hilfen `[[?]]`\n\n``` md\nHilfen können mit `[[?]]` an alle Quizze angehängt\nwerden:\n\n[[LiaScript]]\n[[?]] Tipp 1\n[[?]] Tipp 2\n[[?]] ...\n```\n\n#### Erweiterte Auflösungen `***`\n\n``` md\n[[LiaScript]]\n[[?]] Tipp 1\n[[?]] ...\n**************************************************\nEiner oder mehrere Absätze die durch min. 3 `***`\nabgetrennt sind und nur dargestellt werden, wenn\ndas Quiz gelöst wurde.\n\n$$\n   \\sum_{i=1}^\\infty\\frac{1}{n^2}\n        =\\frac{\\pi^2}{6}\n$$\n**************************************************\n```\n\n#### Weitere Prüfung `\u003cscript\u003e`\n\nEin `\u003cscript\u003e` 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.\n\n``` md\n[[LiaScript]]\n\u003cscript\u003e\n  // @input wird mit der Nutzereingabe ersetzt.\n  let input_string = \"@input\";\n  \"liascript\" == input_string.trim().toLowerCase();\n\u003c/script\u003e\n```\n\n#### Generische Quizze `[[!]]`\n\nDie Eingaben müssen/können selber organisiert werden:\n\n``` md\n[[!]]\n\u003cscript\u003e\n  Math.random() \u003e 0.1\n\u003c/script\u003e\n```\n\n## Styling `\u003c!-- ... --\u003e`\n\n``` md\n\u003c!-- style=\"color:red; width: 300px\" --\u003e\nDie in einem vorangestellten HTML-Kommentar enthaltenen Parameter werden auf den gesamten Block angewendet. Ein **angefügter Kommentar**\u003c!-- style='color: green' --\u003e nur auf das vorangestellte Element. Dies eignet sich auch zum formatieren von Bildern:\n\n![image](url)\u003c!--\nstyle=\"width: 100%; max-width: 800px\"\ntitle=\"ein beliebiges Bild\"\nonclick=\"alert('It started with a click!');\"\n--\u003e\n```\n\n## HTML\n\n``` md\n\u003ch2 style=\"...\"\u003e_HTML kombiniert mit LiaScript_\u003c/h2\u003e\n\n\u003clia-keep\u003e\n  verhindert diese Kombination:\n\n  \u003ch2 style=\"...\"\u003e_..._\n  ---\n  \u003c/h2\u003e\n\u003c/lia-keep\u003e\n```\n\n## ASCII-Art\n\n### Diagramme\n\nDie verwendeten Buchstaben/Zeichen definieren die Farbe und Form der Linien und Punkte sowie deren Größe. Können keine Linien dargestellt werden, wie bei `DOTS`, so werden nur Punkte dargestellt. Alle Beschriftungen sind optional.\n\n```md\n                                        Titel\n    1.9 | DOTS\n        |                 ***                   (* Gauß)\n      y |               *     *                 (r obere Grenze)\n      - | r r r r r r r*r r r r*r r r r r r r\n      a |             *         *\n      x |            *           *\n      i | B B B B B * B B B B B B * B B B B B\n      s |         *                 *\n        | *  * *                       * *  *\n     -1 +------------------------------------\n        0              x-axis               1\n```\n\n### Beliebige\n\nBeliebige ASCII-Art Diagramme können als Code-Block mit dem Hinweis `ascii` versehen werden, oder durch mindestens 10 aufeinander folgenden Back-ticks.\n\nSiehe: https://github.com/andre-dietrich/elm-svgbob\n\n```````````````````````````````````````````````````````````````````````````` md\n``` ascii\n        +-------------+       .--------------.\n+------#|    Box 1    |------*|    Box 2     +-------.\n \\      +-------------+       '-o------------'       |\n  \\                            /                     |\n   ^                          /                ______|______\n    \\                        v                |      V      |\n     +--- ein ---\u003c--- Kreislauf ---O----------|    Box 3    |\n                                              |_____________|\n```\n\n`````````````````````````````````````````````````````````````````````````\n╔════════════════════════════════════[×]═╗       ╭─────╮\n║ Fenstertitel                           ║       │     │     ╳\n╟──────────────────────────────────────┬─╢       ╵     ╷    ╱ ╲\n║ Fensterinhalt                        │▲║       ╰─────╯\n║                                      │░║\n║                                      │░║       ┌─┬┐  ╔═╦╗  ╓─╥╖  ╒═╤╕\n║                                      │░║       │ ││  ║ ║║  ║ ║║  │ ││\n║                                      │░║       ├─┼┤  ╠═╬╣  ╟─╫╢  ╞═╪╡\n║                                      │█║       └─┴┘  ╚═╩╝  ╙─╨╜  ╘═╧╛\n║                                      │░║\n║                                      │░║       ┌───────────────────┐\n║                                      │░║       │  ╔═══╗ Some Text  │▒\n║                                      │░║       │  ╚═╦═╝ in the box │▒\n║                                      │░║       ╞═╤══╩══╤═══════════╡▒\n║                                      │░║       │ ├──┬──┤           │▒\n║                                      │░║       │ └──┴──┘           │▒\n║                                      │▼║       └───────────────────┘▒\n╚══════════════════════════════════════╧═╝        ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒\n`````````````````````````````````````````````````````````````````````````\n````````````````````````````````````````````````````````````````````````````\n\n## Tabellen\n\n### Basics\n\n``` md\n| Kopf | Linksbündig | Rechtsbündig | Zentriert |\n| ---- |:----------- | ------------:|:---------:|\n| I.   | _Tabellen_  |         0.10 |   Son-    |\n| II.  | **sind**    |         0.12 |  stiges!  |\n| ...  | ^cool^      |          ... |    ...    |\n```\n\n### Datensätze\n\nTabellen werden in LiaScript auch als Datensätze interpretiert und geeignet visualisert. Hier wird versucht aus der Struktur der Tabelle/Daten auf die geeignete Darstellung zu schließen. Mithilfe eines vorangestellen HTML-Kommentars können weitere Einstellungen vorgenommen werden.\n\n#### Linien-Diagramme\n\n``` md\n|   x |  y1 |  y2 |  y3 |\n| ---:| ---:| ---:| ---:|\n|   1 |   1 |   1 |  15 |\n|   2 |   2 |   4 |  15 |\n|   3 |   3 |   9 |  15 |\n|   4 |   4 |  16 |  15 |\n|   5 |   5 |  25 |  15 |\n```\n\n#### Punkt-Diagramme\n\nWenn die X-Spalte doppelte Einträge enthält...\n\n``` md\n|   x |  y1 |  y2 |  y3 |\n| ---:| ---:| ---:| ---:|\n|   1 |   1 |   1 |  15 |\n|   1 |   2 |   4 |  15 |\n|   2 |   3 |   9 |  15 |\n|   2 |   4 |  16 |  15 |\n|   3 |   5 |  25 |  15 |\n|   3 |   3 |   1 |   4 |\n```\n\n\n#### Balken-Diagramme\n\nFalls die erste Spalte keine Zahlen enthält...\n\n``` md\n| Animal/Gruppe   | weight in kg | Lifespan years | Mitogen |\n| --------------- | ------------:| --------------:| -------:|\n| Mouse           |     0.028 kg |              2 |      95 |\n| Flying squirrel |     0.085 kg |             15 |      50 |\n| Brown bat       |     0.020 kg |             30 |      10 |\n| Sheep           |        90 kg |             12 |      95 |\n| Human           |        68 kg |             70 |      10 |\n```\n\n#### Radar\n\nWenn der Unterschied zwischen den Spalten zu groß ist...\n\n``` md\n| Animal          | weight in kg | Lifespan years | Mitogen |\n| --------------- | ------------:| --------------:| -------:|\n| Mouse           |        0.028 |             02 |      95 |\n| Flying squirrel |        0.085 |             15 |      50 |\n| Brown bat       |        0.020 |             30 |      10 |\n```\n\n\n#### Torten-Diagramme\n\nBei nur einer Zeile...\n\n``` md\n| Music-Style 1994 | Classic | Country | Reggae | Hip-Hop | Hard-Rock | Samba |\n|:---------------- | -------:| -------:| ------:| -------:| ---------:| -----:|\n| Student rating   |      50 |      50 |    100 |     200 |       350 |   250 |\n```\n\n#### Parallel-Diagramm\n\nBei zu vielen Kategorien und Spalten...\n\n``` md\n| Country  |   GDP growth (%) | Births per woman |  ... |  ... | ... | ... | ... |\n| -------- | ----------------:| ----------------:| ----:| ----:| ---:| ---:| ---:|\n| Albania  |              7.5 |            1.858 |  ... | .... | ... | ... | ... |\n| Andorra  | 3.57073718591123 |            1.260 |  NaN |  NaN | NaN | NaN | ... |\n| Austria  | 2.17880778069679 |            1.414 | .... |  ... | ... | ... | ... |\n| Byelarus |                  |                  |      |      |     |     |     |\n```\n\n\n#### Karten\n\nDie erste Spalte enthält die Objekte der GeoJson-Datei...\n\n``` md\n\u003c!--\ndata-type=\"map\"\ndata-src=\"https://code.highcharts.com/mapdata/custom/europe.geo.json\"\n--\u003e\n| Country | percent |\n| ------- | -------:|\n| Albania |    73.5 |\n| Andorra |    98.9 |\n| ....    |      .. |\n```\n\n#### HeatMap\n\n``` md\n\u003c!-- data-type=\"heatmap\" --\u003e\n| Seattle |  Jan |  Feb |  Mar |  Apr |  May |  ... |\n| -------:| ----:| ----:| ----:| ----:| ----:| ----:|\n|       0 | 40.7 | 41.5 | 43.6 | 46.6 | 51.4 |  ... |\n|       2 |  ... |  ... |  ... |  ... |  ... |  ... |\n```\n\n#### Graph\n\nKopf und erste Spalte sind gleich...\n\nUngerichtet:\n\n``` md\n| Graph |  A  |  B  |  C  |  D  |  E  |\n|:----- |:---:|:---:|:---:|:---:|:---:|\n| A     |  0  |  1  |  0  |  1  |  0  |\n| B     |  1  |  0  |  0  |  1  |  0  |\n| C     |  0  |  0  |  0  |  0  |  0  |\n| D     |  1  |  1  |  0  |  0  |  1  |\n| E     |  0  |  0  |  0  |  1  |  0  |\n```\n\nGerichtet:\n\n``` md\n| Graph |  A  |  B  |  C  |  D  |  E  |\n|:----- |:---:|:---:|:---:|:---:|:---:|\n| A     |  0  | 12  |  0  |  1  |  0  |\n| B     | -22 |  0  |  0  | 0.4 |  0  |\n| C     |  0  |  0  |  0  |  0  |  0  |\n| D     |  2  | 12  |  0  |  0  |  1  |\n| E     |  0  |  0  |  0  |  2  |  0  |\n```\n\nSankey:\n\n``` md\n\u003c!-- data-type=\"sankey\" --\u003e\n| Sankey |  A  |  B  |  C  |  D  |  E  |\n|:------ |:---:|:---:|:---:|:---:|:---:|\n| A      |     |  2  |     |     |     |\n| B      |  3  |     |     |     |     |\n| C      |  1  |  1  |     |     |     |\n| D      |     |  1  |  1  |     |     |\n| E      |  2  |  1  |  1  |  1  |     |\n```\n\n#### Kobination mit Animationen\n\n``` md\n\u003c!-- data-transpose --\u003e\n| Music-Style {0-1}{1994} {1}{2014} |      Student rating |\n|:--------------------------------- | -------------------:|\n| Classic                           |   {0-1}{50} {1}{20} |\n| Country                           |   {0-1}{50} {1}{30} |\n| Reggae                            |                 100 |\n| Hip-Hop                           | {0-1}{200} {1}{220} |\n| Hard-Rock                         | {0-1}{350} {1}{400} |\n| Samba                             | {0-1}{250} {1}{230} |\n```\n\n#### Weitere Einstellungen\n\n* __`data-type`__: You can use `data-type=\"map|boxplot|barchart|...\"` to overwrite the automatically identfied representation with your desired one. The names can be taken from the previous titles, it is not relevant if you use lower or upper-case. This way it is also possible to use types that cannot be automatically infered at the moment, such as Sankey or BoxPlot.\n\n  If you do not want to show tables as diagrams, you can also use `data-type=\"None\"` and only the table will be visible.\n\n* __`data-show`__: Simply add this attribute or set it to true (`data-show=\"true\"`), if you want to visualize your data immediately, without the need to click in the switch-button. It is still possible for your users to switch to the table representation.\n\n* __`data-transpose`__: Like in the mathematical sense, set this attribute or set it to true (`data-transpose=\"true\"`), if you want to switch rows and columns. One benefit is, that you can for example use PieChart and let your table grow vertically instead of using a horizontal monster.\n\n* __`data-title`__: Normaly, the first cell defines the title of your diagram, but if you want larger titles and not have to write gigantic table headers, apply this attribute `data-title=\"Use whatever title you want to ...\"`\n\n* __`data-xlabel`__: As above, you can also define the strings for the labels, in this case for the x label\n\n* __`data-ylabel`__: or the y label.\n\n* __`data-src`__: Currently this attribute is used to refere to your geojson data, if you use the `data-type=\"Map\"` representation, but this might change in the future to load and visualize data directly, such as csv.\n\n  If you are using geojson files from external websites such as:\n\n  https://code.highcharts.com/mapdata/\n\n  It can be usefull to use anycors, if the data cannot be visualized due to CORS restrictions:\n\n  `data-src=\"https://cors-anywhere.herokuapp.com/https://code.highcharts.com/mapdata/custom/europe.geo.json\"`\n\n\n## Code\n\nEin Code-Block wird durch min. 3 aufeinander folgende Back-ticks vom Rest abgetrennt. Das folgende Kürzel ist ist optional und spezifiziert die Sprache und damit auch das Syntax-Highlighting.\n\n```` md\n``` js\nconsole.log(\"Hallo Welt\")\n```\n````\n\n### Ausführbarer Code\n\nCode kann ausführbar gemacht werden, indem ein `script` tag angefügt wird. `@input` wird wir bei den Quizzen mit dem aktuellen Code vor der Ausführung ersetzt.\n\n\n```` md\n``` js\nconsole.log(\"Hallo Welt\")\n```\n\u003cscript\u003e@input\u003c/script\u003e\n````\n\n### Projekte\n\nMehrere Code-Segmente können direkt zusammengefasst und mit Namen versehen werden. Das vorangestellte `+` oder `-` im Titel definiert ob die Datei bei der ersten Darstellung auf- oder eingeklappt erscheint. Auf die verschiedenen Code-Segmente wird im script durch `@input(0)` und `@input(1)` verwiesen.\n\n```` md\n``` js     -EvalScript.js\nlet who = data.first_name + \" \" + data.last_name;\n\nif(data.online) {\n  who + \" is online\"; }\nelse {\n  who + \" is NOT online\"; }\n```\n``` json    +Data.json\n{\n  \"first_name\" :  \"Sammy\",\n  \"last_name\"  :  \"Shark\",\n  \"online\"     :  true\n}\n```\n\u003cscript\u003e\n  // insert the JSON dataset into the local variable data\n  let data = @input(1);\n\n  // eval the script that uses this dataset\n  eval(`@input(0)`);\n\u003c/script\u003e\n````\n\n### Default-Ausgabe `@output`\n\nDie erste Ausgabe kann durch ein `@output`-Script-Block angehängt werden.\n\n```` md\n``` js\nfor (let i=0; i\u003c5; i++)\n  console.log(\"Hallo Welt\", i)\n```\n``` text  @output\nHallo Welt 0\nHallo Welt 1\nHallo Welt 2\nHallo Welt 3\nHallo Welt 4\n```\n\u003cscript\u003e@input\u003c/script\u003e\n````\n\n### Weitere Optionen\n\nMit vorangestellten Kommentaren können auch die Code-Segment formatiert werden:\n\n```` md\n\u003c!-- data-showGutter=\"false\" --\u003e\n```cpp\n// some C++ code without line numbers\n...\n```\n\u003c!-- data-readOnly=\"true\" --\u003e\n```hpp\n// some header-file with lineNumbers,\n// that cannot be edited\n```\n\u003cscript\u003e\n...// your execution code\n\u003c/script\u003e\n````\n\nAttributes:\n\n* `data-firstLineNumber`: change the initial line number to any number you prefer (default: `data-firstLineNumber=\"0\"`).\n\n* `data-fontSize`: change the default font-size, which has to be defined with `pt` (default `data-fontSize=\"12pt\"`).\n\n* `data-readOnly`: whether it is an executable snippet or not, there are different default values, you can either set only data-readOnly to make it read-only or pass it a boolean value (`data-readOnly=\"false\"`)\n\n* `data-showGutter`: same as with `data-readOnly`\n\n* `data-tabSize`: this takes an integer to represent the default tab-size replacement (default `data-tabSize=\"2\"`)\n\n* `data-theme`: your default theme as in your settings is applied, but you can change this to any of the ace-themes, eg: `Chaos`, `Eclipse`, `Soliarized Light`, ...\n\n* `data-marker`: use this to highlight aspects of your code, you have to apply the following pattern `data-marker=\"y1 x1 y2 x2 color type;\"`. You start with a row and column and end with a row and a column. Then you can apply one of the predefined colors, for `error`, `log`, `warn`, `debug` or `info`, or you can set your own color with the css rgba function, do not use spaces in this function!\n\n  The type is optional, but you can choose between one of the following ace-marker types: `text`, (default `fullLine`), `screenLine`\n\n  If you want more than one marker, then simply separate different marker definitions with a colon ...\n\n\n## Macros\n\nMacros können im Kopf eines jeden Dokuments definiert werden, es gibt single-line Makros und Block-Makros, die die Struktur erhalten. Single-line Makros beginnen mit `name:` oder `@name:` und alle dazugehörigen Element müssen eingeschoben sein.\n\n```md\n\u003c!--\nauthor: someone who wants to create something new\n\n@Single.line: you can add as much content as you\n  want to your single-line macro!\n\n  The only thing that is important, is to use\n     indentation.\n\n     Not __matter__ how [much](#12) it is.\n--\u003e\n\n# Main Title\n\n@Single.line  \u003c-- this will be replaced at compile-time by ...\n\nyou 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.\n\n@author \u003c-- by: someone who wants to create something new\n```\n\n### Block-Macros\n\nBlock-Macros beginnen mit `name` oder `@name` und werden mit `@end` abgeschlossen. Sie erhalten die Struktur:\n\n``` md\n\u003c!--\n@smile: ;-)\n\n@block\nthis type of macro preserves the structure.\n\n\u003ch1\u003e\n@smile and you can also use macros, that\ndefine other macros\n\u003c/h2\u003e\n\n| Header 1   | Header 2   | Header 3   |\n| :--------- | :--------- | :--------- |\n| Item 1     | Item 2     | Item 3     |\n\n\u003cscript\u003ealert(\"hello world\")\u003c/script\u003e\n@end\n--\u003e\n\n# Main Title\n\n@block\n```\n\n### Kommentare\n\nZwei `@@` bei single-line und drei `@@@` bei Blöcken dient als zum Kommentieren/Auskommentieren.\n\n``` md\n\u003c!--\n@@comment: this is a single line macro\n  that has been commented out\n\n@@ if you prefer it, comment blocks can\n@@ be defined like this\n@@ ...\n\n@@@block-comments\n\nstart with three @s and go until the\nparser reaches ...\n\n@end\n--\u003e\n```\n\n### Überschreiben\n\nMakros und Einstellungen können je Abschnitt überschrieben werden:\n\n``` md\n``` markdown\n\u003c!--\n...\nnarrator: US English Female\n\n--\u003e\n\n# Main Title\n\n....\n\n### Some other section\n\u003c!--\nauthor: another author for this section\n...\nnarrator: Australian Male\n\n--\u003e\n```\n\n### Parameterübergabe\n\nMakros können Parameter übergeben werden `@0` bis `@n` definiert wo Parameter ersetzt werden sollen:\n\n``` md\n\u003c!--\n@highlight: \u003cb style=\"color: @0\"\u003e@1\u003c/b\u003e\n--\u003e\n\n@highlight(red,I want this text to be read and bold)\n```\n\nParameter werden durch Komma `,` voneinander getrennt und mit Klammern eingeschlossen. Sollte ein Parameter Kommas und/oder Klammern enthalten, so können diese auch als Markdown-Code element übergeben werden\n\n``` md\n@highlight(red; fontSize: 22px,`some text with commas,,,, and (parenthesis)`)\n```\n\nMultiline ist auch möglich...\n\n```` md\n@highlight(red,```\nIt works also for multi-line\n\nelements...\n\n@highlight(green,macros can also call other macros)\n```)\n````\n\nMakros sollten so organisiert werden, dass das der komplexeste Parameter als letztes übergeben wird, dann kann auch folgende Syntax verwendet werden:\n\n```` md\n``` md @highlight(red)\nIt works also for multi-line\n\nelements...\n\n@highlight(green,macros can also call other macros)\n```\n````\n\ndies eignet sich vor allem bei Parametern, die JSON, YAML oder sonstigen Code enthalten...\n\n### Wichtige Macros\n\n#### Import\n\nLiaScript erlaubt das impotieren und die Nutzung von JavaScript (`script:`), CSS (`link:`), Markdown (`import:`). Bei LiaScript-Dokumenten werden nur die Makros im Kopf importiert.\n\n``` md\n\u003c!--\nscript: https://javascript.js\n        ...js\n\nlink:   https://style.css\n        ...css\n\nimport: https://ReadME.md\n        ...md\n--\u003e\n\n# Überschrift\n```\n\n#### Informationen\n\n``` md\n\u003c!--\nversion:  0.0.1\n\nauthor:   Autor des Kurses\n\nemail:    Kontakt@....com\n\ncomment:  Was wird behandelt, bzw. eine Kurs(z)-Vorstellung,\n          In mehreren Zeilen ...\n\nlogo:     https://logo.jpg\n\nlanguage: de|en|es|...\n\nnarrator: Afrikaans Male|Arabic Female|Brazilian Portuguese Female|...\n\nmode:     Presentation|Slides|Textbook\ndark:     true\n\ndate:     09/09/2020\n\n@onload\nalert(\"some JavaScript to be executed at the start...\")\n@end\n\nattribute: Erste Danksagung ....\nattribute: Zweite Danksagung mit Lizenz[MIT](https://opensource.org/licenses/MIT)\n\ntranslation: Deutsch  translations/German.md\ntranslation: Français translations/French.md\ntranslation: Русский  translations/Russian.md\n--\u003e\n\n# Überschrift\n```\n\n#### Weitere\n\n``` md\n@uid erzeugt eine einmalige ID.\n\n@section wird durch die Abschnittsnummer ersetzt.\n```\n\n#### Debug\n\nEin vorangestelltes `@` sollte den Ersetzungs-Code zeigen:\n\n``` markdown\n\u003c!--\n@highlight: \u003cb style=\"color: red\"\u003e@0\u003c/b\u003e\n\n@red_and_green:\n  @highlight(@0) \u003ci style=\"color: green\"\u003e@1\u003c/i\u003e\n--\u003e\n\n@@red_and_green(red,`simply, simply, green`)\n```\n\n#### Escape\n\nIn some cases, for example if you want to pass content to a javascript string and you need to escape the content of the LiaScript content, wich could be a multiline string for example. Then you can simply add a `'` to your macro, for example:\n\n* `@'input` will result in an escaped version of the input string\n* `@'input(1)` is the same as above\n* `@'1` as a parameter will also get escaped\n* similarly to any other `@'macro(with, some, params)`\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliascript%2Fcheetsheet","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fliascript%2Fcheetsheet","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliascript%2Fcheetsheet/lists"}