<div class="layout-content-only">
	<div class="layout-content">
		<h1>All Features Welcome ☺ 🐉</h1>
	</div>
</div>

---

<!--
	SONDERZEICHEN
-->
<div class="layout-content-only">
	<div class="layout-content">
		<h1>Sonderzeichen</h1>
	</div>
</div>

---

<div class="layout-content-and-preview">
  <div class="layout-content">
    <h2>Leerzeichen</h2>
    <ul>
		<li>normale Wortzwischenräume per Leertaste</li>
		<li>geschützte Leerzeichen: `~`</li>
		<li>schmale Leerzeichen: `\,`</li>
		<li>viele weitere Breiten verfügbar</li>
	</ul>
    <pre class="lang-tex hljs"><code>Schmale Leerzeichen werden z.\,B. in
Abkürzungen und zwischen Zahlen und
Einheiten verwendet: 10\,s.
Normalbreite, aber geschützte Leerzeichen
können beispielsweise dabei helfen,
Titel und Namen in einer Zeile zu halten:
Dr.~Fooboar.</code></pre>
  </div>
  <div class="layout-preview">
    <img src="sections/german/05/leerzeichen-crop.svg">
  </div>
</div>

---

TODO: Striche (normaler Bindestrich, LaTeX-Bindestriche, Streckenstriche, Gedankenstriche deutsch/englisch), Silbentrennung in LaTeX mit overfull hboxes

---

TODO: Anführungszeichen (einfache LaTeX-Syntax und Befehle, jeweils für deutsch, deutsch-alternativ und englisch)

---

