Halloween Puzzle hinzufügen

Author: rstropek

content/uebungsanleitungen/programmieren/web/halloween-puzzle/index.md

@@ -0,0 +1,24 @@
+---
+title: "Halloween Puzzle"
+description: "Wir programmieren ein Halloween-Puzzle."
+level: 1
+categories:
+- HTML
+- TypeScript
+---
+
+# Halloween Puzzle
+
+Willkommen bei unserem Halloween-Puzzle 🎃. Wir programmieren gemeinsam ein Spiel, bei dem du verschiedene Halloween-Symbole in Gruppen zusammenfügen musst. Wie viele Punkte schaffst du?
+
+## Videoanleitung
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/BdYDFit9pXI?si=289Gyea0KSBrbVXj" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
+## Anleitung
+
+In der Übungsanleitung findest du alle Schritte zur Programmierung des Spiels:
+
+<p class="text-center"><a class="btn btn-primary" href="/uebungsanleitungen/programmieren/web/halloween-puzzle/halloween-puzzle.pdf" target="_blank">Zur Übungsanleitung</a></p>
+
+Den Startercode findest du unter [https://stackblitz.com/edit/digiferien-2024-starter](https://stackblitz.com/edit/digiferien-2024-starter). Wenn du das fertige Spiel probieren möchtest, es ist unter [https://stackblitz.com/edit/digiferien-2024](https://stackblitz.com/edit/digiferien-2024) zu finden.