Move images as well

sections/german/15/15.md

@@ -18,6 +18,91 @@ Weitere Umgebungen
 
 ---
 
+<div class="layout-content-and-preview">
+    <div class="layout-content">
+        <h2>Einen Index erstellen</h2>
+    <pre class="lang-tex hljs"><code>\usepackage{makeidx}
+\makeindex
+\begin{document}
+\maketitle
+\section{Was ist LaTeX\index{LaTeX}?}
+LaTeX\index{LaTeX} ist
+ein Textsatzsystem\index{Textsatzsystem}.
+
+\newpage
+
+\section{TeX\index{TeX} vs. LaTeX\index{LaTeX}}
+Es basiert auf TeX\index{TeX},
+einer Erfindung von
+Donald Knuth\index{Knuth, Donald}.
+Da TeX\index{TeX} in
+seiner Syntax sehr viel
+komplexer als LaTeX\index{LaTeX} ist,
+ist LaTeX\index{LaTeX}
+wesentlich weiter verbreitet.
+
+\printindex</code></pre>
+</div>
+<div class="layout-preview">
+        <img src="sections/german/15/index.png">
+</div>
+</div>
+
+---
+
+<div class="layout-content-and-preview">
+    <div class="layout-content">
+    <h2>TikZ - TikZ ist kein Zeichenprogramm</h2>
+    <p>Paket zur Erstellung von Vektorgrafiken.</p>
+    <pre class="lang-tex hljs">
+    <code>\tikzstyle{every node}=[draw=black,thick,anchor=west]
+\tikzstyle{selected}=[draw=red,fill=red!30]
+\tikzstyle{dir}=[fill=gray!50]
+\tikzstyle{relativeTo}=[fill=blue!70]
+\begin{tikzpicture}[%
+grow via
+three points={one child at (0.5,-0.7) and
+two children at
+(0.5,-0.7) and (0.5,-1.4)},
+edge from
+parent path={(\tikzparentnode.south)
+ |- (\tikzchildnode.west)}]
+\node {/ oder C:}
+child { node {home}
+   child { node {knut}
+       child { node {pictures}}
+       child { node {docs}
+           child { node [dir] {latex}
+              child { node [relativeTo] {main.tex}
+              child { node [selected] {part1.tex}
+           }
+       }
+   }
+};
+\end{tikzpicture}
+    </code>
+    </pre>
+
+    </div>
+<div class="layout-preview">
+        <img src="sections/german/04/relative_path.png">
+</div>
+</div>
+
+---
+
+<div class="layout-content-and-preview">
+    <div class="layout-content">
+    <h2><a href="https://ctan.org">CTAN - Comprehensive TeX Archive Network</a></h2>
+    <p>Zentrale Quelle für LaTeX-Pakete und ihrer Dokumentation.</p>
+</div>
+<div class="layout-preview">
+        <img src="sections/german/15/ctan.png">
+</div>
+</div>
+
+---
+
 <div class="layout-content-and-preview">
     <div class="layout-content">
     <h2><a href="https://www.overleaf.com">Overleaf</a></h2>
@@ -28,3 +113,41 @@ Weitere Umgebungen
         <img src="sections/german/15/overleaf.png">
 </div>
 </div>
+
+---
+
+<div class="layout-content-and-preview">
+    <div class="layout-content">
+    <h2><a href="https://tex.stackexchange.com">StackExchange</a></h2>
+    <p>Frage-Forum zu LaTeX.</p>
+</div>
+<div class="layout-preview">
+        <img src="sections/german/15/stackexchange.png">
+</div>
+</div>
+
+---
+
+<div class="layout-content-and-preview">
+    <div class="layout-content">
+    <h2><a href="https://www.texample.net">TeXample</a></h2>
+    <p>Webseite mit LaTeX-Beispielvorlagen, vor allem zu TikZ.</p>
+</div>
+<div class="layout-preview">
+        <img src="sections/german/15/texample.png">
+</div>
+</div>
+
+---
+
+<div class="layout-content-only">
+    <div class="layout-content">
+    <h2>Vielen Dank für eure Aufmerksamkeit!</h2>
+    <p>Bitte hinterlasst uns eine kurzes Feedback:</p>
+    <ul>
+        <li>Was hat dir gut gefallen?</li>
+        <li>Was hätten wir besser machen können?</li>
+        <li>Was hättest du dir gewünscht?</li>
+    </ul>
+    </div>
+</div>