markup changed, 2 span-grid, video classes for responsive video added and fixed
1.1 --- a/templates/impressions_2013.html Thu Jan 23 13:44:30 2014 +0100
1.2 +++ b/templates/impressions_2013.html Thu Jan 23 14:44:43 2014 +0100
1.3 @@ -1,48 +1,42 @@
1.4 {% extends "theme.html" %}
1.5 {% block body %}
1.6 <div class="container">
1.7 - <div class="col-lg-12">
1.8 - <h2>
1.9 - Wettbewerb 2013
1.10 - </h2>
1.11 - <p>
1.12 - Die Gewinner des Programmierwettbewerbes, zeigten auf der
1.13 - PyCon DE 2013 in Köln ihre Ergebnisse. In einem Kurzvortrag
1.14 - wurde das Projekt vorgestellt und mit einem Film das Ergebnis
1.15 - visualisiert.
1.16 - </p>
1.17 - <p>Anne (15 Jahre) zeigte das eine 3D-Version des »Game of life«
1.18 - und Valentin (13 Jahre) demonstrierte seine »Skat-Simulation«.
1.19 - </p>
1.20 - <div class="col-md-12 col-yellow">
1.21 - <div class="module-content">
1.22 - <p class="text-center">
1.23 - <img src="/static/images/archive/competitions/2013/contest2013a.jpg" alt="Anne" />
1.24 - <img src="/static/images/archive/competitions/2013/contest2013b.jpg" alt="Valentin" />
1.25 - </p>
1.26 - <!--h1 class="header" style="color:white;padding-top: 45px;margin-bottom:30px;">Der Python Wettbewerb für Mädchen & Jungen ab 13 Jahren</h1>
1.27 - <h4 class="" style="color:white;">3D Objekte mit Python steuern & bewegen</h4>
1.28 - <a type="button" class="btn btn-default"
1.29 - href="/competition">Infos zum Wettbewerb</a>
1.30 - <a type="button" class="btn btn-default"
1.31 - href="{{ url_for('dates') }}">Termine</a-->
1.32 + <div class="col-md-6">
1.33 + <div class="row">
1.34 + <h2>
1.35 + Wettbewerb 2013
1.36 + </h2>
1.37 + <p>
1.38 + Die Gewinner des Programmierwettbewerbes, zeigten auf der
1.39 + PyCon DE 2013 in Köln ihre Ergebnisse. In einem Kurzvortrag
1.40 + wurde das Projekt vorgestellt und mit einem Film das Ergebnis
1.41 + visualisiert.
1.42 + </p>
1.43 +
1.44 + <p>Beide Schüler präsentierten dem staunenden Publikum von über
1.45 + 250 Pythonentwicklern ihre Werke.</p>
1.46 + <p>Diese würdigten mit lang anhaltendem Applaus die Ergebnisse. Valentin hatte
1.47 + vor 9 Monaten Python gelernt und Blender schon früher entdeckt.
1.48 + Seine Skatsimulation enthält sogar 3D Sound.</p>
1.49 + <p>Die Vorbereitungskurse wurden von freiwilligen Helfern, wie den Mitarbeitern
1.50 + der Zeitschrift »Zeit Online« durchgeführt. Der Folgende Blogeintrag gibt eine kleinen Eindruck vom Erfolg der Kurse:</p>
1.51 + <p><a class="reference external" href="http://blog.zeit.de/dev/einfuehrung-programmieren-python-blender">Blogeintrag zum Kurs</a></p>
1.52 + </div>
1.53 + </div>
1.54 + <div class="col-md-6">
1.55 + <div class="module-thumbnail">
1.56 + <img class="img-responsive img-thumbnail" src="/static/images/archive/competitions/2013/contest2013a.jpg" alt="Anne" />
1.57 + <p class="text-primary"><em>Anne (15 Jahre) zeigte das eine 3D-Version des »Game of life«</em></p>
1.58 + <img class="img-responsive img-thumbnail" src="/static/images/archive/competitions/2013/contest2013b.jpg" alt="Valentin" />
1.59 + <p class="text-primary"><em>Valentin (13 Jahre) demonstrierte seine »Skat-Simulation«</em></p>
1.60 + </div>
1.61 + <div class="flex-video widescreen" style="margin: 0 auto;text-align:center;">
1.62 + <iframe frameborder="0"
1.63 + src="//www.youtube.com/embed/BfEcIAzdv9M"
1.64 + allowfullscreen="allowfullscreen">
1.65 + </iframe>
1.66 + <p class="text-primary"><em>Die Preisverleihung</em></p>
1.67 + </div>
1.68 </div>
1.69 - </div>
1.70 - <p>Beide Schüler präsentierten dem staunenden Publikum von über
1.71 -250 Pythonentwicklern ihre Werke.</p>
1.72 -<p>Diese würdigten mit lang anhaltendem Applaus die Ergebnisse. Valentin hatte
1.73 -vor 9 Monaten Python gelernt und Blender schon früher entdeckt.
1.74 -Seine Skatsimulation enthält sogar 3D Sound.</p>
1.75 -<iframe width="420" height="315"
1.76 - src="//www.youtube.com/embed/BfEcIAzdv9M"
1.77 - allowfullscreen="allowfullscreen">
1.78 -</iframe><p>Die Vorbereitungskurse wurden von freiwilligen Helfern, wie den Mitarbeitern
1.79 -der Zeitschrift »Zeit Online« durchgeführt. Der Folgende Blogeintrag gibt eine kleinen Eindruck vom Erfolg der Kurse:</p>
1.80 -<p><a class="reference external" href="http://blog.zeit.de/dev/einfuehrung-programmieren-python-blender">Blogeintrag zum Kurs</a></p>
1.81 -
1.82 -
1.83 -
1.84 - </div>
1.85 </div>
1.86 -
1.87 {% endblock %}