girls day 2024

stritti · Apr 19, 2024 · db3451b · db3451b
1 parent 2d5fef6
commit db3451b
Show file tree

Hide file tree

Showing 37 changed files with 551 additions and 127 deletions.
diff --git a/src/develop.html b/src/develop.html
diff --git a/src/img/Anne.jpg b/src/img/Anne.jpg
diff --git a/src/img/Sandra.png b/src/img/Sandra.png
diff --git a/src/img/Sarah.jpg b/src/img/Sarah.jpg
diff --git a/src/img/add_sound.webp b/src/img/add_sound.webp
diff --git a/src/img/adding_go_noise.PNG b/src/img/adding_go_noise.PNG
diff --git a/src/img/adding_go_noise_picture.PNG b/src/img/adding_go_noise_picture.PNG
diff --git a/src/img/ausprobieren_best_friends.jpg b/src/img/ausprobieren_best_friends.jpg
diff --git a/src/img/best friends.jpg b/src/img/best friends.jpg
diff --git a/src/img/best-friends-16508559.webp b/src/img/best-friends-16508559.webp
diff --git a/src/img/best_friends1.jpg b/src/img/best_friends1.jpg
diff --git a/src/img/best_friends_2.jpg b/src/img/best_friends_2.jpg
diff --git a/src/img/countdown_countdown_example.PNG b/src/img/countdown_countdown_example.PNG
diff --git a/src/img/dice-1361436_1280.jpg b/src/img/dice-1361436_1280.jpg
diff --git a/src/img/dog-7274203_1280.jpg b/src/img/dog-7274203_1280.jpg
diff --git a/src/img/emoji-653309_1280.jpg b/src/img/emoji-653309_1280.jpg
diff --git a/src/img/fight-4121142_1280.jpg b/src/img/fight-4121142_1280.jpg
diff --git a/src/img/girl-singing.jpg b/src/img/girl-singing.jpg
diff --git a/src/img/girl-smiling.jpg b/src/img/girl-smiling.jpg
diff --git a/src/img/inverting_number_text.PNG b/src/img/inverting_number_text.PNG
diff --git a/src/img/iverting_number_picture.PNG b/src/img/iverting_number_picture.PNG
diff --git a/src/img/lamp-2663053_1280.jpg b/src/img/lamp-2663053_1280.jpg
diff --git a/src/img/loop_conditio_example.PNG b/src/img/loop_conditio_example.PNG
diff --git a/src/img/microbit_hardware.jpg b/src/img/microbit_hardware.jpg
diff --git a/src/img/music.jpg b/src/img/music.jpg
diff --git a/src/img/play_music.PNG b/src/img/play_music.PNG
diff --git a/src/img/play_music_picture.PNG b/src/img/play_music_picture.PNG
diff --git a/src/img/printing_go.PNG b/src/img/printing_go.PNG
diff --git a/src/img/printing_go_picture.PNG b/src/img/printing_go_picture.PNG
diff --git a/src/img/projects/best_friends_2.jpg b/src/img/projects/best_friends_2.jpg
diff --git a/src/img/rocket-launch-693207_1280.jpg b/src/img/rocket-launch-693207_1280.jpg
diff --git a/src/img/roundabout-1558430_1280.jpg b/src/img/roundabout-1558430_1280.jpg
diff --git a/src/img/setting_up_loop.PNG b/src/img/setting_up_loop.PNG
diff --git a/src/img/show_countdown_text.PNG b/src/img/show_countdown_text.PNG
diff --git a/src/img/team-1381084_1280.jpg b/src/img/team-1381084_1280.jpg
diff --git a/src/img/woman-498257_1280.jpg b/src/img/woman-498257_1280.jpg
diff --git a/src/index.html b/src/index.html
@@ -39,10 +39,10 @@
 <div id="impress" data-transition-duration="1000">
 
 	<section id="Titel" class="step" data-x="-1500" data-y="-1000" data-scale="1">
-		<h1 class="title" style="font-size: 6rem;">Girls' Day 2023</h1>
+		<h1 class="title" style="font-size: 6rem;">Girls' Day 2024</h1>
 		<h1 class="title">Einführung in die Informatik</h1>
 		<img class="right" src="img/Kompetenzz_16508_siegel_gd_wir machen mit.svg" alt="Girls Day"/>
-		27. April 2023
+		25. April 2023
 		<div class="bottom">
 			<p>Eine Einführung in die Informatik: <br/>Wir programmieren mit dem Micro:bit</p>
 			<small>Quelle: <a href="https://github.com/stritti/girlsday-einfuehrung-informatik">GitHub</a>
@@ -89,79 +89,78 @@ <h1 class="title">Autor</h1>
 	</section>
 
 
-	<section id="Co-Autorin" class="step" data-rel-x="-300" data-rel-y="1500" data-z="0">
+	<section id="Assistent" class="step" data-rel-x="-300" data-rel-y="1500" data-z="0">
 		<p class="vignette-vertical">
-			<img data-src="img/Rebecca.png" class="lazyload responsive" alt="Rebecca Braun, Studentin"/>
+			<img data-src="img/Anne.jpg" class="lazyload responsive" alt="Anne Zeller, Studentin"/>
 		</p>
 		<p class="img-title">
-			<em>Rebecca Braun</em>, Studentin</p>
+			<em>Anne Zeller</em>, Studentin</p>
 		<p class="img-source">privates Foto</p>
 		<aside class="notes">
 		</aside>
 
 	</section>
 
-	<section id="Co-Autorin_2" class="step" data-rel-x="140" data-rel-y="-50" data-rotate-z="0"
+	<section id="Assistent_2" class="step" data-rel-x="-270" data-rel-y="-200" data-rotate-z="0"
 			 data-scale="0.1">
 		<h1 class="title">Studentin</h1>
 
 		<ul>
 			<li>Gymnasium</li>
-			<li>HTWG Konstanz: Angewandte Informatik</li>
+			<li>HTWG Konstanz: Wirtschaftsinformatik</li>
 			<li>Praxissemester und Werkstudentin</li>
-			<li>Bachelorarbeit</li>
 		</ul>
 		<aside class="notes"></aside>
 	</section>
 
-	<!--section id="Assistant2" class="step" data-rel-x="-300" data-rel-y="1500" data-z="0">
+	<section id="Co-Assistant" class="step" data-rel-x="-500" data-rel-y="1600" data-z="0">
 		<p class="vignette-vertical">
-			<img data-src="img/Tiffany.png" class="lazyload responsive" alt="Tiffany Blum, DH-Studentin"/>
+			<img data-src="img/Sarah.jpg" class="lazyload responsive" alt="Sarah Misaras, Studentin"/>
 		</p>
 		<p class="img-title">
-			<em>Tiffany Blum</em>, Praktikantin: Pre Sales</p>
+			<em>Sarah Misaras</em>, Studentin</p>
 		<p class="img-source">privates Foto</p>
 		<aside class="notes">
 		</aside>
-	</--section>
+	</section>
 
-	<section id="Assistant_2" class="step" data-rel-x="140" data-rel-y="-50" data-rotate-z="0"
-			 data-scale="0.1">
-		<h1 class="title">Co-Autorin</h1>
+	<section id="Co-Assistant_2" class="step" data-rel-x="-50" data-rel-y="50" data-rotate-z="0" data-scale="0.1">
+		<h1 class="title">Studentin</h1>
 		<p class="vignette right">
 		</p>
 		<ul>
-			<li>Realschule, Wirtschaftsgymnasium</li>
-			<li>HFU: Studium Wirtschaftsinformatik</li>
-			<li>Praxissemester</li>
+			<li>Gymnasium</li>
+			<li>HTWG Konstanz: Angewandte Informatik</li>
+			<li>Praxissemester und Werkstudentin</li>
 		</ul>
-		<aside class="notes"></aside>
-	</section!-->
+		<aside class="notes">
+		</aside>
+	</section>
 
-	<section id="Co-Assistant" class="step" data-rel-x="-500" data-rel-y="1600" data-z="0">
+	<section id="Co-Assistant_3" class="step" data-rel-x="-500" data-rel-y="1600" data-z="0">
 		<p class="vignette-vertical">
-			<img data-src="img/Dzana.jpg" class="lazyload responsive" alt="Dzana Rahic, Studentin"/>
+			<img data-src="img/Sandra.png" class="lazyload responsive" alt="Sandra Bischof, Auszubildende"/>
 		</p>
 		<p class="img-title">
-			<em>Dzana Rahic</em>, Praktikantin</p>
+			<em>Sandra Bischof</em>, Auszubildende</p>
 		<p class="img-source">privates Foto</p>
 		<aside class="notes">
 		</aside>
 	</section>
 
-	<section id="Co-Assistant_2" class="step" data-rel-x="-50" data-rel-y="50" data-rotate-z="0" data-scale="0.1">
-		<h1 class="title">Praktikantin</h1>
+	<section id="Co-Assistant_4" class="step" data-rel-x="-180" data-rel-y="120" data-rotate-z="0" data-scale="0.1">
+		<h1 class="title">Auszubildende</h1>
 		<p class="vignette right">
 		</p>
 		<ul>
-			<li>Gymnasium, Abschluss 2019</li>
-			<li>HFU: Allgemeine Informatik</li>
-			<li>Praxissemester</li>
+			<li>Wirtschaftsgymnasium</li>
+			<li>Ausbildung: Fachinformatikerin für Anwendungsentwicklung</li>
 		</ul>
 		<aside class="notes">
 		</aside>
 	</section>
 
+
 	<section id="Und_du" class="step" data-rel-x="1000" data-rel-y="1000" data-z="0" data-scale="1">
 		<p class="Project">
 			<img data-src="img/portrait-1243972_1920.jpg" class="lazyload responsive" alt="und ihr?"/>
@@ -714,7 +713,7 @@ <h1>Pins</h1>
 
 	<section id="IO-LEDs" class="step" data-rel-x="1000" data-rel-y="-600" data-rotate-z="-135">
 		<h1>LEDs</h1>
-		<img align="right" src="img/beating-heart.gif" alt="micro:bit with beating heart"/> LED steht für Light
+		<img allign="right" src="img/beating-heart.gif" alt="micro:bit with beating heart"/> LED steht für Light
 		Emitting
 		Diode. Der
 		micro:bit verfügt über 25 individuell programmierbare LEDs, mit denen du Texte,
@@ -767,7 +766,7 @@ <h1>Radio / Funk</h1>
 		</aside>
 	</section>
 
-	<section id="BBC-Microbit" class="step no-dim" data-rel-x="-3000" data-rel-y="475" data-scale="0.001"
+	<!--section id="BBC-Microbit" class="step no-dim" data-rel-x="-3000" data-rel-y="475" data-scale="0.001"
 			 data-rotate-z="-180">
 
 		<h1 class="title">BBC micro:bit Hardware</h1>
@@ -779,6 +778,18 @@ <h1 class="title">BBC micro:bit Hardware</h1>
 
 		<aside class="notes">
 
+		</aside>
+	</section-->
+
+	<section id="BBC-Microbit" class="step no-dim" data-rel-x="-3000" data-rel-y="475" data-scale="0.001"
+			 data-rotate-z="-180">
+
+		<h1 class="title">BBC Micro:Bit Hardware</h1>
+		<img class="lazyload responsive" data-src="img/microbit_hardware.jpg"
+			 alt="BBC micro:bit Hardware Übersicht"/>
+
+		<aside class="notes">
+
 		</aside>
 	</section>