Skip to main content

Typografie

Das Quark-Thema ist das neue Standardthema für Grav, das mit Spectre.css erstellt wurde. Es wurde jedoch durch ein eigenes Gerfficient-Thema ersetzt.

Das Gerfficient-Thema ist ebenfalls so schlank wie möglich und verfügt über ein reaktionsfähiges und modernes CSS-Framework. Es ordnet grundlegende Stile für Typografie, Elemente und ein reaktionsfähiges Layoutsystem an, das bewährte Praktiken und konsistentes Sprachdesign nutzt. Durch das automatische Einbinden von highlighting.js und MathJax werden sowohl Syntaxhervorhebung als auch LaTeX-ähnliche Gleichungsformatierung unterstützt.

Überschriften

H1 Überschrift 2rem

H2 Überschrift 1.5rem

H3 Überschrift 1.17rem

H4 Überschrift 1rem

H5 Überschrift 0.83rem
H6 Überschrift 0.67rem

# H1 Überschrift `2rem`

## H2 Überschrift `1.5rem`

### H3 Überschrift `1.17rem`

#### H4 Überschrift `1rem`

##### H5 Überschrift `0.83rem`

###### H6 Überschrift `0.67rem`

Absätze

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent risus leo, dictum in vehicula sit amet, feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.

Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs.

Semantische Textelemente in Markdown

Fett **Fett**

_Kursiv_ _Kursiv_

Gestrichen ~~ Gestrichen ~~

Code `Code`

Semantische Textelemente in HTML

I18N <abbr>

Zitat <cite>

Ctrl + S <kbd>

TextHochgestellt <sup>

TextTiefgestellt <sub>

Unterstrichen <u>

Hervorgehoben <mark>

<time>

x = y + 2 <var>

Formeln

Nutze $ für eine Formel in einer Zeile $ a^2 + b^2 = c^2 $ oder $$ für eigenständige Formeln wie:

$$ x_{0,1} = \frac{-b \pm \sqrt{b^2 -4ac}}{2a} $$

durch: 


$$ x_{0,1} = \frac{-b \pm \sqrt{b^2 -4ac}}{2a} $$

oder:

$$ \begin{aligned} \text{div}\vec{D} = \vec{\nabla} \cdot \vec{D} = \rho &\Leftrightarrow \oint_{\delta V} \vec{D} \cdot d\vec{A} = \iiint_V{\rho dV} = Q(V) \\\\ \text{div}\vec{B} = \vec{\nabla} \cdot \vec{B} = 0 &\Leftrightarrow \oint_{\delta V} \vec{D} \cdot d\vec{A} = 0 \\\\ \text{rot}\vec{E} = \vec{\nabla} \times \vec{E} = - \frac{\delta\vec{B}}{\delta t} &\Leftrightarrow \oint_{\delta A} \vec{E} \cdot d\vec{s} = -\iint_A{\frac{\delta\vec{B}}{\delta t} d\vec{A}} \\\\ \text{rot}\vec{H} = \vec{\nabla} \times \vec{H} = \vec{j}_l + \frac{\delta\vec{D}}{\delta t} &\Leftrightarrow \oint_{\delta A} \vec{H} \cdot d\vec{s} = \iint_A{\vec{j}_l \cdot d\vec{A}} + \iint_A{\frac{\delta\vec{D}}{\delta t}\cdot d\vec{A}} \end{aligned} $$

durch: 


\begin{aligned}
\text{div}\vec{D} = \vec{\nabla} \cdot \vec{D} = \rho &\Leftrightarrow \oint_{\delta V} \vec{D} \cdot d\vec{A} = \iiint_V{\rho dV} = Q(V) \\\\
\text{div}\vec{B} = \vec{\nabla} \cdot \vec{B} = 0 &\Leftrightarrow \oint_{\delta V} \vec{D} \cdot d\vec{A} = 0 \\\\
\text{rot}\vec{E} = \vec{\nabla} \times \vec{E} = - \frac{\delta\vec{B}}{\delta t} &\Leftrightarrow \oint_{\delta A} \vec{E} \cdot d\vec{s} = -\iint_A{\frac{\delta\vec{B}}{\delta t} d\vec{A}} \\\\
\text{rot}\vec{H} = \vec{\nabla} \times \vec{H} = \vec{j}_l + \frac{\delta\vec{D}}{\delta t} &\Leftrightarrow \oint_{\delta A} \vec{H} \cdot d\vec{s} = \iint_A{\vec{j}_l \cdot d\vec{A}} + \iint_A{\frac{\delta\vec{D}}{\delta t}\cdot d\vec{A}}
\end{aligned}

Blockquote

Der technische Fortschritt basiert darauf, dass er sich so einfügt, dass man ihn gar nicht bemerkt, sodass er Teil des täglichen Lebens ist. > - Bill Gates 

> Der technische Fortschritt basiert darauf, dass er sich so einfügt, dass man ihn gar nicht bemerkt,
> sodass er Teil des täglichen Lebens ist.
>
> <cite>- Bill Gates</cite>

Ungeordnete Liste


* Listenelement 1
* Listenelement 2
    * Listenelement 2.1
    * Listenelement 2.2
    * Listenelement 2.3
* Listenelement 3

Geordnete Liste

  1. Listenelement 1
  2. Listenelement 2
    1. Listenelement 2.1
    2. Listenelement 2.2
    3. Listenelement 2.3
  3. Listenelement 3

1. Listenelement 1
1. Listenelement 2
    1. Listenelement 2.1
    1. Listenelement 2.2
    1. Listenelement 2.3
1. Listenelement 3

Tabelle

| Name | Genre | Release date | | :-------------------------- | :---------------------------: | -------------------: | | The Shawshank Redemption | Crime, Drama | 14 October 1994 | | The Godfather | Crime, Drama | 24 March 1972 | | Schindler's List | Biography, Drama, History | 4 February 1994 | | Se7en | Crime, Drama, Mystery | 22 September 1995 | 


| Name                        | Genre                         | Release date         |
| :-------------------------- | :---------------------------: | -------------------: |
| The Shawshank Redemption    | Crime, Drama                  | 14 October 1994      |
| The Godfather               | Crime, Drama                  | 24 March 1972        |
| Schindler's List            | Biography, Drama, History     | 4 February 1994      |
| Se7en                       | Crime, Drama, Mystery         | 22 September 1995    |

Hinweise

Die Notices-Stile werden eigentlich vom markdown-notices-Plugin bereitgestellt, sind aber nützlich genug, um hier aufgeführt zu werden:

Dies ist ein Warnhinweis
Dies ist ein Fehlerhinweis
Dies ist ein Standardhinweis
Dies ist ein Erfolgshinweis

! Dies ist ein Warnhinweis

!! Dies ist ein Fehlerhinweis

!!! Dies ist ein Standardhinweis

!!!! Dies ist ein Erfolgshinweis

Bilder

Katze


![Katze](cat.jpeg)

Querverweise

Klick 


[Klick](#)