Markdown-Extensions

GUI Elemente

im Tab Einstellungen Wähle den Menüpunkt Datei Öffnen

im Tab *Einstellungen*
Wähle den Menüpunkt __Datei__ :mdi[chevronRight] __Öffnen__

Bilder

Stormtroopocat

![Stormtroopocat](./images/stormtroopocat.jpg)

Grösse

Breite: 200px

![Breite: 200px --width=200px](./images/stormtroopocat.jpg)

Breite: 30%

![Breite: 30% --width=30%](images/stormtroopocat.jpg)

Icons (MDI)

:mdi[island] :mdi[soccer]

farbig

:mdi[school]{.red} 
:mdi[school]{.green}
:mdi[school]{.blue}
:mdi[school]{.yellow}
:mdi[school]{.orange}
:mdi[school]{.cyan}

unterschiedliche Grösse

:mdi[school]{.m} :mdi[school]{.l} :mdi[school]{.xl}

oder kombiniert...

:mdi[school]{.orange .m} :mdi[school]{.red .l} :mdi[school]{.green .xl}

Flex Boxen - Inhalt Nebeneinander

Dojocat

Stormtroopocat

Minions

:::flex
![Dojocat](./images/dojocat.jpg)
::br
![Stormtroopocat](./images/stormtroopocat.jpg)
::br
![Minions](./images/minion.png)
:::

mit Text

Eine Dojocat ist ein Maskottchen der Code-Hosting-Website GitHub. Es handelt sich um eine Katze, die ein Karateanzug trägt und somit die Verbindung zu "Dojo" herstellt, einem Ort, an dem man traditionell japanische Kampfkünste studiert. Die Dojocat wurde erstmals 2012 von GitHub-Mitarbeiterin Cameron McEfee entworfen und seitdem in verschiedenen Versionen und mit unterschiedlichen Accessoires präsentiert. Sie ist ein beliebtes Symbol in der Entwicklergemeinschaft und wird oft in Zusammenhang mit Open-Source-Projekten und Programmierwettbewerben verwendet.

Dojocat

:::flex
Eine Dojocat ist ein...
::br
![Dojocat](./images/dojocat.jpg)
:::

Ausrichtung der Elemente: center, start, end

--alignItems=center

Eine Dojocat ist ein Maskottchen der Code-Hosting-Website GitHub. Es handelt sich um eine Katze, die ein Karateanzug trägt und somit die Verbindung zu "Dojo" herstellt, einem Ort, an dem man traditionell japanische Kampfkünste studiert. Die Dojocat wurde erstmals 2012 von GitHub-Mitarbeiterin Cameron McEfee entworfen und seitdem in verschiedenen Versionen und mit unterschiedlichen Accessoires präsentiert. Sie ist ein beliebtes Symbol in der Entwicklergemeinschaft und wird oft in Zusammenhang mit Open-Source-Projekten und Programmierwettbewerben verwendet.

Dojocat

:::flex[--alignItems=center]
Eine Dojocat ist ein...
::br
![Dojocat](./images/dojocat.jpg)
:::

Cards

Dojocat

Stormtroopocat

Minions

:::cards
![Minions](./images/dojocat.jpg)
::br
![Stormtroopocat](./images/stormtroopocat.jpg)
::br
![Minions](./images/minion.png)
:::

Details

Klicken für mehr Details

Ein Minion als Überraschung

Minion

Details

Ein Minion als Überraschung

Minion

Lösung

Ein Minion als Überraschung

Minion

:::details[Klicken für mehr Details]
Ein Minion als Überraschung
![Minion --width=200px](images/minion.png)
:::

:::details
Ein Minion als Überraschung
![Minion --width=200px](images/minion.png)
:::

:::solution
Ein Minion als Überraschung
![Minion --width=200px](images/minion.png)
:::

Admonitions

Info

Probier es aus

Hinweis

Some content with markdown syntax.

Tipp

Some content with markdown syntax.

Info

Some content with markdown syntax.

Information

Es kann auch ein angepasster Titel gewählt werden.

Warnung

Some content with markdown syntax.

Vorsicht

Some content with markdown syntax.

:::aufgabe
Probier es aus
:::

:::note
Some **content** with _markdown_ `syntax`.
:::

:::tip
Some **content** with _markdown_ `syntax`.
:::

:::info
Some **content** with _markdown_ `syntax`.
:::

:::info[Information]
Some **content** with _markdown_ `syntax`.
:::

:::warning
Some **content** with _markdown_ `syntax`.
:::

:::danger
Some **content** with _markdown_ `syntax`.
:::

deflist

Definition 1

Erklärung 1a

Erklärung 1b

Definition 2

Erklärung 2

Definition 1
: Erklärung 1a
: Erklärung 1b

Definition 2
: Erklärung 2

kbd

Ctrl + x

[[Ctrl]] + [[x]]

Anpassungen

Minion

![Minion --width=120px](./images/dojocat.jpg)