TODO: Diakritika (UTF8-Input und https://en.wikibooks.org/wiki/LaTeX/Special_Characters#Escaped_codes)

---

TODO: Andere Sonderzeichen: \slash \ldots (https://en.wikibooks.org/wiki/LaTeX/Special_Characters#Other_symbols); manche funktionieren nur in Formeln, kommt später

---

TODO: Generell UTF8-Input möglich

---


<div class="layout-content-only">
	<div class="layout-content">
		<h2>Sonderzeichen & Symbole</h2>
		<h3>Escape Sequences 🏃‍</h3>
		<ul>
			<li>In LaTeX werden viele Sonderzeichen für Befehle verwendet (z.B. `%`, `$`, `\`)</li>
			<li>Character Escaping: Tricks, um diese Sonderzeichen in ihrer eigentlichen Funktion im Fließtext zu benutzen</li>
			<li>Oft reicht es, einen **Backslash** vorne anzuhängen:</li>
		</ul>
		<pre class="lang-tex hljs"><code>\%
\$
\&
</code></pre>
	</div>
</div>

---

<div class="layout-content-only">
	<div class="layout-content">
		<h2>Sonderzeichen & Symbole</h2>
		<h3>Escape Sequences 🏃‍</h3>
		<p>Bei anderen Sonderzeichen gibt es **eigene Befehle**:</p>
		<pre class="lang-tex hljs"><code>\textbackslash  % Backslash
\textasciitilde % Tilde
\copyright      % Copyrightzeichen</code></pre>
	</div>
</div>

---

<div class="layout-content-only">
	<div class="layout-content">
		<h2>Sonderzeichen & Symbole</h2>
		<h3>Mathmode</h3>
		<p>Einige Sonderzeichen und Symbole funktionieren nur in einer Mathematikumgebung:</p>
		<pre class="lang-tex hljs"><code>% griechische Buchstaben
$\pi \Sigma \delta$

% Kreuz
$\dagger$</code></pre>
	</div>
</div>

---

<div class="layout-content-only">
	<div class="layout-content">
		<h2>Sonderzeichen & Symbole</h2>
		<h3>Anführungszeichen</h3>
		<ul>
			<li>Englisch: ` ``quote'' ` <br>→ “quote”</li>
			<li>Deutsch: `"` in Kombination mit dem ngerman-Paket als Umlautakzent definiert: `"Anführungszeichen"` <br>→ Änführungszeichen"</li>
			<li>Ersatz: german left/right quotes</li>
			<li>`\glq einfache Anführungszeichen\grq` <br>→ ‚einfache …‘</li>
			<li>`\glqq doppelte Anführungszeichen\grqq` <br>→ „doppelte …“</li>
			<li>französische Anführungszeichen: french left/right quotes</li>
			<li>`\flqq Guillements\frqq` <br>→ »Guillemets«</li>
	</div>
</div>

---

<div class="layout-content-only">
	<div class="layout-content">
		<h2>Sonderzeichen & Symbole</h2>
		<h3>Die Sache mit den Strichen …</h3>
		<ul>
			<li>Bindestrich -</li>
		</ul>
		<pre class="lang-tex hljs"><code>Textsatz-System % in zusammengesetzen Wörter
Ein- und Ausgabe % als Ergänzungsstrich</code></pre>
		<ul>
			<li>Gedankenstrich –</li>
		</ul>
		<pre class="lang-tex hljs"><code>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</code></pre>
	</div>
</div>

---

<div class="layout-content-only">
	<div class="layout-content">
		<h2>Sonderzeichen & Symbole</h2>
		<h3>Euro 💸</h3>
		<ul>
			<li>Paket <code class="snippet">eurosym</code></li>
			<li>Befehl <code class="snippet">\euro</code></li>
		</ul>
		<pre class="lang-tex hljs"><code>LaTeX zu verwenden kostet 0 \euro.</code></pre>
	</div>
</div>

---

<div class="layout-content-only">
	<div class="layout-content">
		<h2>Sonderzeichen & Symbole</h2>
		<h3>Detexify to the rescue! ⛑️</h3>
		<ul>
			<li>Symbol malen und erkennen lassen: <a href="http://detexify.kirelabs.org/classify.html">Detexify</a></li>
			<li>Ausführliche Liste an verwendbaren Symbolen: <a href="http://tug.ctan.org/info/symbols/comprehensive/symbols-a4.pdf">PDF auf CTAN-Webseite</a></li>
		</ul>
	</div>
</div>

<!--
	TEXTAUSZEICHNUNG
-->
<div class="layout-content-only">
	<div class="layout-content">
		<h1>Text&shy;auszeichnung</h1>
	</div>
</div>

---

<div class="layout-content-and-preview">
	<div class="layout-content">
		<h2>Hervorhebungen</h2>
		<p>TODO `\emph{}` und was äquivalentes zu `<strong>`</p>
	</div>
	<div class="layout-preview">
		TODO
	</div>
</div>

---

<div class="layout-content-only">
	<div class="layout-content">
		<h2>Hervorhebungen schachteln</h2>
		<p>Innerhalb kursiver Hervorhebung kann man auch den Befehl `\emph{text}` verwenden, um Passagen von der Kursivierung auszunehmen:</p>
		<pre class="lang-tex hljs"><code>\textit{Very \emph{Important} Stuff}</code></pre>
	</div>
</div>

---

<div class="layout-content-and-preview">
	<div class="layout-content">
		<h2>Optische Auszeichnungen</h2>
		<p>
		<table>
			<tr><th>Bezeichnung</th><th>Befehl</th></tr>
			<tr><td>fett (bold face)</td><td><code>\textbf{Very Important Stuff}</code></td></tr>
			<tr><td>kursiv (italics)</td><td><code>\textit{Very Important Stuff}</code></td></tr>
			<tr><td>Kapitälchen (small capitals)</td><td><code>\textsc{Very Important Stuff}</code></td></tr>
			<tr><td>dicktengleich (teletypefont)</td><td><code>\texttt{Very Important Stuff}</code></td></tr>
			<tr><td>geneigt (slanted)</td><td><code>\textsl{Very Important Stuff)</code></td></tr>
			<tr><td>unterstrichen</td><td><code>\underline{Very Important Stuff}</code></td></tr>
			<tr><td>hochgestellt</td><td><code>\textsuperscript{Very Important Stuff}</code></td></tr>
			<tr><td>tiefgestellt</td><td><code>\textsubscript{Very Important Stuff}</code></td></tr>
		</table>
	</div>
	<div class="layout-preview">
		<img src="sections/german/05/hervorhebungen.png">
		<img src="sections/german/05/hervorhebungen-crop.svg">
	</div>
</div>

---

<div class="layout-content-only">
	<div class="layout-content">
		<h2>Auszeichnungen schachteln</h2>
		<p>Problemlos möglich:</p>
		<pre class="lang-tex hljs"><code>\textbf{Very \textit{Important Stuff}}</code></pre>
	</div>
</div>

---

<div class="layout-content-only">
	<div class="layout-content">
		<h2>Schriftgröße</h2>
		<div class="box warning">
			<p><strong>Ein gutgemeinter Rat: Better Call ~~Saul~~ LaTeX!</strong></p>
			<p>Vgl. Abschnitt zu Syntax und Semantik:<br>
			Konsistentes Aussehen über das gesamte Dokument hinweg gewünscht?</p>
			<p>Voreinstellungen von LaTeX zur Schriftgröße verschiedener Textelemente (Titel, Fließtext, Fußnoten) vertrauen!<br>
			Das heißt im Umkehrschluss: Möglichst wenig manuell an Schriftgrößen herumschrauben.</p>
		</div>
	</div>
</div>

---

<div class="layout-content-only">
	<div class="layout-content">
		<h2>Schriftgröße</h2>
		<h3>normalsize</h3>
		<ul>
			<li>Wird für den Fließtext verwendet</li>
			<li>Standard: 10pt</li>
			<li>Kann im Header  folgendermaßen verändert werden:</li>
		</ul>
		<pre class="lang-tex hljs"><code>\documentclass[12pt]{article}</code></pre>
	</div>
</div>

---

<div class="layout-content-and-preview">
	<div class="layout-content">
		<h2>Schriftgröße</h2>
		<h3>Voreingestellte Schriftgrößen</h3>
		<p>Syntax:</p>
		<pre class="lang-tex hljs"><code>{\fontsize ein Textabschnitt}</code></pre>
		<p>Zur Auswahl: immer relativ zu normalsize</p>
		<pre class="lang-tex hljs"><code>{\tiny         Wenn}
{\footnotesize du}
{\small        das}
{\normalsize   lesen}
{\large        kannst,}
{\Large        brauchst}
{\LARGE        du}
{\huge         keine}
{\Huge         Brille.}</code></pre>
	</div>
	<div class="layout-preview">
		<img src="sections/german/05/schriftgroesse_optiker.png">
	</div>

---

<div class="layout-content-and-preview">
	<div class="layout-content">
		<h2>Schriftgröße</h2>
		<h3>Manuelle Konfiguration möglich</h3>
		<pre class="lang-tex hljs"><code>\fontsize{&lt;Schriftgröße>}{&lt;Zeilenhöhe>}
\selectfont</code></pre>
		<p>Beispiel:</p>
		<pre class="lang-tex hljs"><code>Das ist Text in normaler Schriftgröße.

\fontsize{1cm}{1.25cm}\selectfont
Das ist eine Textpassage in
wirklich riesiger Schrift.

\normalsize
Back to normal.</code></pre>
	</div>
	<div class="layout-preview">
		<img src="sections/german/05/schriftgroesse_fontsize_befehl.png">
	</div>
</div>

---

## URLs

Paket hyperref mit `\url` sorgt für zeichentreue Wiedergabe und bindestrichlose Umbrüche

---

<div class="layout-only">
    <div class="layout-content">
        <h2 data-category="Aufgabe">4. Sonderzeichen einfügen</h2>
        <ul>
            <li class="fragment">Suche dir aus der PDF-Liste zu Sonderzeichen einige interessante Symbole aus und füge sie in den ersten Absatz von xxx ein.</li>
            <li class="fragment">Ließ dir den ersten Absatz von xxx durch und hebe auf unterschiedliche Art und Weise (fett, kursiv etc.) Abschnitte hervor, die dir wichtig erscheinen.</li>
            <li class="fragment">Variiere zum Testen die Schriftgröße: Setze einen Satz in winziger, einen anderen in riesiger Schrift. Probiere aus, eine eigene Schriftgröße zu konfiguieren.</li>
        </ul>
    </div>
</div>

---

<!--
	ABSATZFORMATIERUNG
-->
<div class="layout-content-only">
	<div class="layout-content">
		<h1>Absatz&shy;formatierung</h1>
	<div>
</div>

---

TODO: Absatzausrichtung (https://en.wikibooks.org/wiki/LaTeX/Paragraph_Formatting#Paragraph_alignment)

---

TODO: Einzüge und Abstände (https://en.wikibooks.org/wiki/LaTeX/Paragraph_Formatting#Paragraph_alignment)

---

TODO: Umbrüche (https://en.wikibooks.org/wiki/LaTeX/Paragraph_Formatting#Manual_breaks)

---

<div class="layout-only">
    <div class="layout-content">
        <h2 data-category="Aufgabe">5. Absätze ändern</h2>
        <ul>
            <li class="fragment">Formatiere den ersten Absatz des Kapitels xxx rechtsbündig zentriert.</li>
        </ul>
    </div>
</div>

---

<!--
	WEITERE BLOCKUMGEBUNGEN
-->
<div class="layout-content-only">
	<div class="layout-content">
		<h1>Weitere Blockumgebungen</h1>
	</div>
</div>

---

TODO: itemize

---

TODO: enumerate

---

TODO: itemize und enumerate verschachtelt

---

TODO: description

---

<div class="layout-only">
    <div class="layout-content">
        <h2 data-category="Aufgabe">5. Aufzählungen einfügen</h2>
        <ul>
            <li class="fragment">Füge in Absatz xxx von Kapitel xxx eine nummerierte Aufzählung von xxx ein.</li>
            <li class="fragment">Wandle die Aufzählung anschließend in eine Liste mit Bullet Points um.</li>
            <li class="fragment">Füge in Absatz xxx nun noch eine <code>description</code> ein. Kann man darin eine Aufzählung verschachteln?</li>
        </ul>
    </div>
</div>

---

TODO: Formeln (inline und block)

---

TODO: Listings

---

TODO: Grafiken (mit Positionierung)

---

<div class="layout-only">
    <div class="layout-content">
        <h2 data-category="Aufgabe">6. Grafiken einfügen</h2>
        <ul>
            <li class="fragment"></li>
        </ul>
    </div>
</div>

---

TODO: Tabellen (booktabs, Möglichkeit für Querformat)

---

<div class="layout-only">
    <div class="layout-content">
        <h2 data-category="Aufgabe">7. Tabellen einfügen</h2>
        <ul>
            <li class="fragment"></li>
        </ul>
    </div>
</div>

---

<!--
	REFERENZEN UND FUSSNOTEN
-->
<div class="layout-content-only">
	<div class="layout-content">
		<h1>Referenzen und Fußnoten</h1>
	</div>
</div>

---

TODO: Label und Ref

---

TODO: hyperref mit `\autoref` ODER cleveref mit `\cref` (nach hyperref einbinden)

---

TODO: Fußnoten

---

<div class="layout-only">
    <div class="layout-content">
        <h2 data-category="Aufgabe">8. Referenzen einfügen</h2>
        <ul>
            <li class="fragment"></li>
        </ul>
    </div>
</div>


