onpoint conversion of chapter 5.

This commit is contained in:
Kremitzl 2020-03-24 23:33:15 +01:00
parent d98a93a50d
commit 04f97183ca
17 changed files with 381 additions and 363 deletions

2
.gitmodules vendored
View File

@ -1,4 +1,4 @@
[submodule "onpoint"] [submodule "onpoint"]
path = onpoint path = onpoint
url = git@git.stuve-bamberg.de:ckremitzl/onpoint.git url = https://git.stuve-bamberg.de/ckremitzl/onpoint.git #git@git.stuve-bamberg.de:ckremitzl/onpoint.git
branch = release branch = release

View File

@ -1,362 +0,0 @@
<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 u.\,a.
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>
---
<div class="layout-content-and-preview">
<div class="layout-content">
<h2>Die Sache mit den Strichen …</h2>
<table>
<tr>
<th></th>
<th>Name</th>
<th>Verwendung</th>
<th>Code</th>
</tr>
<tr>
<td>-</td>
<td>Bindestrich</td>
<td>LaTeX-Wochenende</td>
<td>`-`</td>
</tr>
<tr>
<td></td>
<td>Halbgeviert&shy;strich</td>
<td>als Gedankenstrich oder als Bis-Strich: 10&hairsp;&hairsp;12 Uhr.</td>
<td>`--`</td>
</tr>
<tr>
<td></td>
<td>Geviertstrich</td>
<td>A dash&hairsp;&hairsp;in American English</td>
<td>`---`</td>
</tr>
</table>
</div>
<div class="layout-preview">
<img src="sections/german/05/striche-crop.svg">
</div>
</div>
---
<div class="layout-content-and-preview">
<div class="layout-content">
<h2>Silbentrennung</h2>
<p>LaTeX trennt Wörter im Normalfall automatisch richtig, wenn die richtige Sprache konfiguriert ist. Es kann aber auch manuell eingegriffen werden:</p>
<table>
<tr>
<td>Ausschließliche Trennung</td>
<td>`\-`</td>
</tr>
<tr>
<td>Zusätzliche Trennstelle</td>
<td>`"-`</td>
</tr>
<tr>
<td>Bindestrich (verbietet andere Trennstellen)</td>
<td>`-`</td>
</tr>
<tr>
<td>Bindestrich (erlaubt andere Trennstellen)</td>
<td>`"=`</td>
<tr>
<td>Trennstelle ohne Strich</td>
<td>`""`</td>
</tr>
<tr>
<td>Strich ohne Trennstelle</td>
<td>`"~`</td>
</tr>
</table>
<p data-category="Achtung!">Einige der Codes funktionieren nur mit eingebundenem <code>babel</code>-Paket.</p>
</div>
<div class="layout-preview">
<img src="sections/german/05/silbentrennung-crop.svg">
</div>
</div>
---
<div class="layout-content-only">
<div class="layout-content">
<h2>Anführungszeichen</h2>
<table>
<tr>
<th>Sprache</th>
<!-- <th style="text-align: center;">Kürzel</th> -->
<th style="text-align: center;">Befehl</th>
<th style="text-align: center;">Ergebnis</th>
</tr>
<tr>
<td>Deutsch</td>
<!-- <td style="text-align: center;"><code>,,…\`\`</code></td> -->
<td style="text-align: center;">`\glqq … \grqq`</td>
<td style="text-align: center;">„…“</td>
</tr>
<tr>
<td>&emsp;2. Ebene</td>
<!-- <td style="text-align: center;"><code> ,…\` </code></td> -->
<td style="text-align: center;">` \glq … \grq `</td>
<td style="text-align: center;">‚…‘</td>
</tr>
<tr>
<td>Deutsch altern.</td>
<!-- <td style="text-align: center;"><code>,,…\`\`</code></td> -->
<td style="text-align: center;">`\frqq … \flqq`</td>
<td style="text-align: center;">»…«</td>
</tr>
<tr>
<td>&emsp;2. Ebene</td>
<!-- <td style="text-align: center;"><code> ,…\` </code></td> -->
<td style="text-align: center;">` \frq … \flq `</td>
<td style="text-align: center;">›…‹</td>
</tr>
<tr>
<td>Englisch (A.&thinsp;E.)</td>
<td style="text-align: center;"><code>\`\`…''</code></td>
<!-- <td style="text-align: center;"></td> -->
<td style="text-align: center;">“…”</td>
</tr>
<tr>
<td>&emsp;2. Ebene</td>
<td style="text-align: center;"><code> \`…' </code></td>
<!-- <td style="text-align: center;"></td> -->
<td style="text-align: center;">‘…’</td>
</tr>
<tr>
<td>Englisch (B.&thinsp;E.)</td>
<td style="text-align: center;"><code> \`…' </code></td>
<!-- <td style="text-align: center;"></td> -->
<td style="text-align: center;">‘…’</td>
</tr>
<tr>
<td>&emsp;2. Ebene</td>
<td style="text-align: center;"><code>\`\`…''</code></td>
<!-- <td style="text-align: center;"></td> -->
<td style="text-align: center;">“…”</td>
</tr>
</table>
</div>
</div>
---
<div class="layout-content-and-preview">
<div class="layout-content">
<h2>Zitate</h2>
<p>Das Paket `csquotes` stellt u.&thinsp;a. den Befehl `\enquote` zur Verfügung:</p>
<pre class="lang-tex hljs"><code>\enquote{Ein \enquote{verschachteltes}
Zitat.}</code></pre>
<p>Wenn das Paket mit `autostyle=true` eingebunden wird, werden bei fremdsprachigen Zitaten die entsprechenden Anführungszeichen verwendet:</p>
<pre class="lang-tex hljs"><code>\foreignquote{english}{An English
quote.}</code></pre>
</div>
<div class="layout-preview">
<img src="sections/german/05/zitate-crop.svg">
</div>
</div>
---
<div class="layout-content-only">
<div class="layout-content">
<h2>Diakritika</h2>
<p>Buchstaben mit Diakritika können entweder direkt über die Tastatur eingegeben werden oder über Escape-Codes:</p>
<table>
<tr>
<td><code>\\\`{o}</code></td>
<td>ò&emsp;&emsp;</td>
<td><code>\\c{c}</code></td>
<td>ç&emsp;&emsp;</td>
<td><code>\\d{u}</code></td>
<td></td>
</tr>
<tr>
<td><code>\\'{o}</code></td>
<td>ó</td>
<td><code>\\k{a}</code></td>
<td>ą</td>
<td><code>\\r{a}</code></td>
<td>å</td>
</tr>
<tr>
<td><code>\\^{o}</code></td>
<td>ô</td>
<td><code>\\l{}</code></td>
<td>ł</td>
<td><code>\\u{o}</code></td>
<td>ŏ</td>
</tr>
<tr>
<td><code>\\"{o}</code></td>
<td>ö</td>
<td><code>\\={o}</code></td>
<td>ō</td>
<td><code>\\v{s}</code></td>
<td>š</td>
</tr>
<tr>
<td><code>\\H{o}</code></td>
<td>ő</td>
<td><code>\\b{o}</code></td>
<td>o</td>
<td><code>\\t{oo}</code></td>
<td>o͡o</td>
</tr>
<tr>
<td><code>\\~{o}</code></td>
<td>õ</td>
<td><code>\\.{o}</code></td>
<td>ȯ</td>
<td><code>\\o</code></td>
<td>ø</td>
</tr>
</table>
</div>
</div>
---
<div class="layout-content-only">
<div class="layout-content">
<h2>Sonderzeichen & Symbole</h2>
<p>Auch andere Sonderzeichen können entweder direkt eingegeben werden oder per Befehl:</p>
<table>
<tr>
<td style="text-align: center;">^</td>
<td><code>\\textasciicircumflex</code></td>
<td style="text-align: center;">~</td>
<td><code>\\textasciitilde</code></td>
</tr>
<tr>
<td style="text-align: center;"></td>
<td><code>\\textasteriskcentered</code></td>
<td style="text-align: center;">\</td>
<td><code>\\textbackslash</code></td>
</tr>
<tr>
<td style="text-align: center;">|</td>
<td><code>\\textbar</code></td>
<td style="text-align: center;"></td>
<td><code>\\textbullet</code></td>
</tr>
<tr>
<td style="text-align: center;"></td>
<td><code>\\textcopyright</code></td>
<td style="text-align: center;"></td>
<td><code>\\textdagger</code></td>
</tr>
<tr>
<td style="text-align: center;"></td>
<td><code>\\textdaggerdbl</code></td>
<td style="text-align: center;"></td>
<td><code>\\textellipsis</code></td>
</tr>
<tr>
<td style="text-align: center;">&lt;</td>
<td><code>\\textless</code></td>
<td style="text-align: center;">></td>
<td><code>\\textgreater</code></td>
</tr>
<tr>
<td style="text-align: center;"></td>
<td><code>\\textperthousand</code></td>
<td style="text-align: center;">§</td>
<td><code>\\textsection</code></td>
</tr>
</table>
<p>… und so ziemlich alles andere.</p>
</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>Euro <span class="emoji">💸</span></h3>
<ul>
<li>Paket <code>eurosym</code></li>
<li>Befehl <code>\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! <span class="emoji">⛑️</span></h3>
<ul>
<li>
Symbole 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 der CTAN-Webseite</a>
</li>
</ul>
</div>
</div>
---
<div class="layout-content-only">
<div class="layout-content">
<h2 data-category="Aufgabe" data-task="4">Sonderzeichen einfügen</h2>
<ul>
<li>Ersetzt in Abschnitt 1.1.1 die Leerzeichen vor und nach dem Namen Knuth durch **geschützte Leerzeichen.**</li>
<li class="fragment">Fügt in Abschnitt 1.2.1, Absatz 2, ein **halbes Leerzeichen** zwischen z. und B. von z.B. ein.</li>
<li class="fragment">In Abschnitt 1.2.2 stehen an mehren Stellen Bindestriche als **Gedankenstriche.** Tauscht sie durch Halbgeviertstriche aus.</li>
<li class="fragment">In Abschnitt 1.2.1, Absatz 2, wird ein `"=` verwendet. Was passiert, wenn ihr stattdessen einen einfachen **Bindestrich** verwendet?</li>
<li class="fragment">In Abschnitt 1.1.1 sollten »Tech« und »TeX« in **Anführungszeichen** stehen. Nutzt dafür `\enquote{…}`</li>
<li class="fragment">Ersetzt die drei Punkte in 1.2.1, Absatz 2, durch eine echte **Ellipse.**</li>
</ul>
</div>
</div>

