# HG changeset patch
# User Stefania Trabucchi <info@trabucchi.de>
# Date 1390484683 -3600
# Node ID 63dc83eccbcbd35c8037d96918076c9a4e58a53e
# Parent  23fd339d5297287ea9e0a1dc45f4e5f088206d0f
markup changed, 2 span-grid, video classes for responsive video added and fixed

diff -r 23fd339d5297 -r 63dc83eccbcb templates/impressions_2013.html
--- a/templates/impressions_2013.html	Thu Jan 23 13:44:30 2014 +0100
+++ b/templates/impressions_2013.html	Thu Jan 23 14:44:43 2014 +0100
@@ -1,48 +1,42 @@
 {% extends "theme.html" %}
 {% block body %}
 <div class="container">
-  <div class="col-lg-12">
-    <h2>
-      Wettbewerb 2013
-    </h2>
-    <p>
-      Die Gewinner des Programmierwettbewerbes, zeigten auf der 
-      PyCon DE 2013 in Köln ihre Ergebnisse. In einem Kurzvortrag 
-      wurde das Projekt vorgestellt und mit einem  Film das Ergebnis
-      visualisiert.
-    </p> 
-    <p>Anne (15 Jahre) zeigte das eine 3D-Version des »Game of life« 
-      und Valentin (13 Jahre) demonstrierte seine »Skat-Simulation«.
-    </p>
-          <div class="col-md-12 col-yellow">
-      <div class="module-content">
-        <p class="text-center">
-	  <img src="/static/images/archive/competitions/2013/contest2013a.jpg" alt="Anne" />
-	  <img src="/static/images/archive/competitions/2013/contest2013b.jpg" alt="Valentin" />
-	</p>
-	<!--h1 class="header" style="color:white;padding-top: 45px;margin-bottom:30px;">Der Python Wettbewerb für Mädchen & Jungen ab 13 Jahren</h1>
-	<h4 class="" style="color:white;">3D Objekte mit Python steuern & bewegen</h4>
-	<a type="button" class="btn btn-default"
-	   href="/competition">Infos zum Wettbewerb</a>
-	<a  type="button" class="btn btn-default"
-	    href="{{ url_for('dates') }}">Termine</a-->
+    <div class="col-md-6">
+      <div class="row">
+      <h2>
+        Wettbewerb 2013
+      </h2>
+      <p>
+        Die Gewinner des Programmierwettbewerbes, zeigten auf der 
+        PyCon DE 2013 in Köln ihre Ergebnisse. In einem Kurzvortrag 
+        wurde das Projekt vorgestellt und mit einem  Film das Ergebnis
+        visualisiert.
+      </p> 
+
+      <p>Beide Schüler präsentierten dem staunenden Publikum von über
+        250 Pythonentwicklern ihre Werke.</p>
+        <p>Diese würdigten mit lang anhaltendem Applaus die Ergebnisse. Valentin hatte
+          vor 9 Monaten Python gelernt und Blender schon früher entdeckt.
+          Seine Skatsimulation enthält sogar 3D Sound.</p>
+          <p>Die Vorbereitungskurse wurden von freiwilligen Helfern, wie den Mitarbeitern
+            der Zeitschrift »Zeit Online« durchgeführt. Der Folgende Blogeintrag gibt eine kleinen Eindruck vom Erfolg der Kurse:</p>
+            <p><a class="reference external" href="http://blog.zeit.de/dev/einfuehrung-programmieren-python-blender">Blogeintrag zum Kurs</a></p>
+          </div>
+        </div>
+        <div class="col-md-6">
+          <div class="module-thumbnail">
+              <img class="img-responsive img-thumbnail" src="/static/images/archive/competitions/2013/contest2013a.jpg" alt="Anne" />
+              <p class="text-primary"><em>Anne (15 Jahre) zeigte das eine 3D-Version des »Game of life«</em></p>
+              <img class="img-responsive img-thumbnail" src="/static/images/archive/competitions/2013/contest2013b.jpg" alt="Valentin" />
+              <p class="text-primary"><em>Valentin (13 Jahre) demonstrierte seine »Skat-Simulation«</em></p>
+          </div>
+          <div class="flex-video widescreen" style="margin: 0 auto;text-align:center;">
+          <iframe frameborder="0"
+          src="//www.youtube.com/embed/BfEcIAzdv9M"
+          allowfullscreen="allowfullscreen">
+        </iframe>
+         <p class="text-primary"><em>Die Preisverleihung</em></p>
+       </div>
       </div>
-    </div>
-      <p>Beide Schüler präsentierten dem staunenden Publikum von über
-250 Pythonentwicklern ihre Werke.</p>
-<p>Diese würdigten mit lang anhaltendem Applaus die Ergebnisse. Valentin hatte
-vor 9 Monaten Python gelernt und Blender schon früher entdeckt.
-Seine Skatsimulation enthält sogar 3D Sound.</p>
-<iframe width="420" height="315"
-        src="//www.youtube.com/embed/BfEcIAzdv9M"
-        allowfullscreen="allowfullscreen">
-</iframe><p>Die Vorbereitungskurse wurden von freiwilligen Helfern, wie den Mitarbeitern
-der Zeitschrift »Zeit Online« durchgeführt. Der Folgende Blogeintrag gibt eine kleinen Eindruck vom Erfolg der Kurse:</p>
-<p><a class="reference external" href="http://blog.zeit.de/dev/einfuehrung-programmieren-python-blender">Blogeintrag zum Kurs</a></p>
-
-
-
-  </div>
 </div>
-
 {% endblock %}