← Home

~2 min · Stefan Huber · November 11, 2022

Titel der Arbeit

Lead · Einleitung zur Arbeit

Intro

Grundsätzlich verhält sich das Template wie normaler Markdown-Text. Es gibt aber einige erweiterte Funktionen. Für weitere Infos siehe Github.

Inhaltsverzeichnis

Inhaltsverzeichnis (Element)

Das Inhaltsverzeichnis kann über ein toc (Table of Contents) Code-Block gesteuert werden.

  • exclude – welcher Titel soll nicht im Inhaltsverzeichnis erscheinen
  • from-heading – erste Stufe, die ausgegeben werden soll. 2 = h2
  • to-heading – letzte Stufe, die ausgegeben werden soll. 6 = h6

Eingabe

```toc
exclude: Inhaltsverzeichnis
from-heading: 2
to-heading: 6
```

Darstellung

siehe oben

Text

Marginalie

Text Marginalie · Randspalten mit <Margin></Margin>-Tags umschliessen.

Text · Normaler Text kann wie in Markdown üblich verfasst werden.

Listen

Eingabe

* Item A
* Item B
* Item C

Darstellung

  • Item A
  • Item B
  • Item C

Nummerierte Listen

Eingabe

1. Item 1
2. Item 2
3. Item 3

Darstellung

  1. Item 1
  2. Item 2
  3. Item 3

Code

Code kann entweder als Block oder Inline eingegeben werden.

Eingabe

Inline `code`

```js
var kk = "kk";
```

Darstellung

Inline code

var kk = "kk";

Fussnoten

Text mit Fussnoten kann wie in Markdown üblich entweder mit Referenzen gemacht werden:

Eingabe

_«Zitat A»_[^quote-one]

[^quote-one]: ...

oder inline

_«Zitat B»_[^hier der Text]

Darstellung

«Zitat A»1 «Zitat B»2

Abbildungsverzeichnis

Möchte man die Abbildungen (oder weitere Verzeichnisse) ausserhalb der Fussnoten pflegen, kann man die Fussnoten mit einem Gruppen-Prefix (:gruppe:) markieren:

Eingabe

_Bild A_[^:fig:one]

[^:fig:one]: ...

oder inline

_Bild B_[^:fig:hier der Text]

Darstellung

Bild AFig. 1 Bild BFig. 2

Zitate

Absätze mit Zitaten können speziell markiert werden.

Eingabe

> Absatz als Zitat.[^quote-one]

Darstellung

Absatz als Zitat.1

Bilder

Wenn unter einem Bild direkt im Anschluss ein ausgezeichneter Text (*text*) steht, erhält dieser Text die Formatierung für Bildunterschriften.

Eingabe

![Cat](./img/header.jpg)
*Wow so miau. Much cute.[^:fig:pic-source]*

Darstellung

Cat Wow so miau. Much cute.Fig. 3

Video

Videos sollten in eine responsive Box gepackt werden. Als Ratio kann 16:9, 4:3 oder 3:2 gangegeben werden.

Eingabe

<Box ratio="16:9">

<iframe src="https://player.vimeo.com/video/169809377" frameborder="0"></iframe>

</Box>

Darstellung

Grid – volle Breite

Eingabe

<Grid>

![Cat](./img/header.jpg)
*Hello Cat[^:fig:pic-source]*

</Grid>

Darstellung

Cat Hello CatFig. 3

Grid – volle Breite mit Hintergrund

Eingabe

<Grid background>

![Cat](./img/header.jpg)
*Hello Cat[^:fig:pic-source]*

</Grid>

Darstellung

Cat Hello CatFig. 3

Grid – mit Spalten

Eingabe

<Grid>
<Column start="1" end="7">

### Cat Column A
...

</Column>
<Column start="7" end="13">

### Cat Column B
...

</Column>
</Grid>

Darstellung

Cat Column A

Cat Hello CatFig. 3

Cat Column B

Cat Hello CatFig. 3

Einzelnachweise

Abbildungsverzeichnis

(Kann auch bei Einzelnachweis gepflegt werden)


Mentoring durch

Vorname Nachname
HFIAD 2017
Schule für Gestaltung Zürich
name@xyz.ch

Vorgelegt von

Vorname Nachname
sonstiges
name@xyz.ch