<div class="layout-content-only">
    <div class="layout-content">
        <h1>Wie funktioniert 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-columns">
    <div class="layout-title">
        <h2>WYSIWYG und WYGIWYM</h2>
    </div>
    <div class="layout-column-one">
        <div class="fragment">
        <blockquote>Word</blockquote>
        <h3>What You See Is What You Get</h3>
        <ul>
            <li>Formatierung mit unmittelbarem optischen Feedback</li>
        </ul>
        </div>
    </div>
    <div class="layout-column-two">
        <div class="fragment">
        <blockquote>LaTeX</blockquote>
        <h3>What You See Is What You Mean</h3>
        <ul>
            <li>Trennung von Inhalt und Struktur</li>
            <li>Formatierung erst am Ende ersichtlich</li>
        </ul>
        </div>
    </div>
</div>

---

<div class="layout-preview-only">
    <h2>Der Weg zum fertigen Dokument</h2>
    <div class="layout-preview">
        <figure>
            <img src="sections/german/02/wysiwyg.svg">
        </figure>
    </div>
</div>

---

<div class="layout-two-columns">
    <h2>Was brauchen wir dazu?</h2>
  <div class="layout-column-one">
    <blockquote>Editor</blockquote>
    <p style="text-align:left;">enthält unseren Quelltext mit allen Befehlen zur semantischen Gliederung</p>
    <p style="text-align:left;"><i>TeXstudio, TeXMaker</i></p>
  </div>
  <div class="layout-column-two">
    <blockquote>Compiler</blockquote>
    <p style="text-align:left;">erstellt aus dem Quelltext ein fertig formatiertes PDF-Dokument</p>
    <p style="text-align:left;"><i>MiKTeX, TeX Live, MacTeX</i></p>
  </div>
</div>

---

<div class="layout-content-only">
    <div class="layout-content">
        <h2>Software-Installation</h2>
        Bitte installiert zuerst den Compiler, also MikTeX (windows), MacTeX (MacOS) bzw. TeX Live (Linux) und danach den Editor. In diesem Workshop verwenden wir TeXstudio.

        <ul>
            <li>MikTeX (Windows): https://miktex.org/ </li>
            <li>MacTeX (MacOS): http://tug.org/mactex/ </li>
            <li>TeX Live (Linux/alle BS): https://tug.org/texlive/ </li>
            <li>TeXstudio: https://www.texstudio.org/ </li>
        </ul>
    </div>
</div>

---

<div class="layout-only">
    <div class="layout-content">
        <h2 data-category="Aufgabe">1. Erste Schritte mit LaTeX</h2>
        <ul>
            <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>
            <li class="fragment">Was ist in dem Ordner passiert, in dem die Datei liegt?</li>
        </ul>
    </div>
</div>
