onpoint conversion and english translation for chapter 11.

sections/german/11/11.md

@@ -1,88 +0,0 @@
-<div class="layout-content-only">
-	<div class="layout-content">
-		<h1>Grafiken</h1>
-	</div>
-</div>
-
----
-
-<div class="layout-content-only">
-    <div class="layout-content">
-        <h2>Grafiken abbilden <span class="emoji">🖼️</span></h2>
-        <p>Um Grafiken darzustellen, muss das Paket <code>graphicx</code> eingebunden werden.</p>
-        <pre class="hljs lang-tex"><code>\begin{figure}
-    \includegraphics{&lt;dateipfad>}
-    \caption[&lt;kurztitel>]
-            {&lt;bildunterschrift>}
-\end{figure}</code></pre>
-        <p>Bildgröße angeben:</p>
-        <pre class="hljs lang-tex"><code>\includegraphics[width=0.5\textwidth,
-height=5cm]{&lt;dateipfad>}</code></pre>
-    </div>
-</div>
-
----
-
-<div class="layout-content-only">
-    <div class="layout-content">
-        <h2>Positionierung auf der Seite</h2>
-        <pre class="hljs lang-tex"><code>\begin{figure}[&lt;positionskürzel>]</code></pre>
-        <p>LaTeX positioniert Grafiken automatisch. Durch Kürzel können wir unsere Präferenzen (auch in Kombination) angeben.</p>
-        <table>
-            <tr>
-                <th style="min-width:4em">Kürzel</th>
-                <th>Position</th>
-            </tr>
-            <tr class="fragment">
-                <td>h</td>
-                <td>(bitte) hier</td>
-            </tr>
-            <tr class="fragment">
-                <td>t</td>
-                <td>oberer Seitenrand</td>
-            </tr>
-            <tr class="fragment">
-                <td>b</td>
-                <td>unterer Seitenrand</td>
-            </tr>
-            <tr class="fragment">
-                <td>p</td>
-                <td>auf einer eigenen Seite</td>
-            </tr>
-            <tr class="fragment">
-                <td>H</td>
-                <td>(definitiv) hier (benötigt Paket <code>float</code>)</td>
-            </tr>
-        </table>
-    </div>
-</div>
-
----
-
-<div class="layout-content-only">
-    <div class="layout-content">
-        <h2>Zentrierte Anordnung</h2>
-        <pre class="hljs lang-tex"><code>\begin{figure}[&lt;position>]
-    \begin{center}
-        \includegraphics{&lt;dateipfad>}
-    \end{center}
-\end{figure}</code></pre>
-        <p>Alternativ:</p>
-        <pre class="hljs lang-tex"><code>\begin{figure}[&lt;position>]
-    \centering
-    \includegraphics{&lt;dateipfad>}
-\end{figure}</code></pre>
-    </div>
-</div>
-
----
-
-<div class="layout-content-only">
-    <div class="layout-content">
-        <h2 data-category="Aufgabe" data-task="10">Grafiken einfügen</h2>
-        <ul>
-            <li>Bindet die Datei <code>bilder.tex</code> ein.</li>
-            <li>Abschnitt 5 enthält ein kleines **Bild.** Setzt dasselbe Bild nochmal größer (Breite: `\textwidth`) ans Ende des Abschnitts.</li>
-        </ul>
-    </div>
-</div>

slides.yml

@@ -9,3 +9,5 @@
 - chapter-08
 - chapter-09
 - chapter-10
+- chapter-11
+

slides/chapter-02.de.md

@@ -6,8 +6,11 @@ Wie funktioniert L<sup style="font-weight: bold; font-size: 73%; margin-left: -.
 
 @slide(layout=content-and-preview)
 
+@todo
+Überschrift
+
 @title
-[TODO: Überschrift]
+
 
 @content
 ### What You See Is What You Get {data-category=Word}

slides/chapter-02.en.md

@@ -6,8 +6,11 @@ How does<br/>L<sup style="font-weight: bold; font-size: 73%; margin-left: -.25em
 
 @slide(layout=content-and-preview)
 
+@todo
+Heading
+
 @title
-[TODO: Heading]
+
 
 @content
 ### What You See Is What You Get {data-category=Word}

slides/chapter-10.de.md

@@ -23,6 +23,9 @@ Anschließend muss das LaTeX-Paket nur noch eingebunden werden:
 \usepackage{minted}
 ```
 
+@todo
+Quelltext aktualisieren?
+
 @preview
 ![](svg/chapter-10/minted-overview-crop.svg){ .thin-padding }
 
@@ -36,9 +39,9 @@ Anpassungen beim Kompilieren
   Um Dokumente mit Quelltext-Listings kompilieren zu können, muss die Flag `--shell-escape` an den Compiler übergeben werden.
 </div>
 
-In TeXstudio muss diese unter **`Optionen > TeXstudio konfigurieren > Befehle`** bei PdfLaTeX vor `%.tex` ergänzt werden:
+In TeXstudio muss diese unter **`Optionen → TeXstudio konfigurieren → Befehle`** bei PdfLaTeX vor `%.tex` ergänzt werden:
 
-  pdflatex -syntex=1 -interaction=nonstopmode **--shell-escape** %.tex
+<code>pdflatex -syntex=1 -interaction=nonstopmode **\-\-shell-escape** %.tex</code>
 
 @slide(layout=content-and-preview)
 
@@ -124,4 +127,4 @@ Quelltext einbinden
 * ++ Bindet zunächst das **Paket `minted`** an der richtigen Stelle ein.
 * ++ Nutzt die **`minted`-Umgebung**, um das erste Listing mit Syntax Highlighting zu versehen.
 * ++ Lagert das zweite Listing in eine **neue Datei** aus und bindet sie mit `\inputminted` ein.
-* ++ Ändert das **Farbschema** zu `borland`.
+* ++ Ändert das **Farbschema** zu `borland`.

slides/chapter-10.en.md

@@ -23,6 +23,9 @@ Add the LaTeX package and we are good to go:
 \usepackage{minted}
 ```
 
+@todo
+Update source code?
+
 @preview
 ![](svg/chapter-10/minted-overview-english-crop.svg){ .thin-padding }
 
@@ -36,9 +39,9 @@ Compiler settings
   We need to pass the additional flag `--shell-escape` to our compiler in order to use `minted`.
 </div>
 
-In TeXstudio, go to **`Options > Configure TeXstudio > Commands`** and add the flag in the PdfLaTeX row before `%.tex`:
+In TeXstudio, go to **`Options → Configure TeXstudio → Commands`** and add the flag in the PdfLaTeX row before `%.tex`:
 
-  pdflatex -syntex=1 -interaction=nonstopmode **--shell-escape** %.tex
+<code>pdflatex -syntex=1 -interaction=nonstopmode **\-\-shell-escape** %.tex</code>
 
 @slide(layout=content-and-preview)
 
@@ -124,4 +127,4 @@ Listing source code
 * ++ Include the **`minted` package** in the right place.
 * ++ Make use of the **`minted` environment** to activate syntax highlighting for the first listing.
 * ++ Move the second listing to a **new file** and include it using `\inputminted`.
-* ++ Change the **color scheme** to `borland`.
+* ++ Change the **color scheme** to `borland`.

slides/chapter-11.de.md

