Add content.
This commit is contained in:
parent
ff7b1daedc
commit
3840adfbf3
@ -400,3 +400,6 @@ blockquote {
|
|||||||
border-top-color: var(--primary);
|
border-top-color: var(--primary);
|
||||||
bottom: -0.87em;
|
bottom: -0.87em;
|
||||||
left: calc(50% - .5em); }
|
left: calc(50% - .5em); }
|
||||||
|
|
||||||
|
section > h1, section > h2, section > h3, section > p, section > ul {
|
||||||
|
background: var(--primary); }
|
||||||
|
|||||||
@ -501,3 +501,8 @@ blockquote {
|
|||||||
left: calc(50% - .5em);
|
left: calc(50% - .5em);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// TODOs
|
||||||
|
section>h1, section>h2, section>h3, section>p, section>ul {
|
||||||
|
background: var(--primary)
|
||||||
|
}
|
||||||
|
|||||||
@ -38,17 +38,20 @@ nichts verloren.</code></pre>
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## TODO: Achtung: Reservierte Zeichen
|
<div class="layout-content-and-preview">
|
||||||
|
<div class="layout-content">
|
||||||
Einige Zeichen tun Dinge:
|
<h2 data-category="Achtung!">Reservierte Zeichen</h2>
|
||||||
|
<p>Bestimmte Zeichen lösen in LaTeX Dinge aus:</p>
|
||||||
```tex
|
<p>`# $ % ^ & _ { } ~ \`</p>
|
||||||
50% sind die Hälfte.
|
<pre class="lang-tex hljs"><code>50% sind die Hälfte.</code></pre>
|
||||||
```
|
<p>Lösung: `\` voranstellen:</p>
|
||||||
|
<pre class="lang-tex hljs"><code>50\% sind die Hälfte.</code></pre>
|
||||||
Zeichen: `# $ % ^ & _ { } ~ \`
|
<p>Funktioniert nicht mit `\\`, Lösung dafür später</p>
|
||||||
|
</div>
|
||||||
Lösung später.
|
<div class="layout-preview">
|
||||||
|
TODO
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|||||||
@ -1,146 +1,43 @@
|
|||||||
<div class="layout-content-only">
|
<div class="layout-content-only">
|
||||||
<div class="layout-content">
|
<div class="layout-content">
|
||||||
<h1>All Features Welcome :) 🐉</h1>
|
<h1>All Features Welcome ☺ 🐉</h1>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
<div class="layout-content-and-preview">
|
|
||||||
<div class="layout-content">
|
|
||||||
<h2>Semantische Hervorhebungen</h2>
|
|
||||||
<p>TODO `\emph{}` und was äquivalentes zu `<strong>`</p>
|
|
||||||
</div>
|
|
||||||
<div class="layout-preview">
|
|
||||||
TODO
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
<div class="layout-content-and-preview">
|
|
||||||
<div class="layout-content">
|
|
||||||
<h2>Visuelle Hervorhebungen</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>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
<div class="layout-preview">
|
|
||||||
<img src="sections/german/05/hervorhebungen.png">
|
|
||||||
<img src="sections/german/05/hervorhebungen-crop.svg">
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
<!--
|
||||||
|
SONDERZEICHEN
|
||||||
|
-->
|
||||||
<div class="layout-content-only">
|
<div class="layout-content-only">
|
||||||
<div class="layout-content">
|
<div class="layout-content">
|
||||||
<h2>Hervorhebungen schachteln</h2>
|
<h1>Sonderzeichen</h1>
|
||||||
<p>Problemlos möglich:</p>
|
|
||||||
<pre class="lang-tex hljs"><code>\textbf{Very \textit{Important Stuff}}</code></pre>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
<div class="layout-content-only">
|
TODO: Leerzeichen (normal, geschützt, unterschiedliche Breiten)
|
||||||
<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-only">
|
TODO: Striche (normaler Bindestrich, LaTeX-Bindestriche, Streckenstriche, Gedankenstriche deutsch/englisch), Silbentrennung in LaTeX mit overfull hboxes
|
||||||
<div class="layout-content">
|
|
||||||
<h2>Hervorhebungen: 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">
|
TODO: Anführungszeichen (einfache LaTeX-Syntax und Befehle, jeweils für deutsch, deutsch-alternativ und englisch)
|
||||||
<div class="layout-content">
|
|
||||||
<h2>Hervorhebungen: 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">
|
TODO: Diakritika (UTF8-Input und https://en.wikibooks.org/wiki/LaTeX/Special_Characters#Escaped_codes)
|
||||||
<div class="layout-content">
|
|
||||||
<h2>Hervorhebungen: 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">
|
TODO: Andere Sonderzeichen: \slash \ldots (https://en.wikibooks.org/wiki/LaTeX/Special_Characters#Other_symbols); manche funktionieren nur in Formeln, kommt später
|
||||||
<div class="layout-content">
|
|
||||||
<h2>Hervorhebungen: Schriftgröße</h2>
|
|
||||||
<h3>Manuelle Konfiguration möglich</h3>
|
|
||||||
<pre class="lang-tex hljs"><code>\fontsize{<Schriftgröße>}{<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>
|
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
<div class="layout-content-only">
|
TODO: Generell UTF8-Input möglich
|
||||||
<div class="layout-content">
|
|
||||||
<h2>Weitere Blockumgebungen</h2>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
@ -251,3 +148,206 @@ Ein- und Ausgabe % als Ergänzungsstrich</code></pre>
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!--
|
||||||
|
TEXTAUSZEICHNUNG
|
||||||
|
-->
|
||||||
|
<div class="layout-content-only">
|
||||||
|
<div class="layout-content">
|
||||||
|
<h1>Text­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{<Schriftgröße>}{<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
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
<!--
|
||||||
|
ABSATZFORMATIERUNG
|
||||||
|
-->
|
||||||
|
<div class="layout-content-only">
|
||||||
|
<div class="layout-content">
|
||||||
|
<h1>Absatz­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)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
<!--
|
||||||
|
WEITERE BLOCKUMGEBUNGEN
|
||||||
|
-->
|
||||||
|
<div class="layout-content-only">
|
||||||
|
<div class="layout-content">
|
||||||
|
<h2>Weitere Blockumgebungen</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
TODO: itemize
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
TODO: enumerate
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
TODO: itemize und enumerate verschachtelt
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
TODO: description
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
TODO: Listings
|
||||||
|
|
||||||
|
---
|
||||||
|
|||||||
@ -3,3 +3,10 @@
|
|||||||
<h1>Ausblick</h1>
|
<h1>Ausblick</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
Weitere Umgebungen
|
||||||
|
|
||||||
|
* Abstracts (für Paper)
|
||||||
|
* Blockquotes
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user