update new media

temporaerhaus · Dec 27, 2023 · b2aaebe · b2aaebe
1 parent bfc3d37
commit b2aaebe
Showing 1 changed file with 26 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -31,29 +31,48 @@
 
 
 				<section data-autoslide="50000" data-background-video="https://upload.wikimedia.org/wikipedia/commons/1/17/Deutsche_Welle_-_Daily_Drone_-_Nord-Ostsee-Kanal.webm" data-background-color="#000000">
-						<div style="position: absolute; width: 50%; right: 0; top: 0; background-color: rgba(0, 0, 0, 0.9); color: #fff; padding: 20px; font-size: 20px; text-align: left;">
+						<div style="position: absolute; width: 60%; left: 50%; top: 10%; background-color: rgba(0, 0, 0, 0.9); color: #fff; padding: 20px; font-size: 20px; text-align: left;">
 							<h3>#DailyDrone</h3>
 							<p>Die Deutsche Welle stellt seit einigen Jahren Videos unter Creative-Commons Lizenz auf Wikimedia Commons zur Verfügung. Denn öffentlich finanzierte Inhalte sollen auch öffentlich genutzt werden können! #ÖGÖG<br />Mehr wissen? → <em>Wiki Loves Broadcast!</em></p>
 							<p><small>Deutsche Welle - Daily Drone - Nord-Ostsee-Kanal von André Götzmann, &lt;https://commons.wikimedia.org/wiki/File:Deutsche_Welle_-_Daily_Drone_-_Nord-Ostsee-Kanal.webm&gt;. CC BY 4.0 &lt;https://creativecommons.org/licenses/by/4.0/deed.de&gt;</small></p>
 						</div>
 				</section>
 
+
+				<section data-autoslide="60000" data-background-iframe="https://osmlab.github.io/show-me-the-way/" data-background-interactive>
+				</section>
+
+
 				<section data-autoslide="50000" data-background-color="#b5533c">
-				<video src="https://upload.wikimedia.org/wikipedia/commons/2/20/Kurzerkl%C3%A4rt%2C_FFP2-Masken_wiederverwenden_-_Tagesschau.webm" data-autoplay></video>
-						<div style="position: absolute; width: 50%; right: 0; top: 0; background-color: rgba(0, 0, 0, 0.9); color: #fff; padding: 20px; font-size: 20px; text-align: left;">
+				<video src="https://upload.wikimedia.org/wikipedia/commons/2/20/Kurzerkl%C3%A4rt%2C_FFP2-Masken_wiederverwenden_-_Tagesschau.webm" data-autoplay height=700></video>
+						<div style="position: absolute; width: 30%; right: 80%; top: 0; background-color: rgba(0, 0, 0, 0.9); color: #fff; padding: 20px; font-size: 20px; text-align: left;">
 							<h3>Wiki loves Broadcast</h3>
-							<p>Auch die Tagesschau veröffentlicht Erklärvideos auf Wikimedia Commons. So können sie in der Wikipedia verwendet werden – oder für andere Zwecke wie den Schulunterricht oder auf dem Chaos Communication Congress.<br />Mehr wissen? → <em>Wiki Loves Broadcasting!</em></p>
-							<p><small>Deutsche Welle - Daily Drone - Nord-Ostsee-Kanal von André Götzmann, &lt;https://commons.wikimedia.org/wiki/File:Deutsche_Welle_-_Daily_Drone_-_Nord-Ostsee-Kanal.webm&gt;. CC BY 4.0 &lt;https://creativecommons.org/licenses/by/4.0/deed.de&gt;</small></p>
+							<p>Auch die Tagesschau veröffentlicht Erklärvideos unter Creative-Commons-Lizenz. So können sie in der Wikipedia verwendet werden – oder für andere Zwecke wie den Schulunterricht oder auf dem Chaos Communication Congress.<br />Mehr wissen? → <em>Wiki Loves Broadcasting!</em></p>
+							<p><small>Tagesschau (ARD), Kurzerklärt, FFP2-Masken wiederverwenden, &lt;https://commons.wikimedia.org/wiki/File:Kurzerkl%C3%A4rt,_FFP2-Masken_wiederverwenden_-_Tagesschau.webm&gt;. CC BY-SA 4.0 &lt;https://creativecommons.org/licenses/by-sa/4.0/deed.de&gt;</small></p>
 						</div>
 				</section>
 
 
 				<section data-autoslide="60000" data-background-iframe="https://osmlab.github.io/show-me-the-way/" data-background-interactive>
 				</section>
 
+				<section data-autoslide="172000" data-background-color="#b5533c">
+				<video src="https://upload.wikimedia.org/wikipedia/commons/d/df/Das_Wunder_%281922%29.webm" data-autoplay height=700></video>
+						<div style="position: absolute; width: 30%; right: 80%; top: 0; background-color: rgba(0, 0, 0, 0.9); color: #fff; padding: 20px; font-size: 20px; text-align: left;">
+							<h3>Das Wunder (1922)</h3>
+							<p>Ein handanimierter Kurzfilm von Walter Ruttmann für die Kantorowicz-Brennerei. Dieser Film war am 31. Oktober 2023 Multimediadatei des Tages auf Wikimedia Commons.</p>
+							<p><small>Walter Ruttmann, Das Wunder (1922). &lt;https://commons.wikimedia.org/wiki/File:Das_Wunder_(1922).webm&gt;. Gemeinfrei, da der urheberrechtliche Schutz abgelaufen ist.</small></p>
+						</div>
+				</section>
+
+
 				<section data-autoslide="60000" data-background-iframe="https://listen.hatnote.com/#de,en" data-background-interactive>
 				</section>
 
+				<section data-autoslide="60000" data-background-iframe="https://osmlab.github.io/show-me-the-way/" data-background-interactive>
+
+				</section>
+
 
 <!--				<section data-autoslide="10000" data-background-iframe="https://osmlab.github.io/show-me-the-way/" data-background-interactive>
 					<div style="position: absolute; width: 40%; right: 0; box-shadow: 0 1px 4px rgba(0,0,0,0.5), 0 5px 25px rgba(0,0,0,0.2); background-color: rgba(0, 0, 0, 0.9); color: #fff; padding: 20px; font-size: 20px; text-align: left;">
@@ -79,9 +98,9 @@ <h2>Iframe Backgrounds</h2>
 			// Also available as an ES module, see:
 			// https://revealjs.com/initialization/
 			Reveal.initialize({
-				controls: true,
+				controls: false,
 				progress: false,
-				center: true,
+				center: false,
 				hash: true,
 				autoPlayMedia: true,
 				autoSlide: 1000,