View File

@ -3,5 +3,6 @@
- chapter-02 - chapter-02
- chapter-03 - chapter-03
- chapter-04 - chapter-04
- chapter-05
- chapter-07 - chapter-07
- chapter-08 - chapter-08

379
slides/chapter-05.de.md Normal file
View File

@ -0,0 +1,379 @@
@slide(layout=chapter-slide)
@title
Sonderzeichen
@slide(layout=content-and-preview)
@title
Leerzeichen
@content
* normale Wortzwischenräume per Leertaste
* geschützte Leerzeichen: `~`
* schmale Leerzeichen: `\,`
* viele weitere Breiten verfügbar
``` {.hljs .lang-tex}
Schmale Leerzeichen werden z.\,B. in
Abkürzungen und zwischen Zahlen und
Einheiten verwendet: 10\,s.
Normalbreite, aber geschützte
Leerzeichen können u.\,a.
dabei helfen, Titel und Namen in
einer Zeile zu halten: Dr.~Fooboar.
```
@preview
![](svg/chapter-05/leerzeichen-crop.svg)
@slide(layout=content-and-preview)
@title
Die Sache mit den Strichen …
@todo
Schriftgröße in Tabellen passt nicht
@content
<table>
<tr>
<th></th>
<th>Name</th>
<th>Verwendung</th>
<th>Code</th>
</tr>
<tr>
<td>-</td>
<td>Bindestrich</td>
<td>LaTeX-Wochenende</td>
<td>`-`</td>
</tr>
<tr>
<td></td>
<td>Halbgeviert&shy;strich</td>
<td>als Gedankenstrich oder als Bis-Strich: 10&hairsp;&hairsp;12 Uhr.</td>
<td>`--`</td>
</tr>
<tr>
<td></td>
<td>Geviertstrich</td>
<td>A dash&hairsp;&hairsp;in American English</td>
<td>`---`</td>
</tr>
</table>
@preview
![](svg/chapter-05/striche-crop.svg)
@slide(layout=content-and-preview)
@title
Silbentrennung
@content
LaTeX trennt Wörter im Normalfall automatisch richtig, wenn die richtige Sprache konfiguriert ist. Es kann aber auch manuell eingegriffen werden:
<table>
<tr>
<td>Ausschließliche Trennung</td>
<td>`\-`</td>
</tr>
<tr>
<td>Zusätzliche Trennstelle</td>
<td>`"-`</td>
</tr>
<tr>
<td>Bindestrich (verbietet andere Trennstellen)</td>
<td>`-`</td>
</tr>
<tr>
<td>Bindestrich (erlaubt andere Trennstellen)</td>
<td>`"=`</td>
</tr>
<tr>
<td>Trennstelle ohne Strich</td>
<td>`""`</td>
</tr>
<tr>
<td>Strich ohne Trennstelle</td>
<td>`"~`</td>
</tr>
</table>
<p data-category="Achtung!">Einige der Codes funktionieren nur mit eingebundenem `babel`-Paket.</p>
@preview
![](svg/chapter-05/silbentrennung-crop.svg)
@slide(layout=content-only)
@title
Anführungszeichen
@content
<table>
<tr>
<th>Sprache</th>
<!-- <th style="text-align: center;">Kürzel</th> -->
<th style="text-align: center;">Befehl</th>
<th style="text-align: center;">Ergebnis</th>
</tr>
<tr>
<td>Deutsch</td>
<!-- <td style="text-align: center;"><code>,,…\`\`</code></td> -->
<td style="text-align: center;">`\glqq … \grqq`</td>
<td style="text-align: center;">„…“</td>
</tr>
<tr>
<td>&emsp;2. Ebene</td>
<!-- <td style="text-align: center;"><code> ,…\` </code></td> -->
<td style="text-align: center;">` \glq … \grq `</td>
<td style="text-align: center;">‚…‘</td>
</tr>
<tr>
<td>Deutsch altern.</td>
<!-- <td style="text-align: center;"><code>,,…\`\`</code></td> -->
<td style="text-align: center;">`\frqq … \flqq`</td>
<td style="text-align: center;">»…«</td>
</tr>
<tr>
<td>&emsp;2. Ebene</td>
<!-- <td style="text-align: center;"><code> ,…\` </code></td> -->
<td style="text-align: center;">` \frq … \flq `</td>
<td style="text-align: center;">›…‹</td>
</tr>
<tr>
<td>Englisch (A.&thinsp;E.)</td>
<td style="text-align: center;"><code>\`\`…''</code></td>
<!-- <td style="text-align: center;"></td> -->
<td style="text-align: center;">“…”</td>
</tr>
<tr>
<td>&emsp;2. Ebene</td>
<td style="text-align: center;"><code> \`…' </code></td>
<!-- <td style="text-align: center;"></td> -->
<td style="text-align: center;">‘…’</td>
</tr>
<tr>
<td>Englisch (B.&thinsp;E.)</td>
<td style="text-align: center;"><code> \`…' </code></td>
<!-- <td style="text-align: center;"></td> -->
<td style="text-align: center;">‘…’</td>
</tr>
<tr>
<td>&emsp;2. Ebene</td>
<td style="text-align: center;"><code>\`\`…''</code></td>
<!-- <td style="text-align: center;"></td> -->
<td style="text-align: center;">“…”</td>
</tr>
</table>
@slide(layout=content-and-preview)
@title
Zitate
@content
Das Paket `csquotes` stellt u.&thinsp;a. den Befehl `\enquote` zur Verfügung:
``` {.lang-tex .hljs}
\enquote{Ein \enquote{verschachteltes}
Zitat.}
```
Wenn das Paket mit `autostyle=true` eingebunden wird, werden bei fremdsprachigen Zitaten die entsprechenden Anführungszeichen verwendet:
``` {.lang-tex .hljs}
\foreignquote{english}{An English
quote.}
```
@preview
![](svg/chapter-05/zitate-crop.svg)
@slide(layout=content-only)
@title
Diakritika
@content
Buchstaben mit Diakritika können entweder direkt über die Tastatur eingegeben werden oder über Escape-Codes:
<table>
<tr>
<td><code>\\\`{o}</code></td>
<td>ò&emsp;&emsp;</td>
<td><code>\\c{c}</code></td>
<td>ç&emsp;&emsp;</td>
<td><code>\\d{u}</code></td>
<td></td>
</tr>
<tr>
<td><code>\\'{o}</code></td>
<td>ó</td>
<td><code>\\k{a}</code></td>
<td>ą</td>
<td><code>\\r{a}</code></td>
<td>å</td>
</tr>
<tr>
<td><code>\\^{o}</code></td>
<td>ô</td>
<td><code>\\l{}</code></td>
<td>ł</td>
<td><code>\\u{o}</code></td>
<td>ŏ</td>
</tr>
<tr>
<td><code>\\"{o}</code></td>
<td>ö</td>
<td><code>\\={o}</code></td>
<td>ō</td>
<td><code>\\v{s}</code></td>
<td>š</td>
</tr>
<tr>
<td><code>\\H{o}</code></td>
<td>ő</td>
<td><code>\\b{o}</code></td>
<td>o</td>
<td><code>\\t{oo}</code></td>
<td>o͡o</td>
</tr>
<tr>
<td><code>\\~{o}</code></td>
<td>õ</td>
<td><code>\\.{o}</code></td>
<td>ȯ</td>
<td><code>\\o</code></td>
<td>ø</td>
</tr>
</table>
@slide(layout=content-only)
@title
Sonderzeichen & Symbole
@content
Auch andere Sonderzeichen können entweder direkt eingegeben werden oder per Befehl:
<table>
<tr>
<td style="text-align: center;">^</td>
<td>`\\textasciicircumflex`</td>
<td style="text-align: center;">~</td>
<td>`\\textasciitilde`</td>
</tr>
<tr>
<td style="text-align: center;"></td>
<td>`\\textasteriskcentered`</td>
<td style="text-align: center;">\\</td>
<td>`\\textbackslash`</td>
</tr>
<tr>
<td style="text-align: center;">|</td>
<td>`\\textbar`</td>
<td style="text-align: center;"></td>
<td>`\\textbullet`</td>
</tr>
<tr>
<td style="text-align: center;"></td>
<td>`\\textcopyright`</td>
<td style="text-align: center;"></td>
<td>`\\textdagger`</td>
</tr>
<tr>
<td style="text-align: center;"></td>
<td>`\\textdaggerdbl`</td>
<td style="text-align: center;"></td>
<td>`\\textellipsis`</td>
</tr>
<tr>
<td style="text-align: center;">&lt;</td>
<td>`\\textless`</td>
<td style="text-align: center;">&gt;</td>
<td>`\\textgreater`</td>
</tr>
<tr>
<td style="text-align: center;"></td>
<td>`\\textperthousand`</td>
<td style="text-align: center;">§</td>
<td>`\\textsection`</td>
</tr>
</table>
… und so ziemlich alles andere.
@slide(layout=content-only)
@title
Sonderzeichen & Symbole
@content
### Mathmode
Einige Sonderzeichen und Symbole funktionieren nur in einer Mathematikumgebung:
``` {.lang-tex .hljs}
% griechische Buchstaben
$\pi \Sigma \delta$
% Kreuz
$\dagger$
```
@slide(layout=content-only)
@title
Sonderzeichen & Symbole
@content
### Euro <span class="emoji">💸</span>
* Paket `eurosym`
* Befehl `\euro`
``` {.lang-tex .hljs}
LaTeX zu verwenden kostet 0 \euro.
```
@slide(layout=content-only)
@title
Sonderzeichen & Symbole
@content
### Detexify to the rescue! <span class="emoji">⛑️</span>
* Symbole malen und erkennen lassen:
[Detexify](http://detexify.kirelabs.org/classify.html)
* Ausführliche Liste an verwendbaren Symbolen:
[PDF auf der CTAN-Website](http://tug.ctan.org/info/symbols/comprehensive/symbols-a4.pdf)
@slide(layout=task)
@task-number
4
@title
Sonderzeichen einfügen
@content
* Ersetzt in Abschnitt 1.1.1 die Leerzeichen vor und nach dem Namen Knuth durch **geschützte Leerzeichen.**
* ++Fügt in Abschnitt 1.2.1, Absatz 2, ein **halbes Leerzeichen** zwischen z. und B. von z.B. ein.
* ++In Abschnitt 1.2.2 stehen an mehren Stellen Bindestriche als **Gedankenstriche.** Tauscht sie durch Halbgeviertstriche aus.
* ++In Abschnitt 1.2.1, Absatz 2, wird ein `"=` verwendet. Was passiert, wenn ihr stattdessen einen einfachen **Bindestrich** verwendet?
* ++In Abschnitt 1.1.1 sollten »Tech« und »TeX« in **Anführungszeichen** stehen. Nutzt dafür `\enquote{…}`
* ++Ersetzt die drei Punkte in 1.2.1, Absatz 2, durch eine echte **Ellipse.**

0
slides/chapter-05.en.md Normal file
View File

View File

Before

Width:  |  Height:  |  Size: 87 KiB

After

Width:  |  Height:  |  Size: 87 KiB

View File

Before

Width:  |  Height:  |  Size: 88 KiB

After

Width:  |  Height:  |  Size: 88 KiB

View File

Before

Width:  |  Height:  |  Size: 162 KiB

After

Width:  |  Height:  |  Size: 162 KiB

View File

Before

Width:  |  Height:  |  Size: 163 KiB

After

Width:  |  Height:  |  Size: 163 KiB

View File

Before

Width:  |  Height:  |  Size: 67 KiB

After

Width:  |  Height:  |  Size: 67 KiB

View File

Before

Width:  |  Height:  |  Size: 67 KiB

After

Width:  |  Height:  |  Size: 67 KiB

View File

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

View File

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB