Commit 2039ffc3 authored by Felix Rupp's avatar Felix Rupp

Add slide numbers, update reveal, addExkurs

parent a26d9c72
<section data-background-color="black" style="color: white;">
<h3 style="color: white;" class="fragment fade-in"><span class="fragment fade-out">Welche Fragen haben Sie?</span></h3>
</section>
<section id="erinnerungTestate">
<h3>Exkurs: Wie recherchiere ich während eines Testates</h3>
<section id="erinnerungTestate1">
<h4 class="fragment">So wird’s gemacht!</h4>
<ol>
<li class="fragment">Öffne den Browser 👩‍💻</li>
<li class="fragment">Gehe auf <a href="https://www.w3schools.com" target="_blank">w3schools.com</a> ✍️</li>
<li class="fragment">Suche dort nach dem gewünschten Begriff 👍</li>
</ol>
<p class="fragment">Alternativ: <a href="https://wiki.selfhtml.org" target="_blank">selfhtml.org</a> geht auch 💁‍♂️</p>
</section>
<section id="erinnerungTestate2">
<h4 class="fragment">So wird’s nicht gemacht!</h4>
<ol>
<li class="fragment">Öffne den Browser 👩‍💻</li>
<li class="fragment">Suche bei Google mit schlechtem Suchbegriff 🙉</li>
<li class="fragment">Lande auf einer <a href="https://medium.com/@stasonmars/как-работает-flex-grow-в-css-подробное-руководство-557d406be844" target="blank">dubiosen Seite</a> 🙈️</li>
</ol>
<p class="fragment">Alternativ: nutze irgendwelche Seiten, die deine Kommilitonen dir per WhatsApp geschickt haben 😎</p>
</section>
<section id="erinnerungTestate3">
<h4 class="fragment">Beispiel: So wird’s nicht gemacht!</h4>
<a class="fragment" href="https://kevs-informatikwelt.jimdofree.com/hilfreiche-tipps/" target="_blank">kevs-informatikwelt.jimdofree.com/hilfreiche-tipps/</a>
<iframe class="fragment" src="images/ultimate-guide-flexbox-kevs-informatikwelts-webseite.pdf" frameborder="0" style="width: 100%; height: 40vh;"></iframe>
</section>
<section id="erinnerungTestate4">
<h4 class="fragment">Lassen Sie uns die Testataufgabe noch einmal gemeinsam machen</h4>
<ol class="fragment tiny-text">
<li>Erstellen Sie innerhalb des header-Tags eine <span class="fragment highlight-blue">Überschrift der 4. Ebene</span> mit dem Text "Das Testat!".</li>
<li>Erstellen Sie innerhalb des div-Tags mit der ID "main", über dem Lorem-Ipsum-Text, eine weitere <span class="fragment highlight-blue">Überschrift der 5. Ebene</span> mit dem Text "Keine so wichtige Überschrift". <span class="fragment highlight-blue">Formatieren</span> Sie diese Überschrift mit der <span class="fragment highlight-blue">Textausrichtung: justify</span>.</li>
<li>Erstellen Sie unterhalb des Lorem-Ipsum-Textes eine/n <span class="fragment highlight-blue">article</span> mit 3 Bildern. Die <span class="fragment highlight-blue">Bilder müssen in figure-Tags</span> gekapselt sein und jeweils folgende Elemente enthalten:
<ul>
<li>img-Tag mit src-Attribut: "/static/bild1.svg" und alt-Attribut: "Das ist Bild 1" und figcaption-Tag mit dem Text "Text zu Bild 1"</li>
<li>img-Tag mit src-Attribut: "/static/bild3.svg" und alt-Attribut: "Das ist Bild 3" und figcaption-Tag mit dem Text "Text zu Bild 3"</li>
<li>img-Tag mit src-Attribut: "/static/bild6.svg" und alt-Attribut: "Das ist Bild 6" und figcaption-Tag mit dem Text "Text zu Bild 6"</li>
</ul>
</li>
<li><span class="fragment highlight-blue">Formatieren</span> Sie den article-Tag nach dem <span class="fragment highlight-blue">Flex Prinzip</span>. Die Unterelemente/Bilder im article-Tag sollen sich alle <span class="fragment highlight-blue">in einer Reihe über die gesamte verfügbare Breite</span> erstrecken. <span class="fragment highlight-blue">Alle geraden</span> Unterelemente/Bilder sollen <span class="fragment highlight-blue">3 mal so viel Platz</span> einnehmen wie die anderen. <span class="fragment highlight-blue">Alle geraden</span> Unterelemente/Bilder sollen zusätzlich als <span class="fragment highlight-blue">Hintergrundfarbe #FFF466</span> haben.</li>
</ol>
</section>
</section>
\ No newline at end of file
......@@ -534,71 +534,6 @@ waagrechtFarbe (0, 0, 8, BLACK);
</section>
<section data-background-color="black" style="color: white;">
<h3 style="color: white;" class="fragment fade-in"><span class="fragment fade-out">Welche Fragen haben Sie?</span></h3>
</section>
<section id="erinnerungTestate">
<h3>Exkurs: Wie recherchiere ich während eines Testates</h3>
<section id="erinnerungTestate1">
<h4 class="fragment">So wird’s gemacht!</h4>
<ol>
<li class="fragment">Öffne den Browser 👩‍💻</li>
<li class="fragment">Gehe auf <a href="https://www.w3schools.com" target="_blank">w3schools.com</a> ✍️</li>
<li class="fragment">Suche dort nach dem gewünschten Begriff 👍</li>
</ol>
<p class="fragment">Alternativ: <a href="https://wiki.selfhtml.org" target="_blank">selfhtml.org</a> geht auch 💁‍♂️</p>
</section>
<section id="erinnerungTestate2">
<h4 class="fragment">So wird’s nicht gemacht!</h4>
<ol>
<li class="fragment">Öffne den Browser 👩‍💻</li>
<li class="fragment">Suche bei Google mit schlechtem Suchbegriff 🙉</li>
<li class="fragment">Lande auf einer <a href="https://medium.com/@stasonmars/как-работает-flex-grow-в-css-подробное-руководство-557d406be844" target="blank">dubiosen Seite</a> 🙈️</li>
</ol>
<p class="fragment">Alternativ: nutze irgendwelche Seiten, die deine Kommilitonen dir per WhatsApp geschickt haben 😎</p>
</section>
<section id="erinnerungTestate3">
<h4 class="fragment">Beispiel: So wird’s nicht gemacht!</h4>
<a class="fragment" href="https://kevs-informatikwelt.jimdofree.com/hilfreiche-tipps/" target="_blank">kevs-informatikwelt.jimdofree.com/hilfreiche-tipps/</a>
<iframe class="fragment" src="images/ultimate-guide-flexbox-kevs-informatikwelts-webseite.pdf" frameborder="0" style="width: 100%; height: 40vh;"></iframe>
</section>
<section id="erinnerungTestate4">
<h4 class="fragment">Lassen Sie uns die Testataufgabe noch einmal gemeinsam machen</h4>
<ol class="fragment tiny-text">
<li>Erstellen Sie innerhalb des header-Tags eine <span class="fragment highlight-blue">Überschrift der 4. Ebene</span> mit dem Text "Das Testat!".</li>
<li>Erstellen Sie innerhalb des div-Tags mit der ID "main", über dem Lorem-Ipsum-Text, eine weitere <span class="fragment highlight-blue">Überschrift der 5. Ebene</span> mit dem Text "Keine so wichtige Überschrift". <span class="fragment highlight-blue">Formatieren</span> Sie diese Überschrift mit der <span class="fragment highlight-blue">Textausrichtung: justify</span>.</li>
<li>Erstellen Sie unterhalb des Lorem-Ipsum-Textes eine/n <span class="fragment highlight-blue">article</span> mit 3 Bildern. Die <span class="fragment highlight-blue">Bilder müssen in figure-Tags</span> gekapselt sein und jeweils folgende Elemente enthalten:
<ul>
<li>img-Tag mit src-Attribut: "/static/bild1.svg" und alt-Attribut: "Das ist Bild 1" und figcaption-Tag mit dem Text "Text zu Bild 1"</li>
<li>img-Tag mit src-Attribut: "/static/bild3.svg" und alt-Attribut: "Das ist Bild 3" und figcaption-Tag mit dem Text "Text zu Bild 3"</li>
<li>img-Tag mit src-Attribut: "/static/bild6.svg" und alt-Attribut: "Das ist Bild 6" und figcaption-Tag mit dem Text "Text zu Bild 6"</li>
</ul>
</li>
<li><span class="fragment highlight-blue">Formatieren</span> Sie den article-Tag nach dem <span class="fragment highlight-blue">Flex Prinzip</span>. Die Unterelemente/Bilder im article-Tag sollen sich alle <span class="fragment highlight-blue">in einer Reihe über die gesamte verfügbare Breite</span> erstrecken. <span class="fragment highlight-blue">Alle geraden</span> Unterelemente/Bilder sollen <span class="fragment highlight-blue">3 mal so viel Platz</span> einnehmen wie die anderen. <span class="fragment highlight-blue">Alle geraden</span> Unterelemente/Bilder sollen zusätzlich als <span class="fragment highlight-blue">Hintergrundfarbe #FFF466</span> haben.</li>
</ol>
</section>
</section>
<section id="blackBetween45" data-background-color="black" style="color: white;">
<h3 style="color: white;" class="fragment fade-in"><span class="fragment fade-out">Welche Fragen haben Sie?</span></h3>
......@@ -2607,6 +2542,7 @@ document.querySelector('form').onsubmit = formUploader.submit;</code></pre>
progress: true,
history: true,
center: true,
slideNumber: true,
transition: 'slide', // none/fade/slide/convex/concave/zoom
......
Subproject commit 249f0139598b20d02263b81a76f1ff87f8e74225
Subproject commit c35cce54a5d4800b90e71a43da140c0347308989
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment