Merge branch 'master' of https://github.com/coderdojo-linz/coderdojo-linz.github.io.git

Author: karin112358

coderdojo-linz.csproj

@@ -30,6 +30,8 @@
     <Content Include="Gulpfile.js" />
     <None Include="index.md" />
     <Content Include="images\binary.jpg" />
+    <Content Include="images\coderdojo-banner-1.jpg" />
+    <Content Include="images\coderdojo-banner-3.jpg" />
     <Content Include="images\programming.jpg" />
     <Content Include="mentoren\images\albrecht-woess.jpg" />
     <Content Include="mentoren\images\arno-huetter.jpg" />

images/coderdojo-banner-1.jpg

@@ -1,39 +1,46 @@
 ---
 layout: default
 title: Über uns
-bannerimage: /images/binary.jpg
-bannerimagetext: Möchtest du Computerspiele nicht nur spielen sondern selbst programmieren? Dann bist du richtig beim CoderDojo!
+bannerimage: /images/coderdojo-banner-1.jpg
 ---
 
-# Das CoderDojo startet in Linz!
-
-**CoderDojos gibt es bereits an mehr als 650 Standorten in 57 Ländern. Diesen Sommer starten wir auch in Linz!**
+<div id="fb-root"></div>
+<script>(function(d, s, id) {
+  var js, fjs = d.getElementsByTagName(s)[0];
+  if (d.getElementById(id)) return;
+  js = d.createElement(s); js.id = id;
+  js.src = "//connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.4";
+  fjs.parentNode.insertBefore(js, fjs);
+}(document, 'script', 'facebook-jssdk'));</script>
 
 <div class="row">
-	<div class="col-md-4">
+	<div class="col-md-8">
+		<h1>Lerne programmieren im CoderDojo Linz</h1>
+
+		<p><b>Möchtest du Computerspiele nicht nur spielen sondern selbst programmieren? Dann bist du richtig beim CoderDojo!</b></p>
+
 		<h3>Was ist ein CoderDojo?</h3>
 		<p>
 			Das <a href="https://coderdojo.com/" target="_blank">CoderDojo</a> ist ein Club für Kinder und Jugendliche, die programmieren lernen und Spaß haben wollen.
 			In regelmäßigen Treffen wird gelernt wie man Code schreibt, Webseiten entwickelt oder Apps und Spiele programmiert. 
             <a href="/infos/kinder.html">Mehr Infos&nbsp;...</a>
 		</p>
-	</div>
-	<div class="col-md-4">
 		<h3>Für wen?</h3>
 		<p>
 			Teilnehmen können Kinder und Jugendliche im Alter von 8 bis 17 Jahren.
 			Es sind keine Vorkenntnisse notwendig und die Teilnahme ist kostenfrei.
 			Kinder unter 13 Jahren müssen von einem Erwachsenen begleitet werden. 
             <a href="/infos/eltern.html">Mehr Infos&nbsp;...</a>
 		</p>
-	</div>
-	<div class="col-md-4">
 		<h3>Wann?</h3>
 		<p>Wir treffen uns jeden zweiten Freitag von 16:00 bis 18:00. <a href="/termine.html">Nächste Termine&nbsp;...</a></p>
 		<p>Wenn du Spaß und Interesse an Technik hast, dann komm zum CoderDojo in Linz!</p>
+
+		<p class="text-center"><a class="btn btn-material-light-blue-600" href="/termine.html">Zur Anmeldung</a></p>
+	</div>
+	<div class="col-md-4">
+		<div class="fb-page" data-href="https://www.facebook.com/coderdojolinz" data-width="500" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false" data-show-posts="true">
+			<div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/coderdojolinz"><a href="https://www.facebook.com/coderdojolinz">CoderDojo Linz</a></blockquote></div>
+		</div>
 	</div>
 </div>
-
-<div class="container-full-width">
-	<p class="text-center"><a class="btn btn-material-light-blue-600" href="/termine.html">Zur Anmeldung</a></p>
-</div>

images/coderdojo-banner-3.jpg

@@ -0,0 +1,11 @@
+---
+layout:
+title: Oliver Lintner
+description: 
+image: /mentoren/images/oliver-lintner.jpg
+page-category: guest-mentor
+---
+
+Seit 2011 arbeitet Oliver bei Microsoft Österreich GmbH und war bereits in unterschiedlichen Bereichen tätig. Bevor er in das Developer Experience & Evangelism (DX) Team wechselte und seine aktuelle Rolle eines Technical Evangelists für Azure übernahm, unterstützte er als Microsoft Premier Field Engineer mehr als drei Jahre lang Microsoft Kunden im Development Umfeld. Als Technical Evangelist beschäft sich Oliver heute mit spannenden Kundenprojekten und -anfragen rund um die Microsoft Cloud Plattform, Microsoft Azure.<br/>
+<br/>
+Oliver besucht uns gemeinsam mit <a href="#Andreas Schabus">Andreas Schabus</a> beim CoderDojo Linz am 28. August 2015. Oliver beschreibt die Übung, die Andi und er zu diesem Dojo mitbringen werden: "Das Internet der Dinge (Internet of Things, IoT) vereint Geräte, Sensoren, Cloud-Daten und Eure Ideen! Wir werden euch anhand eines einfachen Beispiels den Weg in die spannende Welt der Bastler zeigen. Nach einer Einführung erhaltet ihr die Möglichkeit (mit neuesten Microsoft Technologien und einem Raspberry Pi v2) selbst aktiv zu werden und eine einfache Lichtsteuerung zusammen zu bauen, welche über ein von euch geschriebenes Programm (.NET/C#) gesteuert wird."

index.md

@@ -0,0 +1,11 @@
+---
+layout:
+title: Andreas Schabus
+description: 
+image: /mentoren/images/andreas-schabus.png
+page-category: guest-mentor
+---
+
+Andreas Schabus arbeitet als Technical Evangelist bei Microsoft Österreich und konzentriert sich zurzeit auf die Entwicklung von Microsoft Azure Lösungen. Zu seinen aktuellen und vergangenen Arbeitsgebieten gehören unter anderem auch Windows Phone, Windows 8, Software Architektur, Security und Web Development. Darüber hinaus ist er als Sprecher bei lokalen und internationalen Konferenzen, sowie als Lektor an verschiedenen Unis und FHs aktiv.<br/>
+<br/>
+Andreas besucht uns gemeinsam mit <a href="#Oliver Lintner">Oliver Lintner</a> beim CoderDojo Linz am 28. August 2015 und stellt das Internet der Dinge (Internet of Things, IoT) vor.

mentoren/rina-ahmed.md renamed to mentoren/ahmed-rina.md

