<div class="layout-content-only">
    <div class="layout-content">
        <h1>Was ist L<sup style="font-weight: bold; font-size: 73%; margin-left: -.25em; margin-right: -.05em; position: relative; top: .2em">A</sup>T<sub style="font-size: 100%; margin-left: -.1em">E</sub>X?</h1>
    </div>
</div>

---

<div class="layout-two-previews">
    <div class="layout-preview">
        <figure>
            <img src="sections/german/04/main-orig.svg">
            <figcaption>TODO: Klassisches Word-Dokument</figcaption>
        </figure>
    </div>
    <div class="layout-preview">
        <figure>
            <img src="sections/german/04/main-orig.svg">
            <figcaption>TODO: Klassisches LaTeX-Dokument</figcaption>
        </figure>
    </div>
</div>

---

<div class="layout-content-and-preview">
    <div class="layout-content">
        <h2>Entstehung</h2>
        <ul>
            <li>Donald **Knuth**, 1977–1986: Textsatzsystem **TeX**<span class="bubble fragment">τεχ → /tɛç/</span> für The Art of Computer Programming</li>
            <li>Leslie **Lamport**, ab 1980er: Softwarepaket **LaTeX** zur einfacheren Benutzung von TeX</li>
        </ul>
        <div style="display: flex; justify-content: space-between; align-items: stretch;">
            <figure>
                <img src="sections/german/01/knuth.jpg">
                <figcaption>Donald Knuth</figcaption>
            </figure>
            <figure>
                <img src="sections/german/01/lamport.jpg">
                <figcaption>Leslie Lamport</figcaption>
            </figure>
        </div>
    </div>
    <div class="layout-preview">
        <img src="sections/german/01/taocp.jpg">
        <!-- https://in.pinterest.com/pin/813110907700064708/ -->
    </div>
</div>

---

<div class="layout-two-previews">
    <div class="layout-preview">
        <figure>
            <img src="sections/german/04/main-orig.svg">
            <figcaption>TODO: Klassisches Word-Dokument</figcaption>
        </figure>
    </div>
    <div class="layout-preview">
        <figure>
            <img src="sections/german/04/main-orig.svg">
            <figcaption>TODO: Klassisches LaTeX-Dokument</figcaption>
        </figure>
    </div>
</div>

---

<div class="layout-content-and-preview">
    <div class="layout-content">
        <h2>Typografie</h2>
        <h3>Makrotypografie</h3>
        <ul>
            <li>Satzspiegel</li>
            <li>Zeilenlänge vs. -abstand</li>
            <li>Platzierung von Bildern und Tabellen</li>
            <li>Schusterjungen / Hurenkinder</li>
            <li>…</li>
        </ul>
    </div>
    <div class="layout-preview">
        TODO: Illustration
    </div>
</div>

---

<div class="layout-content-and-preview">
    <div class="layout-content">
        <h2>Typografie</h2>
        <h3>Mikrotypografie</h3>
        <ul>
            <li>Ligaturen</li>
            <li>Kerning</li>
            <li>echte Kursiven, Kapitälchen, …</li>
            <li>Wortabstände</li>
            <li>…</li>
        </ul>
    </div>
    <div class="layout-preview">
        TODO: Illustration
    </div>
</div>

---

<div class="layout-content-only">
    <div class="layout-content">
        <h2>Weitere Vorteile</h2>
        <ul>
            <li>wesentlich bessere Standardeinstellungen<br>
                als in sämtlichen Textverarbeitungsprogrammen</li>
            <li>strukturiertes Arbeiten</li>
            <li>zuverlässiges Undo</li>
            <li>einfache Versionierung</li>
            <li>unabhängig von proprietären Programmen</li>
            <li>Quelltext und Ausgabe langfristig lesbar</li>
            <li>einfache Zusammenarbeit anderen Programmen</li>
        </ul>
    </div>
</div>

---

<div class="layout-content-only">
    <div class="layout-content">
        <h2>Ablauf des Workshops</h2>
        <p><strong>Ziel:</strong> Ihr baut eure eigene LaTeX-Referenz</li>
        <ul>
            <li>Learning by Doing</li>
            <li>Verstehen, wie LaTeX funktioniert</li>
            <li>Einzelheiten später nachschlagen</li>
        </ul>
        <div class="fragment">
        <p><strong>Gliederung:</strong></p>
        <ol>
            <li><del>Was ist LaTeX?</del></li>
            <li>Wie funktioniert LaTeX?</li>
            <li>Grundstruktur eines LaTeX-Dokuments</li>
            <li>Projektstruktur</li>
            <li>Viele Features</li>
            <li>Literaturverwaltung</li>
            <li>Ausblick</li>
        </ol>
        </div>
    </div>
</div>

<div class="layout-content-and-preview">
    <div class="layout-content">
        Leer
    </div>
    <div class="layout-preview">
        Leer
    </div>
</div>
