02: Befehle, Kommentare

sections/german/02/02.md

@@ -60,6 +60,68 @@
 
 ---
 
+<div class="layout-wide-content">
+    <div class="layout-content">
+        <h2>Befehle</h2>
+        Allgemeiner Aufbau eine Befehls:
+        <pre class="lang-tex hljs"><code>\usepackage[optionale_parameter]{obligatorische_parameter}</code></pre>
+        <p class="fragment">Ein paar Beispiele:</p>
+        <pre class="lang-tex hljs fragment"><code>\newpage % fügt eine neue Seite ein
+\textbf{Text} % schreibt den übergebenen Text fett
+\usepackage[utf8]{inputenc} % setzt die Textkodierung
+\frac{zähler}{nenner} % Brüche</code></pre>
+    </div>
+</div>
+
+---
+
+<div class="layout-content-only">
+    <div class="layout-content">
+        <h2>Backslash</h2>
+        <p>Den Backslash erzeugt ihr mit folgender Tastenkombination:</p>
+        <p><kbd>AltGr</kbd> + <kbd>ß</kbd> (Windows/Linux)</p>
+        <p><kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>7</kbd> (MacOS)</p>
+    </div>
+</div>
+
+---
+
+<div class="layout-wide-content">
+    <div class="layout-content">
+        <h2>Optionale Parameter</h2>
+        <p>In eckigen Klammern können verschieden viele optionale Parameter stehen:</p>
+        <pre><code class="lang-tex hljs">\usepackage[utf8]{inputenc}
+% setzt die Textkodierung
+
+\documentclass[a4paper,12pt]{article}
+% setzt die Dokumentklasse
+
+\includegraphics[width=12cm,height=4cm]{bild.png}
+% bindet das Bild "bild.png" ein</code></pre>
+    </div>
+</div>
+
+---
+
+<div class="layout-content-and-preview">
+    <div class="layout-content">
+        <h2>Kommentare</h2>
+        <p>Nach einem Prozentzeichen wird der Rest der Zeile vom Compiler ignoriert. Der Kommentartext erscheint also nicht im fertigen Dokument.</p>
+        <pre><code class="lang-tex hljs">% Beginn Steckbrief
+Name: Donald Knuth \\\\
+Geburtsdatum: \\\\ % TODO: einfügen
+Geburtsort: Milwaukee, Wisconsin
+% Ende Steckbrief</code></pre>
+    </div>
+    <div class="layout-preview">
+        <figure>
+            <img src="sections/german/02/comments.png">
+        </figure>
+    </div>
+</div>
+
+---
+
 <div class="layout-content-only">
     <div class="layout-content">
         <h2>Software-Installation</h2>
@@ -78,9 +140,9 @@
 
 <div class="layout-only">
     <div class="layout-content">
-        <h2 data-category="Aufgabe">1. Erste Schritte mit LaTeX</h2>
+        <h2 data-category="⌨️ Aufgabe">1. Erste Schritte mit LaTeX</h2>
         <ul>
-            <li class="fragment">Falls nötig: Install now!⌨️</li>
+            <li class="fragment">Falls nötig: Install now!</li>
             <li class="fragment">Ladet euch aus dem VC die Datei <code>aufgabe01.tex</code> herunter und speichert sie in einem eigenen Ordner.</li>
             <li class="fragment">Öffnet die Datei in TeXstudio.</li>
             <li class="fragment">Kompiliert die Datei durch Druck auf ⏩.</li>