Add content for chapter 6.

sections/german/07/07.md

@@ -1,59 +0,0 @@
-<div class="layout-content-only">
-    <div class="layout-content">
-        <h1>Absatz&shy;formatierung</h1>
-    <div>
-</div>
-
----
-
-<div class="layout-content-and-preview">
-  <div class="layout-content">
-    <h2>Flattersatz</h2>
-    <p>Standardmäßig setzt LaTeX Fließtext im Blocksatz, aber auch Flattersatz ist möglich.</p>
-    <pre class="lang-tex hljs"><code>\raggedright … \raggedleft …
-\centering …</code></pre>
-    <p>Alternativ einsetzbare Umgebungen:</p>
-    <pre class="lang-tex hljs"><code>\begin{flushleft}  Text \end{flushleft}
-\begin{flushright} Text \end{flushright}
-\begin{center}     Text \end{center}</code></pre>
-    <p data-category="Achtung!">Guter Flattersatz ist noch schwieriger als guter Blocksatz, daher lieber vermeiden!</p>
-  </div>
-  <div class="layout-preview">
-    <img src="sections/german/07/ausrichtung-crop.svg">
-  </div>
-</div>
-
----
-
-<div class="layout-content-and-preview">
-  <div class="layout-content">
-    <h2>Einzüge und Abstände</h2>
-    <ul>
-        <li>Absätze werden standardmäßig durch Erstzeileneinzüge (`\parindent`) verdeutlicht</li>
-        <li>Stattdessen (!) können auch Abstände (`\parskip`) verwendet werden</li>
-        <li>Die beiden Parameter sind beliebig einstellbar:</li>
-    </ul>
-    <pre class="lang-tex hljs"><code>\setlength{\parindent}{0pt}
-\setlength{\parskip}{1em
-    plus  .5em % erlaubte Dehnung
-    minus .5em % erlaubte Stauchung
-}</code></pre>
-    <ul>
-      <li>Mit `\noindent` kann für nur einen Absatz der Einzug abgeschaltet werden</li>
-    </ul>
-  </div>
-  <div class="layout-preview">
-    <img src="sections/german/07/einzüge-abstände-orig.svg">
-  </div>
-</div>
-
----
-
-<div class="layout-content-only">
-    <div class="layout-content">
-        <h2 data-category="Aufgabe" data-task="6">Absätze formatieren</h2>
-        <ul>
-            <li class="fragment">Seht euch auf der Titelseite an, wie **Abstände und Ausrichtungen** genutzt werden. Spielt ein wenig mit den Einstellungen und beobachtet, was sich verändert. Benutzt die Undo-Funktion, wenn ihr euch verlaufen habt ;)</li>
-        </ul>
-    </div>
-</div>

slides.yml

@@ -2,3 +2,4 @@
 - chapter-01
 - chapter-02
 - chapter-03
+- chapter-07

slides/chapter-07.de.md

@@ -0,0 +1,70 @@
+@slide(layout=chapter-slide)
+
+@title
+Absatz­formatierung
+
+@slide(layout=content-and-preview)
+
+@title
+Flattersatz
+
+@content
+Standardmäßig setzt LaTeX Fließtext im Blocksatz, aber auch Flattersatz ist möglich.
+
+``` {.lang-tex .hljs}
+\raggedright … \raggedleft …
+\centering …
+```
+
+Alternativ einsetzbare Umgebungen:
+
+``` {.lang-tex .hljs}
+\begin{flushleft}  Text \end{flushleft}
+\begin{flushright} Text \end{flushright}
+\begin{center}     Text \end{center}
+```
+
+Achtung: Guter Flattersatz ist noch schwieriger als guter Blocksatz, daher lieber vermeiden!
+
+@todo
+Caution-Label hinzufügen
+
+@preview
+![](svg/chapter-07/ausrichtung-crop.svg)
+
+
+@slide(layout=content-and-preview)
+
+@title
+Einzüge und Abstände
+
+@content
+* Absätze werden standardmäßig durch Erstzeileneinzüge (`\parindent`) verdeutlicht
+* Stattdessen (!) können auch Abstände (`\parskip`) verwendet werden
+* Die beiden Parameter sind beliebig einstellbar:
+
+``` {.lang-tex .hljs}
+\setlength{\parindent}{0pt}
+\setlength{\parskip}{1em
+    plus  .5em % erlaubte Dehnung
+    minus .5em % erlaubte Stauchung
+}
+```
+
+* Mit `\noindent` kann für nur einen Absatz der Einzug abgeschaltet werden
+
+@preview
+![](./svg/chapter-07/einzüge-abstände-orig.svg)
+
+@slide(layout=task)
+
+@task-number
+6
+
+@title
+Absätze formatieren
+
+@content
+* ++ Seht euch auf der Titelseite an, wie **Abstände und Ausrichtungen** genutzt werden.
+* ++ Spielt ein wenig mit den Einstellungen und beobachtet, was sich verändert.
+* ++ Benutzt die Undo-Funktion, wenn ihr euch verlaufen habt. ;)

slides/chapter-07.en.md

@@ -0,0 +1,70 @@
+@slide(layout=chapter-slide)
+
+@title
+Formatting paragraphs
+
+@slide(layout=content-and-preview)
+
+@title
+Ragged alignment
+
+@content
+By default, LaTeX sets text in full justification, but it is possible to activate ragged alignment.
+
+``` {.lang-tex .hljs}
+\raggedright … \raggedleft …
+\centering …
+```
+
+Alternatively, we can use dedicated environments:
+
+``` {.lang-tex .hljs}
+\begin{flushleft}  Text \end{flushleft}
+\begin{flushright} Text \end{flushright}
+\begin{center}     Text \end{center}
+```
+
+Caution: Proper ragged alignment is even more difficult than good justification, so better avoid it.
+
+@todo
+Caution-Label hinzufügen
+
+@preview
+![](svg/chapter-07/ausrichtung-crop.svg)
+
+
+@slide(layout=content-and-preview)
+
+@title
+Indentation and spacing
+
+@content
+* paragraphs are usually indicated by first-line indentation (`\parindent`)
+* we can decide to use paragraph spacing (`\parskip`) instead (!)
+* both parametres are customisable:
+
+``` {.lang-tex .hljs}
+\setlength{\parindent}{0pt}
+\setlength{\parskip}{1em
+    plus  .5em % permitted stretch
+    minus .5em % permitted compression
+}
+```
+
+* `\noindent` allows us to disable first-line indentation for a given paragraph
+
+@preview
+![](./svg/chapter-07/einzüge-abstände-orig.svg)
+
+@slide(layout=task)
+
+@task-number
+6
+
+@title
+Formatting paragraphs
+
+@content
+* ++ Examine how **indentation and spacing** are used on the titlepage.
+* ++ Tinker around with the available settings and see what they change.
+* ++ Make use of the undo-button if you get lost. ;)