Skip to content
Snippets Groups Projects
Commit d88e47c1 authored by Philipp Stahl's avatar Philipp Stahl
Browse files

Make page hacknfun look good

parent 27cecee9
No related branches found
No related tags found
1 merge request!6Hack'n'sun
...@@ -53,23 +53,26 @@ template: page_text ...@@ -53,23 +53,26 @@ template: page_text
<div class="container" id="project-columns"> <div class="container" id="project-columns">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
## Hack'n'Sun <div class="jumbotron">
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. <h1 class="display-4">Hack'n'Sun</h1>
</div> <p class="lead">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.</p>
<hr class="my-4">
<p>Hier geht's zur Anmeldung.</p>
<p class="lead">
<a class="btn btn-primary btn-lg" href="#" role="button">Anmeldung</a>
</p>
</div>
<div class="row"> <div class="row">
## Projekte <div class="col">
<ul> <h3> Umweltdaten und Heimautomatisierung </h3>
<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. 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>
<div class="row"> <div class="col">
<h2>Hier geht's zur Anmeldung</h2> <h3>Spieleprogrammieren mit pygame</h3>
<a class="btn btn-primary" href="#" role="button">Anmeldung</a> <img class="mr-3" src="/images/Beispiel-pygame.png" alt="Beispiel-Ergebnis pygame-Workshop" id="bsp-pygame">
<p>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.
</p>
</div>
</div> </div>
</div> </div>
</div> </div>
......
...@@ -26,3 +26,7 @@ ...@@ -26,3 +26,7 @@
a.btn-fullwidth { a.btn-fullwidth {
width: 100%; width: 100%;
} }
#bsp-pygame {
max-width: 300px;
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment