Add page for Hack'n'Sun

content/pages/de/informationen/freizeiten.md

@@ -15,5 +15,6 @@ Die Frobglabs sind Begleitveranstaltungen zu Konferenzen, die sich mit freier So
 Zusätzlich zu den Froglabs gibt es noch Fahrten zu Konferenzen, bei denen wir keine eigenen Workshops anbieten, sondern die besuchte Konferenz im Vordergrund steht. Ein Beispiel dafür ist die Hack'n'Fun XMas Edition.
 
 ## Termine und Anmeldung
-Aktuell gibt es keine angekündigten Veranstaltungen.
+Informationen zur Hack'n'Sun finden sie hier: 
+<a class="btn btn-primary" href="hacknsun.html" role="button">Hack'n'Sun</a>
 </div> 

content/pages/de/informationen/hacknsun.md

+title: Hack'n'Sun
+date: 2021-04-28
+lang: de
+template: page_text
+
+<div class="carousel slide" data-ride="carousel" id="index-carousel">
+  <ol class="carousel-indicators">
+    <li data-target="#index-carousel" data-slide-to="0" class="active"></li>
+    <li data-target="#index-carousel" data-slide-to="1"></li>
+    <li data-target="#index-carousel" data-slide-to="2"></li>
+    <li data-target="#index-carousel" data-slide-to="3"></li>
+  </ol>
+  <div class="carousel-inner">
+    <div class="carousel-item active">
+      <img class="d-block w-100" src="/images/carousel/kinder-auf-wiese.jpg" />
+	  <div class="carousel-caption d-none d-md-block">
+	    <h5>Von Kindern, für Kinder</h5>
+            <p>Unsere jungen Tutoren zwischen 9 und 16 Jahren arbeiten regelmäßig gemeinsam an ihren Workshops, die sie dann für gleichaltrige Kinder und Jugendliche leiten.</p>
+      </div>
+    </div>
+    <div class="carousel-item">
+      <img class="d-block w-100" src="/images/carousel/kinder-lego.png" />
+          <div class="carousel-caption d-none d-md-block">
+            <h5>Kreativität und Technik</h5>
+            <p>Nicht nur Programmieren bietet einen Einstieg in die Informatik!</p>
+      </div>
+    </div>
+    <div class="carousel-item">
+      <img class="d-block w-100" src="/images/carousel/lagerfeuer.jpg" />
+          <div class="carousel-caption d-none d-md-block">
+            <h5>Stockbrot, Sport und Spiele</h5>
+            <p>Am Abend wird es auf dem Jugendzeltplatz gemütlich</p>
+      </div>
+    </div>
+    <div class="carousel-item">
+      <img class="d-block w-100" src="/images/carousel/kinder-elektronik.jpg" />
+          <div class="carousel-caption d-none d-md-block">
+            <h5>Mehr als Informatik</h5>
+            <p>In unseren Projekten kombinieren wir Informatik mit vielen anderen Elementen, wie Elektronik, Grafik, uvm.</p>
+      </div>
+    </div>
+    <a class="carousel-control-prev" href="#index-carousel" role="button" data-slide="prev">
+      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+      <span class="sr-only">Previous</span>
+    </a>
+    <a class="carousel-control-next" href="#index-carousel" role="button" data-slide="next">
+      <span class="carousel-control-next-icon" aria-hidden="true"></span>
+      <span class="sr-only">Next</span>
+    </a>
+  </div>
+</div>
+<div markdown="1" class="ul-columns col-sm-12 col-md-12">
+ <div class="container" id="project-columns">
+   <div class="row">
+     <div class="col">
+## Hack'n'Sun
+Hack‘n‘Sun ist eine Kinder- und Jugendveranstaltung, die vom 9. bis 12.Juni auf dem Jugendzeltplatz in Sankt Augustin stattfindet. 2½ Tage lang finden Workshops zu "Umweltdaten und Heimautomatisierung" und "Spieleprogrammieren mit pygame" statt, und es gibt ein umfangreiches Rahmenprogramm mit Übernachtungen und Aktivitäten. Da die Teilnehmeranzahl aufgrund der Pandemie noch nicht absehbar ist, müssen Teilnehmer die über die Maximale Teilnehmeranzahl hinausgehen, vorerst auf eine Warteliste gesetzt werden.
+   </div>
+   <div class="row">
+## Projekte
+<ul>
+<h2> Umweltdaten und Heimautomatisierung </h2>
+Der Workshop Umweltdaten und Heimautomatisierung befasst sich mit dem Thema Messung von Umweltdaten und deren elektronischen Verarbeitung. Ihr lernt das Programmieren eines Mikrocontrollers. Mit diesem könnt ihr dann verschiedene Sensoren ansprechen. Die gemessenen Daten können dann über das Matrix-Protokoll an euer Handy geschickt werden. Damit könnt ihr dann z.B. die Temperatur und Luftfeuchtigkeit in einem Raum messen und auf eurem Handy anzeigen lassen oder ihr baut einen Seonsor in euren Briefkasten, der euch informiert, wenn Briefe eingeworfen werden.
+
+<h2>Spieleprogrammieren mit pygame</h2>
+<img class="mr-3" src="/images/Beispiel-pygame.png" alt="Beispiel-Ergebnis pygame-Workshop">
+In diesem Workhsop lernen die Teilnehmer die Programmiersprache Python. Mithilfe von pygame können die Teilnehmer dann eigene 2D-Spiele programmieren und in diesem dann eine mit Tiled erstellte Karte als Spielumgebung einbinden. Die erstellten Spiele können die Teilnehmer dann auch Zuhause selber spielen und auch daran weiterarbeiten.
+</ul>
+</div>
+<div class="row">
+<h2>Hier geht's zur Anmeldung</h2>
+<a class="btn btn-primary" href="#" role="button">Anmeldung</a>
+</div>
+</div>
+</div>
+</div>