diff --git a/css/theme/latex.css b/css/theme/latex.css index 74c9dcc..a80b4ff 100644 --- a/css/theme/latex.css +++ b/css/theme/latex.css @@ -5,9 +5,13 @@ section { width: 100vw; padding: 0 !important; } +* { + line-height: inherit; } + /* config */ :root { - --secondary: #c8ceda; } + --secondary: #c8ceda; + --margin: 0.1; } /* basic layout */ :root { @@ -72,6 +76,36 @@ body { max-width: 90%; max-height: 90%; box-shadow: 0.2em 0.2em 0.5em 0 rgba(0, 0, 0, 0.3); } + body .layout-two-columns { + display: grid; + min-height: 100vh; + max-height: 100vh; + min-width: 100vw; + max-width: 100vw; + overflow: auto; + grid-template-rows: auto auto auto 1fr; + grid-template-columns: var(--square); + grid-template-areas: "title" "column1" "column2" "."; + background: var(--secondary); } + @media screen and (min-aspect-ratio: 1 / 1) { + body .layout-two-columns { + grid-template-rows: auto calc(0.18 * var(--square)) calc(0.82 * var(--square)) auto; + grid-template-columns: var(--square) var(--square); + grid-template-areas: " . . " " title title " "column1 column2" " . . "; } } + @media screen and (min-aspect-ratio: 2 / 1) { + body .layout-two-columns { + grid-template-rows: calc(0.18 * var(--square)) calc(0.82 * var(--square)); + grid-template-columns: auto var(--square) var(--square) auto; + grid-template-areas: ". title title ." ". column1 column2 ."; } } + body .layout-two-columns .layout-title { + grid-area: title; + background: white; } + body .layout-two-columns .layout-column-one { + grid-area: column1; + background: white; } + body .layout-two-columns .layout-column-two { + grid-area: column2; + background: white; } /* content layout */ @font-face { @@ -99,62 +133,111 @@ body { margin: 0; line-height: 1.2em; } -.layout-content-and-preview, -.layout-content-only { - --margin: 0.1; } - .layout-content-and-preview .layout-content, - .layout-content-only .layout-content { - overflow: auto; - padding: calc(var(--margin) * var(--square)); } - .layout-content-and-preview .layout-content *:first-child, - .layout-content-only .layout-content *:first-child { - margin-top: 0; } - .layout-content-and-preview .layout-content .layout-title, - .layout-content-only .layout-content .layout-title { - padding: calc(0.3 * var(--margin) * var(--square)) 0; +.layout-content-and-preview .layout-content, +.layout-content-only .layout-content { + overflow: auto; + padding: calc(var(--margin) * var(--square)); } + .layout-content-and-preview .layout-content *:first-child, + .layout-content-only .layout-content *:first-child { + margin-top: 0; } + .layout-content-and-preview .layout-content .layout-title, + .layout-content-only .layout-content .layout-title { + padding: calc(0.3 * var(--margin) * var(--square)) 0; + line-height: 1.15em; } + .layout-content-and-preview .layout-content .layout-title h2, + .layout-content-only .layout-content .layout-title h2 { + margin: 0; line-height: 1.15em; } - .layout-content-and-preview .layout-content .layout-title h2, - .layout-content-only .layout-content .layout-title h2 { - margin: 0; } - .layout-content-and-preview .layout-content ul, - .layout-content-only .layout-content ul { - list-style-type: none; - padding-left: 0; - position: relative; } - .layout-content-and-preview .layout-content ul li::before, - .layout-content-only .layout-content ul li::before { - content: '▪'; - color: var(--secondary); - position: absolute; - left: calc(-0.33 * var(--margin) * var(--square)); } - .layout-content-and-preview .layout-content ul ul, - .layout-content-only .layout-content ul ul { - margin-left: calc(0.33 * var(--margin) * var(--square)); } - .layout-content-and-preview .layout-content pre, - .layout-content-only .layout-content pre { - margin-left: calc(-1 * var(--margin) * var(--square)); - padding-left: calc(var(--margin) * var(--square)); - line-height: 1.2em; - position: relative; - overflow: hidden; } - .layout-content-and-preview .layout-content pre::before, - .layout-content-only .layout-content pre::before { - content: attr(data-sourcefile); - position: absolute; - text-align: right; - color: var(--secondary); - top: .85em; - width: 100%; - left: calc(-1 * var(--square) + 1.2 * var(--margin) * var(--square)); - transform-origin: top right; - transform: rotate(-90deg); } - .layout-content-and-preview .layout-content code, - .layout-content-only .layout-content code { - font-size: 0.9em; - font-family: 'Fira Code'; } - .layout-content-and-preview .layout-content code.hljs, - .layout-content-only .layout-content code.hljs { - padding: .3em 0; } + .layout-content-and-preview .layout-content ul, + .layout-content-only .layout-content ul { + list-style-type: none; + padding-left: 0; + position: relative; } + .layout-content-and-preview .layout-content ul li::before, + .layout-content-only .layout-content ul li::before { + content: '▪'; + color: var(--secondary); + position: absolute; + left: calc(-0.33 * var(--margin) * var(--square)); } + .layout-content-and-preview .layout-content ul ul, + .layout-content-only .layout-content ul ul { + margin-left: calc(0.33 * var(--margin) * var(--square)); } + .layout-content-and-preview .layout-content pre, + .layout-content-only .layout-content pre { + margin-left: calc(-1 * var(--margin) * var(--square)); + padding-left: calc(var(--margin) * var(--square)); + line-height: 1.2em; + position: relative; + overflow: hidden; } + .layout-content-and-preview .layout-content pre::before, + .layout-content-only .layout-content pre::before { + content: attr(data-sourcefile); + position: absolute; + text-align: right; + color: var(--secondary); + top: .85em; + width: 100%; + left: calc(-1 * var(--square) + 1.2 * var(--margin) * var(--square)); + transform-origin: top right; + transform: rotate(-90deg); } + .layout-content-and-preview .layout-content pre code, + .layout-content-only .layout-content pre code { + padding: .3em 0; } + .layout-content-and-preview .layout-content code, + .layout-content-only .layout-content code { + font-size: 0.9em; + font-family: 'Fira Code'; } + +.layout-two-columns .layout-title { + padding: calc(0.3 * var(--margin) * var(--square)) calc(var(--margin) * var(--square)); } + .layout-two-columns .layout-title h2 { + line-height: 1.15em; } + +.layout-two-columns .layout-column-one, +.layout-two-columns .layout-column-two { + padding: calc(var(--margin) * var(--square)); + padding-top: 0; } + .layout-two-columns .layout-column-one *:first-child, + .layout-two-columns .layout-column-two *:first-child { + margin-top: 0; } + .layout-two-columns .layout-column-one ul, + .layout-two-columns .layout-column-two ul { + list-style-type: none; + padding-left: 0; + position: relative; } + .layout-two-columns .layout-column-one ul li::before, + .layout-two-columns .layout-column-two ul li::before { + content: '▪'; + color: var(--secondary); + position: absolute; + left: calc(-0.33 * var(--margin) * var(--square)); } + .layout-two-columns .layout-column-one ul ul, + .layout-two-columns .layout-column-two ul ul { + margin-left: calc(0.33 * var(--margin) * var(--square)); } + .layout-two-columns .layout-column-one pre, + .layout-two-columns .layout-column-two pre { + margin: 0 calc(-1 * var(--margin) * var(--square)); + line-height: 1.2em; + position: relative; + overflow: hidden; } + .layout-two-columns .layout-column-one pre::before, + .layout-two-columns .layout-column-two pre::before { + content: attr(data-sourcefile); + position: absolute; + text-align: right; + color: var(--secondary); + top: .85em; + width: 100%; + left: calc(-1 * var(--square) + 1.2 * var(--margin) * var(--square)); + transform-origin: top right; + transform: rotate(-90deg); } + .layout-two-columns .layout-column-one pre code, + .layout-two-columns .layout-column-two pre code { + padding: 0.3em calc(var(--margin) * var(--square)); } + .layout-two-columns .layout-column-one code, + .layout-two-columns .layout-column-two code { + font-size: 0.9em; + font-family: 'Fira Code'; } .layout.layout-chapter-heading { height: 100vh; @@ -176,3 +259,52 @@ h1 { vertical-align: bottom; max-width: var(--square); padding: 0 calc(var(--margin) * var(--square)) 0.5em; } + +h2[data-category]::before { + content: attr(data-category); + font-size: .7em; + font-variant: small-caps; + text-transform: lowercase; + background: black; + color: white; + padding: .1em .5em; + display: inline-block; + vertical-align: baseline; + letter-spacing: .1em; + position: relative; + margin-left: calc(-1 * var(--margin) * var(--square)); + padding-left: calc(var(--margin) * var(--square)); + margin-right: .5em; } + +img { + width: auto; + max-width: 100%; } + +table { + width: calc(var(--square) - var(--margin) * var(--square)); + margin-left: calc(-1 * var(--margin) * var(--square)); + border-spacing: 0; } + table tr:nth-child(2n-1) { + background: var(--secondary); } + table tr > *:first-child { + padding-left: calc(var(--margin) * var(--square)); } + table th, table td { + text-align: left; + vertical-align: top; + padding: .3em 0; } + +.box, blockquote { + margin-left: calc(-1 * var(--margin) * var(--square)); + padding: 0.8em 0.1em 0.1em calc(var(--margin) * var(--square)); + background: var(--secondary); } + +.box.warning { + background: #ffffaa; } + +blockquote { + text-indent: -.55em; + padding-bottom: .8em; } + blockquote::before { + content: '»'; } + blockquote cite::before { + content: ' – '; } diff --git a/css/theme/source/latex.scss b/css/theme/source/latex.scss index 896b071..faa3f0d 100644 --- a/css/theme/source/latex.scss +++ b/css/theme/source/latex.scss @@ -4,10 +4,14 @@ section { width: 100vw; padding: 0 !important; } +* { + line-height: inherit; +} /* config */ :root { --secondary: #c8ceda; + --margin: 0.1; } /* basic layout */ @@ -106,6 +110,54 @@ body { box-shadow: .2em .2em .5em 0 rgba(0, 0, 0, .3); } } + + .layout-two-columns { + display: grid; + min-height: 100vh; + max-height: 100vh; + min-width: 100vw; + max-width: 100vw; + overflow: auto; + grid-template-rows: auto auto auto 1fr; + grid-template-columns: var(--square); + grid-template-areas: + "title" + "column1" + "column2" + "."; + background: var(--secondary); + @media screen and (min-aspect-ratio: 1/1) { + grid-template-rows: auto calc(0.18 * var(--square)) calc(0.82 * var(--square)) auto; + grid-template-columns: var(--square) var(--square); + grid-template-areas: + " . . " + " title title " + "column1 column2" + " . . "; + } + @media screen and (min-aspect-ratio: 2/1) { + grid-template-rows: calc(0.18 * var(--square)) calc(0.82 * var(--square)); + grid-template-columns: auto var(--square) var(--square) auto; + grid-template-areas: + ". title title ." + ". column1 column2 ."; + } + + .layout-title { + grid-area: title; + background: white; + } + + .layout-column-one { + grid-area: column1; + background: white; + } + + .layout-column-two { + grid-area: column2; + background: white; + } + } } /* content layout */ @@ -139,8 +191,6 @@ body { .layout-content-and-preview, .layout-content-only { - --margin: 0.1; - .layout-content { overflow: auto; padding: calc(var(--margin) * var(--square)); @@ -155,6 +205,7 @@ body { h2 { margin: 0; + line-height: 1.15em; } } @@ -190,14 +241,74 @@ body { transform-origin: top right; transform: rotate(-90deg); } + code { + padding: .3em 0; + } } code { font-size: 0.9em; font-family: 'Fira Code'; - &.hljs { - padding: .3em 0; + } + } +} + +.layout-two-columns { + .layout-title { + padding: calc(0.3 * var(--margin) * var(--square)) calc(var(--margin) * var(--square)); + h2 { + line-height: 1.15em; + } + } + + .layout-column-one, + .layout-column-two { + padding: calc(var(--margin) * var(--square)); + padding-top: 0; + + *:first-child { + margin-top: 0; + } + + ul { + list-style-type: none; + padding-left: 0; + position: relative; + li::before { + content: '▪'; + color: var(--secondary); + position: absolute; + left: calc(-0.33 * var(--margin) * var(--square)); } + ul { + margin-left: calc(0.33 * var(--margin) * var(--square)); + } + } + + pre { + margin: 0 calc(-1 * var(--margin) * var(--square)); + line-height: 1.2em; + position: relative; + overflow: hidden; + &::before { + content: attr(data-sourcefile); + position: absolute; + text-align: right; + color: var(--secondary); + top: .85em; + width: 100%; + left: calc(-1 * var(--square) + 1.2 * var(--margin) * var(--square)); + transform-origin: top right; + transform: rotate(-90deg); + } + code { + padding: .3em calc(var(--margin) * var(--square)); + } + } + + code { + font-size: 0.9em; + font-family: 'Fira Code'; } } } @@ -226,3 +337,66 @@ h1 { max-width: var(--square); padding: 0 calc(var(--margin) * var(--square)) .5em; } + +h2[data-category]::before { + content: attr(data-category); + font-size: .7em; + font-variant: small-caps; + text-transform: lowercase; + background: black; + color: white; + padding: .1em .5em; + display: inline-block; + vertical-align: baseline; + letter-spacing: .1em; + position: relative; + // left: calc(-1 * var(--margin) * var(--square)); + // margin-right: calc(-1 * var(--margin) * var(--square) + 1em); + margin-left: calc(-1 * var(--margin) * var(--square)); + padding-left: calc(var(--margin) * var(--square)); + margin-right: .5em; +} + +img { + width: auto; + max-width: 100%; +} + +table { + width: calc(var(--square) - var(--margin) * var(--square)); + margin-left: calc(-1 * var(--margin) * var(--square)); + border-spacing: 0; + tr:nth-child(2n-1) { + background: var(--secondary); + } + tr>*:first-child { + padding-left: calc(var(--margin) * var(--square)); + } + th, td { + text-align: left; + vertical-align: top; + padding: .3em 0; + } +} + +.box, blockquote { + margin-left: calc(-1 * var(--margin) * var(--square)); + padding: .8em .1em .1em calc(var(--margin) * var(--square)); + background: var(--secondary); +} +.box.warning { + background: #ffffaa; +} +blockquote { + text-indent: -.55em; + padding-bottom: .8em; + &::before { + content: '»'; + } + &::after { + // content: '«'; + } + cite::before { + content: ' – ' + } +} diff --git a/sections/german/02/02.md b/sections/german/02/02.md index c0f64fc..cc75f70 100644 --- a/sections/german/02/02.md +++ b/sections/german/02/02.md @@ -1,5 +1,5 @@
-

Wie funktioniert LaTeX?

+

Wie funktioniert LATEX?

diff --git a/sections/german/03/03.md b/sections/german/03/03.md index befcb50..bbe5165 100644 --- a/sections/german/03/03.md +++ b/sections/german/03/03.md @@ -1,5 +1,5 @@
-

Grundstruktur eines LaTeX-Dokuments

+

Grundstruktur eines LATEX-Dokuments

diff --git a/sections/german/04/04.md b/sections/german/04/04.md index 1b3ec55..01c80e4 100644 --- a/sections/german/04/04.md +++ b/sections/german/04/04.md @@ -58,47 +58,29 @@
\section{Dies ist Abschnitt1}
 Hier ein Absatz zum
 Inhalt von Abschnitt 1.
+

![](sections/german/04/projekt_dokument.png)
- - --- -
-
-

Resultierende Projektstruktur

- - ![](sections/german/04/main_und_unterdateien.png) +
+
+

Vergleich

-
- ---- - -
-
-

Resultierendes Dokument

- - ![](sections/german/04/projekt_dokument.png) -
-
- ---- - -
-
- `\input{filename.tex}` +
+
\input{filename.tex}
  • Dateiendung .tex angeben
  • Schachtelung möglich: Unterdateien können wiederum per `\input{}` andere Unterunterdateien einbinden
  • Unterdatei wird im fertigen Dokument ohne Sprung auf neue Seite in Hauptdatei eingefügt
  • -
+
-
- `\include{filename}` +
+
\include{filename}
  • Dateiendung .tex **nicht** angeben
  • Schachtelung nicht möglich
  • @@ -109,73 +91,129 @@ Inhalt von Abschnitt 1. --- -## EXKURS: Dateipfade angeben 👣 -* wichtig für \input{}` und \include{}` sowie später für das Einbinden von Bildern -* Datei- und Ordnerstruktur = Baumstruktur - -![](sections/german/04/ordnerbaum.png) +
    +
    +

    Dateipfade angeben 👣

    +
      +
    • wichtig für `\input{}` und `\include{}` sowie später für das Einbinden von Bildern
    • +
    • Datei- und Ordnerstruktur = Baumstruktur
    • +
    +
    +
    + +
    +
    --- -### Absolute Dateipfade -* Pfad von der Wurzel des Ordnerbaums bis zur jeweiligen Datei -* die verschiedenen Ebenen des Baums werden dabei durch folgende Zeichen getrennt: - * / (Unix, Mac) - * \ (Windows) +
    +
    +

    Dateipfade angeben 👣

    +

    Absolute Dateipfade

    +
      +
    • Pfad von der Wurzel des Ordnerbaums bis zur jeweiligen Datei
    • +
    • die verschiedenen Ebenen des Baums werden dabei durch folgende Zeichen getrennt: +
        +
      • Unter Unix: `/`
      • +
      • Unter Windows: `\`
      • +
      +
    • +
    +
    +
    + +
    +
    --- -#### Beispiel - -![](sections/german/04/pfad_absolut.png) +
    +
    +

    Dateipfade angeben 👣

    +

    Relative Dateipfade

    +
      +
    • Pfad von einem bestimmten Ort irgendwo im Ordnerbaum bis zur jeweiligen Datei
    • +
    • kürzer + weniger Schreibarbeit! ☺
    • +
    • bei `\input{}`und `\include{}` muss der Pfad zu einer Unterdatei relativ zur Hauptdatei angeben werden
    • +
    +

    Der einfache Punkt bezieht sich bei relativen Pfaden auf den Ordner, in dem die Ausgangsdatei liegt (hier: LaTeX-Tut).

    +
    +
    + +
    +
    --- -### Relative Dateipfade -* Pfad von einem bestimmten Ort irgendwo im Ordnerbaum bis zur jeweiligen Datei -* kürzer + weniger Schreibarbeit! :) -* bei \input{}`und \include{}` muss z.B. der Pfad zu einer Unterdatei relativ zur Hauptdatei angeben werden + +
    +
    +

    Dateipfade angeben 👣

    +

    Relative Dateipfade

    +
      +
    • Pfad von einem bestimmten Ort irgendwo im Ordnerbaum bis zur jeweiligen Datei
    • +
    • kürzer + weniger Schreibarbeit! ☺
    • +
    • bei `\input{}`und `\include{}` muss der Pfad zu einer Unterdatei relativ zur Hauptdatei angeben werden
    • +
    +
    +
    + +
    +
    --- -#### Beispiel - -![](sections/german/04/pfad_relativ_gleicher_ordner.png) -Der einfache Punkt referiert bei relativen Pfaden auf den Ordner in dem die Datei liegt, im Verhältnis zu welcher der Pfad angegeben werden soll (hier: LaTeX-Tut). + +
    +
    +

    Dateipfade angeben 👣

    +

    Relative Dateipfade

    +
      +
    • Pfad von einem bestimmten Ort irgendwo im Ordnerbaum bis zur jeweiligen Datei
    • +
    • kürzer + weniger Schreibarbeit! ☺
    • +
    • bei `\input{}`und `\include{}` muss der Pfad zu einer Unterdatei relativ zur Hauptdatei angeben werden
    • +
    +

    Zwei Punkte bezeichnen den Elternordner des aktuellen Ordners (hier: Dokumente, der Elternordner von LaTeX-Tut).

    +
    +
    + +
    +
    --- -![](sections/german/04/pfad_relativ_unterordner.png) +
    +
    +

    Kompilieren des Projekts

    +
      +
    • Nur die Hauptdatei wird kompiliert, um das fertige PDF-Dokument zu erhalten
    • +
    • Fehlermeldungen enthalten dann Verweis, in welcher Unterdatei sie aufgetreten sind
    • +
    +
    +
    --- -![](sections/german/04/pfad_relativ_elternordner.png) -Zwei Punkte referieren auf den Elternordner des Ordners, in dem die Datei liegt, im Verhältnis zu welcher der Pfad angegeben werden soll (hier: Dokumente, der Elternordner von LaTeX-Tut). +
    +
    +

    Kompilieren des Projekts

    +
      +
    • die Unterdateiten können wegen ihrer fehlenden Präambel nicht selbstständig kompiliert werden
    • +
    • aber geschickter Trick bei \include{}`: \includeonly{file1,file2,...}` in die Präambel schreiben, um nur einzelne Unterdateien zu kompilieren
    • +
    +
    +
    --- -## Ende des Exkurses - ---- - -## Kompilieren des Projekts -* Nur die Hauptdatei wird kompiliert, um das fertige PDF-Dokument zu erhalten -* Fehlermeldungen enthalten dann Verweis, in welcher Unterdatei sie aufgetreten sind - ---- - -## Kompilieren des Projekts -* die Unterdateiten können wegen ihrer fehlenden Präambel nicht selbstständig kompiliert werden -* aber geschickter Trick bei \include{}`: \includeonly{file1,file2,...}` in die Präambel schreiben, um nur einzelne Unterdateien zu kompilieren - ---- - -## Was denkt ihr passiert, wenn wir den Header in eine Unterdatei auslagern? -### Wird das Gesamtdokument kompilieren oder nicht? - ---- - -### Ja, es kompiliert! -Ein einfacher weg, um die Hauptdatei noch übersichtlicher zu halten. - -![](sections/german/04/main_und_unterdateien_inkl_header.png) +
    +
    +

    Was denkt ihr passiert, wenn wir den Header in eine Unterdatei auslagern?

    +

    Wird das Gesamtdokument kompilieren oder nicht?

    +

    Ja, es kompiliert!
    + Ein einfacher weg, um die Hauptdatei noch übersichtlicher zu halten.

    +
    +
    + +
    +
    diff --git a/sections/german/05/05.md b/sections/german/05/05.md index e420f20..a3c9f23 100644 --- a/sections/german/05/05.md +++ b/sections/german/05/05.md @@ -1,276 +1,238 @@ -# All Features Welcome :) 🐉 +
    +
    +

    All Features Welcome :) 🐉

    +
    +
    --- -## Inline-Formatierung +
    +
    +

    Hervorhebungen

    + + + + + + + + +
    BezeichnungBefehl
    fett (bold face)\textbf{Very Important Stuff}
    kursiv (italics)\textit{Very Important Stuff}
    Kapitälchen (small capitals)\textsc{Very Important Stuff}
    dicktengleich (teletypefont)\texttt{Very Important Stuff}
    geneigt (slanted)\textsl{Very Important Stuff)
    unterstrichen\underline{Very Important Stuff}
    +
    +
    + +
    +
    --- -### Hervorhebungen +
    +
    +

    Hervorhebungen schachteln

    +

    Problemlos möglich:

    +
    \textbf{Very \textit{Important Stuff}}
    +
    +
    --- -#### Tabelle -|Bezeichnung|Befehl| -|:----------|:--------------------------| -|fett (bold face)|\textbf{Very Important Stuff}| -|kursiv (italics)|\textit{Very Important Stuff}| -|Kapitälchen (small capitals)|\textsc{Very Important Stuff}| -|Schreibmaschinenschrift (teletypefont)|\texttt{Very Important Stuff}| -|geneigt (slanted)|\textsl{Very Important Stuff)| -|unterstrichen|\underline{Very Important Stuff}| - -![](sections/german/05/hervorhebungen.png) +
    +
    +

    Hervorhebungen schachteln

    +

    Innerhalb kursiver Hervorhebung kann man auch den Befehl `\emph{text}` verwenden, um Passagen von der Kursivierung auszunehmen:

    +
    \texit{Very \emph{Important} Stuff}
    +
    +
    --- -#### unterstrichen -```tex -\underline{Very Important Stuff} -``` -$\underline{Very Important Stuff}$ - -#### fett (bold face) -```tex -\textbf{Very Important Stuff} -``` -$\textbf{Very Important Stuff}$ - -#### kursiv (italics) -```tex -\textit{Very Important Stuff} -``` -$\textit{Very Important Stuff}$ +
    +
    +

    Hervorhebungen: Schriftgröße

    +
    +

    Ein gutgemeinter Rat: Better Call ~~Saul~~ LaTeX!

    +

    Vgl. Abschnitt zu Syntax und Semantik:
    + Konsistentes Aussehen über das gesamte Dokument hinweg gewünscht?

    +

    Voreinstellungen von LaTeX zur Schriftgröße verschiedener Textelemente (Titel, Fließtext, Fußnoten) vertrauen!
    + Das heißt im Umkehrschluss: Möglichst wenig manuell an Schriftgrößen herumschrauben

    +
    +
    +
    --- -#### geneigt (slanted) -```tex -\textsl{Very Important Stuff} -``` -$\textsl{Very Important Stuff}$ - -#### Kapitälchen (small capitals) -```tex -\textsc{Very Important Stuff} -``` -$\textsc{Very Important Stuff}$ +
    +
    +

    Hervorhebungen: Schriftgröße

    +

    normalsize

    +
      +
    • Wird für den Fließtext verwendet
    • +
    • Standard: 10pt
    • +
    • Kann im Header folgendermaßen verändert werden:
    • +
    +
    \documentclass[12pt]{article}
    +
    +
    --- -#### Schreibmaschinenschrift (teletypefont) -Lässt sich z.B. dafür nutzen, wenn man in der Informatik inline Codeschnipsel einfügen möchte. -```tex -\texttt{Very Important Stuff} -``` -$\texttt{Very Important Stuff}$ +
    +
    +

    Hervorhebungen: Schriftgröße

    +

    Voreingestellte Schriftgrößen

    +

    Syntax:

    +
    {\fontsize ein Textabschnitt}
    +

    Zur Auswahl: immer relativ zu normalsize

    +
    {\tiny         Wenn}
    +{\footnotesize du}
    +{\small        das}
    +{\normalsize   lesen}
    +{\large        kannst,}
    +{\Large        brauchst}
    +{\LARGE        du}
    +{\huge         keine}
    +{\Huge         Brille.}
    +
    +
    + +
    --- -#### Hervorhebungen schachteln -Problemlos möglich: -```tex -\textbf{Very \textit{Important Stuff}} -``` -$\textbf{Very \textit{Important Stuff}}$ +
    +
    +

    Hervorhebungen: Schriftgröße

    +

    Manuelle Konfiguration

    +
    \fontsize{}{)\selectfont
    +

    Beispiel:

    +
    Das ist Text in normaler Schriftgröße.
     
    ----
    -
    -#### Hervorhebungen schachteln
    -Innerhalb kursiver Hervorhebung kann man auch den Befehl `\emph{text}` verwenden, um Passagen von der Kursivierung auszunehmen:
    -```tex
    -\texit{Very \emph{Important} Stuff}
    -```
    -$\texit{Very \emph{Important} Stuff}$
    -
    ----
    -
    -### Schriftgröße
    -
    ----
    -
    -#### Ein gutgemeinter Rat: Better Call ~~Saul~~ LaTeX!
    -Vgl. Abschnitt zu Syntax und Semantik:
    -Konsistentes Aussehen über das gesamte Dokument hinweg gewünscht?
    -Voreinstellungen von LaTeX zur Schriftgröße verschiedener Textelemente (Titel, Fließtext, Fußnoten) vertrauen!
    -
    -Das heißt im Umkehrschluss: Möglichst wenig manuell an Schriftgrößen herumschrauben
    -
    ----
    -
    -#### normalsize
    -
    -Wird für den Fließtext verwendet.
    -Standard: 10pt.
    -
    -Kann im Header  folgendermaßen verwendet werden:
    -```tex
    -\documentclass[12pt]{article}
    -```
    -
    ----
    -
    -#### Voreingestellte Schriftgrößen
    -Syntax:
    -```tex
    -{\fontsize ein Textabschnitt}
    -```
    -
    -Zur Auswahl: immer relativ zu normalsize
    -```tex
    -{\tiny Größe}
    -{\footnotesize Größe}
    -{\small Größe}
    -{\normalsize Größe}
    -{\large Größe}
    -{\Large Größe}
    -{\LARGE Größe}
    -{\huge Größe}
    -{\Huge Größe}
    -```
    -
    -![](sections/german/05/schriftgroesse.png)
    -
    ----
    -
    -#### Voreinstellungen
    -
    -Zur Auswahl:
    -```tex
    -	{\tiny Wenn}
    -	{\footnotesize du}
    -	{\small das}
    -	{\normalsize lesen}
    -	{\large kannst,}
    -	{\Large brauchst}
    -	{\LARGE du}
    -	{\huge keine}
    -	{\Huge Brille.}
    -```
    -
    -![](sections/german/05/schriftgroesse_optiker.png)
    -
    ----
    -
    -#### Manuelle Konfiguration
    -Syntax:
    -```tex
    -\fontsize{}{)\selectfont
    -```
    -
    -Beispiel:
    -```tex
    -Das ist Text in normaler Schriftgröße.
    -		
     \fontsize{1cm}{1.25cm}\selectfont
    -Das ist eine Textpassage in wirklich riesiger Schrift.
    -		
    +Das ist eine Textpassage in
    +wirklich riesiger Schrift.
    +
     \normalsize
    -Back to normal.
    -```
    -
    -![](sections/german/05/schriftgroesse_fontsize_befehl.png)
    +Back to normal.
    +
    +
    + +
    +
    --- -## Weitere Blockumgebungen +
    +
    +

    Weitere Blockumgebungen

    +
    +
    --- -... ---- - -## Sonderzeichen & Symbole - ---- - -### Escape Sequences 🏃‍♀️ -* In LaTeX werden viele Sonderzeichen für Befehle verwendet (z.B. %, $, \). -* Character Escaping: Tricks, um diese Sonderzeichen in ihrer eigentlichen Funktion im Fließtext zu benutzen -* oft reicht es, einen Backslash vorne anzuhängen: -```tex -\% +
    +
    +

    Sonderzeichen & Symbole

    +

    Escape Sequences 🏃‍

    +
      +
    • In LaTeX werden viele Sonderzeichen für Befehle verwendet (z.B. `%`, `$`, `\`)
    • +
    • Character Escaping: Tricks, um diese Sonderzeichen in ihrer eigentlichen Funktion im Fließtext zu benutzen
    • +
    • Oft reicht es, einen Backslash vorne anzuhängen:
    • +
    +
    \%
     \$
     \&
    -\{ \}
    -```
    +\{ \}
    +
    +
    --- -### Escaping Sequences -Bei anderen Sonderzeichen gibt es eigene Befehle: -```tex -\textbackslash +
    +
    +

    Sonderzeichen & Symbole

    +

    Escape Sequences 🏃‍

    +

    Bei anderen Sonderzeichen gibt es eigene Befehle:

    +
    \textbackslash  % Backslash
     \textasciitilde % Tilde
    -\copyright % Copyrightzeichen
    -```
    -
    -$\textbackslash$
    -$\textasciitilde$
    -$\copyright$
    +\copyright      % Copyrightzeichen
    +
    +
    --- -### Mathmode -Einige Sonderzeichen und Symbole funktionieren nur in einer Mathematikumgebung: -```tex -$\pi \Sigma \delta$ % griechische Buchstaben -$\dagger$ -``` - +
    +
    +

    Sonderzeichen & Symbole

    +

    Mathmode

    +

    Einige Sonderzeichen und Symbole funktionieren nur in einer Mathematikumgebung:

    +
    % griechische Buchstaben
     $\pi \Sigma \delta$
    -$\dagger$
    +
    +% Kreuz
    +$\dagger$
    +
    +
    --- -### Anführungszeichen -* Englisch: ` ``quote'' in LaTeX` -* Deutsch: " in Kombination mit dem ngerman-Paket als Umlautakzent definiert -```tex -"Anführungszeichen" -``` --> Änführungszeichen" -* Ersatz: german left/right quotes -```tex -\glq Anführungszeichen\grq % einfache quotes -\glqq Anführungszeichen\grqq % doppelte quotes -``` -* französische Anführungszeichen: french left/right quotes -```tex -\flqq guillemets\frqq -``` +
    +
    +

    Sonderzeichen & Symbole

    +

    Anführungszeichen

    +
      +
    • Englisch: ` ``quote'' `
      → “quote”
    • +
    • Deutsch: `"` in Kombination mit dem ngerman-Paket als Umlautakzent definiert: `"Anführungszeichen"`
      → Änführungszeichen"
    • +
    • Ersatz: german left/right quotes
    • +
    • `\glq einfache Anführungszeichen\grq`
      → ‚einfache …‘
    • +
    • `\glqq doppelte Anführungszeichen\grqq`
      → „doppelte …“
    • +
    • französische Anführungszeichen: french left/right quotes
    • +
    • `\flqq Guillements\frqq`
      → »Guillemets«
    • +
    +
    --- -### Die Sache mit den Strichen... -* Bindestrich - -```tex -- -Textsatz-System % in zusammengesetzen Wörter -Ein- und Ausgabe % als Ergänzungsstrich -``` -* Gedankenstrich -- -```tex --- -LaTeX ist -- wie Typograf*innen bestätigen können -- ein exzellentes Textsatzsystem. % für Einschübe -Mit LaTeX kann man sogar Gedichte und Kochrezepte setzen -- der Fantasie sind keine Grenzen gesetzt. % dort, wo in der gesprochenen Sprache eine Pause gemacht wird -``` +
    +
    +

    Sonderzeichen & Symbole

    +

    Die Sache mit den Strichen …

    +
      +
    • Bindestrich -
    • +
    +
    Textsatz-System % in zusammengesetzen Wörter
    +Ein- und Ausgabe % als Ergänzungsstrich
    +
      +
    • Gedankenstrich –
    • +
    +
    LaTeX ist -- wie Typograf*innen bestätigen können -- ein exzellentes Textsatzsystem. % für Einschübe
    +		Mit LaTeX kann man sogar Gedichte und Kochrezepte setzen -- der Fantasie sind keine Grenzen gesetzt. % dort, wo in der gesprochenen Sprache eine Pause gemacht wird
    +
    +
    --- -### Euro 💸 -(Paket eurosym, Befehl \euro) - -```tex -LaTeX zu verwenden kostet 0 \euro. -``` - -LaTeX zu verwenden kostet 0 €. +
    +
    +

    Sonderzeichen & Symbole

    +

    Euro 💸

    +
      +
    • Paket eurosym
    • +
    • Befehl \euro
    • +
    +
    LaTeX zu verwenden kostet 0 \euro.
    +
    +
    --- -### Detexify to the rescue! ⛑️ -- Symbol malen und erkennen lassen: http://detexify.kirelabs.org/classify.html -- Ausführliche Liste an verwendbaren Symbolen: http://tug.ctan.org/info/symbols/comprehensive/symbols-a4.pdf - +
    +
    +

    Sonderzeichen & Symbole

    +

    Detexify to the rescue! ⛑️

    +
      +
    • Symbol malen und erkennen lassen: http://detexify.kirelabs.org/classify.html
    • +
    • Ausführliche Liste an verwendbaren Symbolen: http://tug.ctan.org/info/symbols/comprehensive/symbols-a4.pdf
    • +
    +
    +
    diff --git a/sections/german/06/06.md b/sections/german/06/06.md index 0ee10cf..74f49bc 100644 --- a/sections/german/06/06.md +++ b/sections/german/06/06.md @@ -1,4 +1,6 @@ -# Literaturverwaltung - -"Literatur ist nichts für Bürokraten, sie sollte nicht verwaltet werden, sondern gelesen und gelebt." -Zitat Zarathustra ;) +
    +
    +

    Literatur­verwaltung

    +
    Literatur ist nichts für Bürokraten,
    sie sollte nicht verwaltet werden,
    sondern gelesen und gelebt.« Zarathustra
    +
    +
    diff --git a/sections/german/07/07.md b/sections/german/07/07.md index 6dd0e86..26648ca 100644 --- a/sections/german/07/07.md +++ b/sections/german/07/07.md @@ -1 +1,5 @@ -# Ausblick +
    +
    +

    Ausblick

    +
    +