@webwriter/slides/snippets/beispiel.html

WIP - Present content as a sequence of screens (slides, tabs, etc.).

<webwriter-slides pagination navigation>
    <webwriter-slide>
      <h3 data-placeholder="Überschrift">Überschrift für Folie 1</h3>
      <p><i><span>Das hier ist ein Beispieltext auf Latein:</span></i></p>
      <p style="text-align: justify;"><span>Hic forum est. Populus properat. Sed Marcus stat et circumspectat. Nunc Claudia accedit et salutat: “Salve!” Et Marcus salutat: “Salve!” Marcus et Claudia circumspectant.</span></p>
      <p></p>
      <p><i>Hier steht ein Bild:</i></p>
      <picture style="width: 320px; position: fixed; display: inline; justify-content: normal; align-items: start;"><img alt="Roman Boys at School. (From a bas-relief in the Museum Trier.)"
             src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/Roman_Boys_at_School.png/320px-Roman_Boys_at_School.png"></picture>
    </webwriter-slide>
    <webwriter-slide>
      <h3>Überschrift für Folie 2</h3>
      <p><i>Das ist eine Mathematische Formel:</i></p><math>
        <mrow>
          <msup>
            <mi>a</mi>
            <mn>2</mn>
          </msup>
          <mo>+</mo>
          <msup>
            <mi>b</mi>
            <mn>2</mn>
          </msup>
          <mo>=</mo>
          <msup>
            <mi>c</mi>
            <mn>2</mn>
          </msup>
        </mrow>
      </math>
      <p></p>
      <p style="text-align: center;"></p>
      <p style="text-align: center;"></p>
      <p style="text-align: center;"><span style="font-size: 16pt"><span style="color: #ffffff"><span style="background: #006296">Auf diesen Folien können die Stardard-Bausteine und ebenso alle Widgets eingefügt werden, die zuvor installiert wurden.</span></span></span></p>
    </webwriter-slide>
  </webwriter-slides>