@@ -0,0 +1,108 @@
+@slide(layout=chapter-slide)
+
+@title
+Grafiken
+
+
+@slide(layout=content-only)
+
+@title
+Grafiken abbilden <span class="emoji">🖼️</span>
+
+@content
+Um Grafiken darzustellen, muss das Paket `graphicx` eingebunden werden.
+
+``` {.lang-tex .hljs}
+\begin{figure}
+    \includegraphics{<dateipfad>}
+    \caption[<kurztitel>]
+            {<bildunterschrift>}
+\end{figure}
+```
+
+Bildgröße angeben:
+
+``` {.lang-tex .hljs}
+\includegraphics[width=0.5\textwidth,
+height=5cm]{<dateipfad>}
+```
+
+
+@slide(layout=content-only)
+
+@title
+Positionierung auf der Seite
+
+@content
+
+``` {.lang-tex .hljs}
+\begin{figure}[<positionskürzel>]
+```
+
+LaTeX positioniert Grafiken automatisch. Durch Kürzel können wir unsere Präferenzen (auch in Kombination) angeben.
+
+
+<table>
+	<tr>
+		<th style="min-width:4em">Kürzel</th>
+		<th>Position</th>
+	</tr>
+	<tr class="fragment">
+		<td>h</td>
+		<td>hier, wenn es dir recht ist</td>
+	</tr>
+	<tr class="fragment">
+		<td>t</td>
+		<td>oberer Seitenrand (top)</td>
+	</tr>
+	<tr class="fragment">
+		<td>b</td>
+		<td>unterer Seitenrand (bottom)</td>
+	</tr>
+	<tr class="fragment">
+		<td>p</td>
+		<td>auf einer eigenen Seite (page)</td>
+	</tr>
+	<tr class="fragment">
+		<td>H</td>
+		<td>Hier, verdammt noch mal! <br />(benötigt Paket `float`)</td>
+	</tr>
+</table>
+
+
+@slide(layout=content-only)
+
+@title
+Zentrierte Anordnung
+
+@content
+``` {.lang-tex .hljs}
+\begin{figure}[<position>]
+    \begin{center}
+        \includegraphics{<dateipfad>}
+    \end{center}
+\end{figure}
+```
+
+Alternativ:
+
+``` {.lang-tex .hljs}
+\begin{figure}[<position>]
+    \centering
+    \includegraphics{<dateipfad>}
+\end{figure}
+```
+
+
+@slide(layout=task)
+
+@task-number
+10
+
+@title
+Grafiken einfügen
+
+@content
+*	Bindet die Datei `bilder.tex` ein.
+*	Abschnitt 5 enthält ein kleines **Bild.** Setzt dasselbe Bild nochmal größer (Breite: `\textwidth`) ans Ende des Abschnitts.
+

slides/chapter-11.en.md

@@ -0,0 +1,108 @@
+@slide(layout=chapter-slide)
+
+@title
+Graphics
+
+
+@slide(layout=content-only)
+
+@title
+Including graphics <span class="emoji">🖼️</span>
+
+@content
+To display graphics, we need the `graphicx` package.
+
+``` {.lang-tex .hljs}
+\begin{figure}
+    \includegraphics{<file path>}
+    \caption[<short caption>]
+            {<full caption>}
+\end{figure}
+```
+
+Specifying the size:
+
+``` {.lang-tex .hljs}
+\includegraphics[width=0.5\textwidth,
+height=5cm]{<file path>}
+```
+
+
+@slide(layout=content-only)
+
+@title
+Layout on the page
+
+@content
+
+``` {.lang-tex .hljs}
+\begin{figure}[<position code>]
+```
+
+LaTeX places graphics automatically. With position codes, we can express our preferences (they can be combined, as well).
+
+
+<table>
+	<tr>
+		<th style="min-width:4em">code</th>
+		<th>position</th>
+	</tr>
+	<tr class="fragment">
+		<td>h</td>
+		<td>here, if you don’t mind</td>
+	</tr>
+	<tr class="fragment">
+		<td>t</td>
+		<td>top of the page</td>
+	</tr>
+	<tr class="fragment">
+		<td>b</td>
+		<td>bottom of the page</td>
+	</tr>
+	<tr class="fragment">
+		<td>p</td>
+		<td>on its own page</td>
+	</tr>
+	<tr class="fragment">
+		<td>H</td>
+		<td>Here, for God’s sake! <br />(`float` package required)</td>
+	</tr>
+</table>
+
+
+@slide(layout=content-only)
+
+@title
+Centered alignment
+
+@content
+``` {.lang-tex .hljs}
+\begin{figure}[<position>]
+    \begin{center}
+        \includegraphics{<dateipfad>}
+    \end{center}
+\end{figure}
+```
+
+Alternatively:
+
+``` {.lang-tex .hljs}
+\begin{figure}[<position>]
+    \centering
+    \includegraphics{<dateipfad>}
+\end{figure}
+```
+
+
+@slide(layout=task)
+
+@task-number
+10
+
+@title
+Inserting graphics
+
+@content
+*	Include the file `bilder.tex`.
+*	Section 5 contains a small **image.** Use this image and embed it once more in a larger size (width: `\textwidth`) at the end of the section.
+