@@ -106,16 +106,15 @@ a, a:hover, a:focus {
 .container-banner-image {
 	width: 100%;
 	height: auto;
-	min-height: 170px;
-	max-height: 40vh;
+	min-height: 100px;
+	max-height: 25vh;
 	overflow: hidden;
 	position: relative;
 
 	img {
 		width: 100%;
 		height: auto;
-		min-height: 170px;
-		opacity: 0.8;
+		min-height: 100px;
 	}
 }
 
@@ -128,6 +127,10 @@ a, a:hover, a:focus {
 	padding: 15px 15px;
 }
 
+.fb-page {
+	margin-top: 46px;
+}
+
 @media (min-width: 768px) {
 	.banner-image-content {
 		/*width: 720px;*/

mentoren/images/andreas-schabus.png

@@ -74,15 +74,14 @@ a, a:hover, a:focus {
 .container-banner-image {
   width: 100%;
   height: auto;
-  min-height: 170px;
-  max-height: 40vh;
+  min-height: 100px;
+  max-height: 25vh;
   overflow: hidden;
   position: relative; }
   .container-banner-image img {
     width: 100%;
     height: auto;
-    min-height: 170px;
-    opacity: 0.8; }
+    min-height: 100px; }
 
 .banner-image-content {
   position: absolute;
@@ -92,6 +91,9 @@ a, a:hover, a:focus {
   font-size: 14px;
   padding: 15px 15px; }
 
+.fb-page {
+  margin-top: 46px; }
+
 @media (min-width: 768px) {
   .banner-image-content {
     /*width: 720px;*/

mentoren/images/oliver-lintner.jpg

@@ -1,14 +1,13 @@
 ---
 layout: default
 title: Termine
+bannerimage: /images/coderdojo-banner-3.jpg
 ---
 
 # Termine
 
-* Freitag, 14. August 2015 16:00 - 18:00     [zur Anmeldung](https://www.eventbrite.de/e/coderdojo-linz-tickets-17195643633){:target="_blank"}
-<br/>*Gastmentorin: [Rina Ahmed](http://coderdojo-linz.github.io/mentoren.html#Rina Ahmed), Microsoft*
-<br/>Firma ebit, Kornstraße 7A, 4060 Leonding
-* Freitag, 28. August 2015 16:00 - 18:00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[zur Anmeldung](https://www.eventbrite.de/e/coderdojo-linz-tickets-17195644636){:target="_blank"}
+* Freitag, 28. August 2015 16:00 - 18:00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ausgebucht
+<br/>*Gastmentoren: [Oliver Lintner](http://coderdojo-linz.github.io/mentoren.html#Oliver Lintner) und [Andreas Schabus](http://coderdojo-linz.github.io/mentoren.html#Andreas Schabus), Microsoft*
 <br/>Firma ebit, Kornstraße 7A, 4060 Leonding
 * Freitag, 11. September 2015 16:00 - 18:00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[zur Anmeldung](https://www.eventbrite.de/e/coderdojo-linz-tickets-17993495028){:target="_blank"}
 <br/>Wissensturm, Kärntnerstraße 26, 4020 Linz
@@ -35,7 +34,7 @@ Falls kein Laptop zur Verfügung steht, nehmen Sie bitte mit uns [Kontakt](http:
 
 ## Ort
 
-Die nächsten beiden Termine am 14. und 28. August finden im Büro der Firma [ebit](http://www.ebit.at/){:target="_blank"} in der Kornstraße 7A, 4060 Leonding statt. Wir bedanken uns herzlich, dass wir den Besprechungsraum in Beschlag nehmen dürfen!
+Der nächste Termin am 28. August findet im Büro der Firma [ebit](http://www.ebit.at/){:target="_blank"} in der Kornstraße 7A, 4060 Leonding statt. Wir bedanken uns herzlich, dass wir den Besprechungsraum in Beschlag nehmen dürfen!
 
 <iframe frameborder="0" style="border: 0; width: 100%; height: 400px;" src="https://www.google.com/maps/embed/v1/place?q=Kornstra%C3%9Fe%207a%2C%204060%20Leonding&key=AIzaSyAAgaQBWJByXn9NNkGVGGRFRxGXUWXxBXE"></iframe> 
 

mentoren/lintner-oliver.md

@@ -40,39 +40,39 @@ Unsere Figuren sind fertig, jetzt geht's ans Programmieren der Skripte.
 
 ![Schäger Skripte](scratch-breakout/08-paddle-scripts.png){: .right}
 
-Der Schläger hat nur ein Skript und das ist ganz einfach. Gesteuert wird der Schläger mit der Maus. Du kannst hier auch gleich die vier globalen Variablen des Spiels anlegen. Globale Variable gelten für alle Figuren. Klicke dazu auf den Knopf "Neue Variable", und lege folgende Variablen an: "BlockAnzahl", "Leben", "Level" und "Punkte". Beachte dass im Dialog der Auswahlknopf "Für alle Figuren" selektiert sein muss. Alle diese Variablen außer "BlockAnzahl" wollen wir auch am Spielfeld anzeigen. Klicke dazu den Auswahlknopf links vom Variablennamen.
-- Ab Programmstart wird fortlaufend die X-Koordinate des Mauszeigers abgefragt, und der Schläger entsprechend positioniert. Außerdem müssen wir aufpassen, dass der Schläger nicht verschwindet wenn die Maus über die Spielfeldgrenze hinaus bewegt wird (x-Position < -240 oder x-Position > 240).
+Der Schläger hat nur ein Skript und das ist ganz einfach. Gesteuert wird der Schläger mit der Maus. Du kannst hier auch gleich die vier globalen Variablen des Spiels anlegen. Globale Variable gelten für alle Figuren. Klicke dazu auf den Knopf "Neue Variable", und lege folgende Variablen an: "BlockAnzahl", "Leben", "Level" und "Punkte". Beachte dass im Dialog der Auswahlknopf "Für alle Figuren" selektiert sein muss. Alle diese Variablen außer "BlockAnzahl" wollen wir auch am Spielfeld anzeigen. Klicke dazu den Auswahlknopf links vom Variablennamen.<br/>
+* Ab Programmstart wird fortlaufend die X-Koordinate des Mauszeigers abgefragt, und der Schläger entsprechend positioniert. Außerdem müssen wir aufpassen, dass der Schläger nicht verschwindet wenn die Maus über die Spielfeldgrenze hinaus bewegt wird (x-Position < -240 oder x-Position > 240).<br/>
 
 ## Der Ball
 
 ![Ball Skripte](scratch-breakout/09-ball-script.png){: .right}
 
-Der Ball ist schon ein bisschen komplizierter. So hat der Ball zusätzliche Variable, die aber nur für den Ball gelten (also "Nur für diese Figur"): "AbprallPunkt", "BallAktiv" und "Geschwindigkeit".
-- Bei Programmstart versteckt sich der Ball. Erst wenn er Nachrichten empfängt, tut er etwas. 
-- Wenn die Nachricht "Start" ankommt, zeigt sich der Ball oberhalb des Schlägers, und beginnt nach oben zu fliegen. Seine Geschwindigkeit ergibt sich aus dem Level - je höher der Level, desto schneller. Nach jedem Schritt überprüft der Ball, ob er den Schläger berührt oder unten am Schläger vorbeigefallen ist. Bei Schläger-Berührung ändert er seine Flugbahn abhängig vom Abprall-Punkt (dazu benötigt man die spannende mathematische Funktion "asin", die einen Wert zwischen -1 und +1 in einen Winkel umwandelt) - das macht das Spiel interessanter, weil die Spieler die Flugbahn beeinflussen kann. Außerdem muss der Ball ständig abfragen, ob er nicht vielleicht vom Rand abprallen muss. Zum Schluss versteckt er sich wieder, und prüft noch ob weitere Bälle ("Leben") vorhanden sind.
-- Die Kollisionsabfrage mit den Blöcken macht der Ball nicht selbst, weil er nicht alle Blöcke kennt. Stattdessen erhält der von den Blöcken die Nachricht "BlockTreffer". Dann zählt er einen Punkt dazu und ändert seine Richtung um 180 Grad.
-- Manchmal muss man den Ball auch stoppen. Erhält er die Nachricht "Stop", setzt er die Variable "BallAktiv" auf "0" (was so viel wie "falsch" bedeutet, also der Ball ist dann nicht aktiv). "BallAktiv" = "0" ist ein Abbruchkriterium für die Hautpschleife, er versteckt sich dann wieder und führt keine Aktionen mehr aus.
+Der Ball ist schon ein bisschen komplizierter. So hat der Ball zusätzliche Variable, die aber nur für den Ball gelten (also "Nur für diese Figur"): "AbprallPunkt", "BallAktiv" und "Geschwindigkeit".<br/>
+* Bei Programmstart versteckt sich der Ball. Erst wenn er Nachrichten empfängt, tut er etwas. <br/>
+* Wenn die Nachricht "Start" ankommt, zeigt sich der Ball oberhalb des Schlägers, und beginnt nach oben zu fliegen.<br/> Seine Geschwindigkeit ergibt sich aus dem Level - je höher der Level, desto schneller. Nach jedem Schritt überprüft der Ball, ob er den Schläger berührt oder unten am Schläger vorbeigefallen ist. Bei Schläger-Berührung ändert er seine Flugbahn abhängig vom Abprall-Punkt (dazu benötigt man die spannende mathematische Funktion "asin", die einen Wert zwischen -1 und +1 in einen Winkel umwandelt) - das macht das Spiel interessanter, weil die Spieler die Flugbahn beeinflussen kann. Außerdem muss der Ball ständig abfragen, ob er nicht vielleicht vom Rand abprallen muss. Zum Schluss versteckt er sich wieder, und prüft noch ob weitere Bälle ("Leben") vorhanden sind.
+* Die Kollisionsabfrage mit den Blöcken macht der Ball nicht selbst, weil er nicht alle Blöcke kennt. Stattdessen erhält der von den Blöcken die Nachricht "BlockTreffer". Dann zählt er einen Punkt dazu und ändert seine Richtung um 180 Grad.<br/>
+* Manchmal muss man den Ball auch stoppen. Erhält er die Nachricht "Stop", setzt er die Variable "BallAktiv" auf "0" (was so viel wie "falsch" bedeutet, also der Ball ist dann nicht aktiv). "BallAktiv" = "0" ist ein Abbruchkriterium für die Hautpschleife, er versteckt sich dann wieder und führt keine Aktionen mehr aus.<br/>
 
 ## Der Block
 
 ![Ball Skripte](scratch-breakout/10-block-scripts.png){: .right}
 
 Zuguterletzt der Block. Oder vielmehr die Blöcke, denn wir wollen ja viele Mauersteine abschießen. Die große Zahl unterschiedlicher Blöcke erzeugen wir, indem wir Klone mit verschiedenen Kostümen anlegen.
-Der Block braucht zwei neue Variablen:  "Spalte" und "Zeile". Bitte beachte: Die Variablen gelten wieder "Nur für diese Figur".
-- Zu Beginn schickt der Block die Nachricht "NeuerLevel", auf die er selbst reagiert.
-- Wenn der Block als Klon entstanden ist, wartet er eigentlich nur darauf von einem Ball getroffen zu werden. Ist das der Fall, spielt er noch einen Klang, fragt ab ob er der letzte Block war und startet dann einen neuen Level, und löscht sich schließlich selbst.
-- Interessant ist wie die Blöcke vervielfältigt werden. Das passiert bei der Nachricht "NeuerLevel". Da heißt es erstmal "Stop" für alle, v.a. für den Ball, der während des Aufbaus des neuen Levels nicht stören soll. Darauf folgt eine geschachtelte Schleife für 5 Zeilen zu je 8 Blöcken. Jeder Block wird neu geklont, und erbt die Position des Ursprungs-Blocks, den wir jeweils weiterverschieben. Nach jeder Zeile von Blöcken ändern wir außerdem das Kostüm und damit die Farbe.
+Der Block braucht zwei neue Variablen:  "Spalte" und "Zeile". Bitte beachte: Die Variablen gelten wieder "Nur für diese Figur".<br/>
+* Zu Beginn schickt der Block die Nachricht "NeuerLevel", auf die er selbst reagiert.<br/>
+* Wenn der Block als Klon entstanden ist, wartet er eigentlich nur darauf von einem Ball getroffen zu werden. Ist das der Fall, spielt er noch einen Klang, fragt ab ob er der letzte Block war und startet dann einen neuen Level, und löscht sich schließlich selbst.<br/>
+* Interessant ist wie die Blöcke vervielfältigt werden. Das passiert bei der Nachricht "NeuerLevel". Da heißt es erstmal "Stop" für alle, v.a. für den Ball, der während des Aufbaus des neuen Levels nicht stören soll. Darauf folgt eine geschachtelte Schleife für 5 Zeilen zu je 8 Blöcken. Jeder Block wird neu geklont, und erbt die Position des Ursprungs-Blocks, den wir jeweils weiterverschieben. Nach jeder Zeile von Blöcken ändern wir außerdem das Kostüm und damit die Farbe.<br/>
 
 ![Fertig](scratch-breakout/11-done.png){: .right}
 
 Super, du hast es geschafft. Viel Spaß beim Spielen!
 
 ## Erweiterungen
-Sicher hast du noch eine Menge Ideen, um das Breakout-Spiel zu verbessern. Ein paar Vorschläge:
-- In jedem Level sollen sich Anzahl, Farbe und Position der Blöcke verändern.
-- Die Blöcke können sich bewegen, damit sie schwerer zu treffen sind.
-- Wenn der Ball am unteren Bildschirmrand verschwindet, sollte der Schläger explodieren - zum Beispiel indem man mehrere Explosions-Kostüme hintereinander anzeigt, und einen passenden Klang dazu abspielt.
+Sicher hast du noch eine Menge Ideen, um das Breakout-Spiel zu verbessern. Ein paar Vorschläge:<br/>
+* In jedem Level sollen sich Anzahl, Farbe und Position der Blöcke verändern.<br/>
+* Die Blöcke können sich bewegen, damit sie schwerer zu treffen sind.<br/>
+* Wenn der Ball am unteren Bildschirmrand verschwindet, sollte der Schläger explodieren - zum Beispiel indem man mehrere Explosions-Kostüme hintereinander anzeigt, und einen passenden Klang dazu abspielt.<br/>
 
 ## Ausprobieren
 
-Du kannst das fertige Projekt unter [https://scratch.mit.edu/projects/72990950/](https://scratch.mit.edu/projects/72990950/){:target="_blank"} ausprobieren.
+Du kannst das fertige Projekt unter [https://scratch.mit.edu/projects/72990950/](https://scratch.mit.edu/projects/72990950/){:target="_blank"} ausprobieren.