show projects in (stacked) boxes

1 files changed, 80 insertions, 69 deletions

diff --git a/source/mitmachen/projekte.html.haml b/source/mitmachen/projekte.html.haml
index 23650d9..081ce6f 100644
--- a/source/mitmachen/projekte.html.haml
+++ b/source/mitmachen/projekte.html.haml
@@ -7,73 +7,84 @@ section: "mitmachen"
     Seit der Ausbau der Räume Anfang 2012 ein annehmbares Level erreicht hat, haben wir auch Zeit für coole Projekte.
     %br/
     Auf dieser Seite findet sich eine kleine Auswahl der Projekte der letzten Jahre.
-  %h3
-    Dr. Nerds Techniksprechstunde
-  %p
-    Jeden Donnerstag ab 18:00 Uhr findet im Sublab "Dr. Nerds
-    Techniksprechstunde" statt, eine Selbsthilfe-Werkstatt für allerlei
-    technische Probleme. Wenn ihr auch keinen Bock mehr habt, ständig Geräte
-    wegzuwerfen und neue zu kaufen, dann kommt doch mal vorbei und wir gucken, ob
-    wir die Maschinchen zusammen wieder zum Laufen kriegen. Dabei ist's egal ob's
-    'ne Kaffemaschine oder -mühle, Radiowecker, Computer, Handy oder Bohrmaschine
-    ist. Zusammen schaffen wir das schon … Und wenn nicht, haben wir dabei
-    sicherlich einiges gelernt. Aber auch, wenn ihr nichts zum Reparieren habt,
-    aber gerne schraubt, knobelt und Probleme löst, ist jede helfende Hand gern
-    gesehen.
-    %br/
-    %a{:href => "/wiki/techniksprechstunde"} Mehr zur Techniksprechstunde
-  %h3
-    CryptoCon13
-  = image_with_thumb("cryptocon/cryptocon-flyer.png", caption: "Der Flyer der CryptoCon13", height: "200")
-  %p
-    Die CryptoCon13, eine Vortrags- und Workshopveranstaltung zum Thema Daten- und Kommunikationssicherheit fand vom 11. bis 14. April 2013 im sublab
-    statt. Die Phantomspeisung ist die vegane Volxküche im sublab.
-    %br/
-    Mehr Infos gibt es auf der Projektseite:
-    %br/
-    %a{:href => "/cryptocon13"} Mehr zur CryptoCon13
-  %h3
-    Phantomspeisung
-  = image_with_thumb("phantomspeisung_1.jpg", caption: "Phantomspeisung im sublab")
-  %p
-    Die Phantomspeisung ist die vegane Volxküche im sublab.
-    %br/
-    Seit 16. Oktober 2010 gibt es jeden Samstag ab 20 Uhr vegane Köstlichkeiten. Zubereitet werden diese von verschiedenen Kochteams aus dem sublab Dunstkreis.
-    %br/
-    %a{:href => "/wiki/Phantomspeisung"} Mehr zur Phantomspeisung
-  %h3
-    about:radio
-  %p
-    Seit über 2 Jahren gibt es in Leipzig wieder ein Chaosradio.
-    %br/
-    alle vier Wochen senden Bernd, Bernd, und Bernd bei Mate, Kaffee, Bier und auf
-    jeden Fall mit Notebook aus den Studios von
-    %a{:href => "http://radioblau.de"} Radio Blau
-    %br/
-    Das ganze heisst dann about:radio und besteht aus einer Stunde News und einer Stunde
-    in der wir ein bestimmtes Thema genauer unter die Lupe nehmen. Dazwischen läuft mal mehr,
-    mal weniger entspannte CC-Musik.
-    %br/
-    Alle bisherigen Folgen von about:radio gibt auf deren Website:
-    %br/
+  .row
+    .large-6.columns
+      %h3
+        Dr. Nerds Techniksprechstunde
+      %p
+        Jeden Donnerstag ab 18:00 Uhr findet im Sublab "Dr. Nerds
+        Techniksprechstunde" statt, eine Selbsthilfe-Werkstatt für allerlei
+        technische Probleme. Wenn ihr auch keinen Bock mehr habt, ständig Geräte
+        wegzuwerfen und neue zu kaufen, dann kommt doch mal vorbei und wir gucken, ob
+        wir die Maschinchen zusammen wieder zum Laufen kriegen. Dabei ist's egal ob's
+        'ne Kaffemaschine oder -mühle, Radiowecker, Computer, Handy oder Bohrmaschine
+        ist. Zusammen schaffen wir das schon … Und wenn nicht, haben wir dabei
+        sicherlich einiges gelernt. Aber auch, wenn ihr nichts zum Reparieren habt,
+        aber gerne schraubt, knobelt und Probleme löst, ist jede helfende Hand gern
+        gesehen.
+        %br/
+        %a{:href => "/wiki/techniksprechstunde"} Mehr zur Techniksprechstunde
+    .large-6.columns
+      %h3
+        CryptoCon13
+      = image_with_thumb("cryptocon/cryptocon-flyer.png", caption: "Der Flyer der CryptoCon13", height: "200")
+      %p
+        Die CryptoCon13, eine Vortrags- und Workshopveranstaltung zum Thema Daten- und Kommunikationssicherheit fand vom 11. bis 14. April 2013 im sublab
+        statt. Die Phantomspeisung ist die vegane Volxküche im sublab.
+        %br/
+        Mehr Infos gibt es auf der Projektseite:
+        %br/
+        %a{:href => "/cryptocon13"} Mehr zur CryptoCon13
+  .row
+    .large-6.columns
+      %h3
+        Phantomspeisung
+      = image_with_thumb("phantomspeisung_1.jpg", caption: "Phantomspeisung im sublab")
+      %p
+        Die Phantomspeisung ist die vegane Volxküche im sublab.
+        %br/
+        Seit 16. Oktober 2010 gibt es jeden Samstag ab 20 Uhr vegane Köstlichkeiten. Zubereitet werden diese von verschiedenen Kochteams aus dem sublab Dunstkreis.
+        %br/
+        %a{:href => "/wiki/Phantomspeisung"} Mehr zur Phantomspeisung
+    .large-6.columns
+      %h3
+        about:radio
+      %p
+        Seit über 2 Jahren gibt es in Leipzig wieder ein Chaosradio.
+        %br/
+        alle vier Wochen senden Bernd, Bernd, und Bernd bei Mate, Kaffee, Bier und auf
+        jeden Fall mit Notebook aus den Studios von
+        %a{:href => "http://radioblau.de"} Radio Blau
+        %br/
+        Das ganze heisst dann about:radio und besteht aus einer Stunde News und einer Stunde
+        in der wir ein bestimmtes Thema genauer unter die Lupe nehmen. Dazwischen läuft mal mehr,
+        mal weniger entspannte CC-Musik.
+        %br/
+        Alle bisherigen Folgen von about:radio gibt auf deren Website:
+        %br/
     %a{:href => "http://aboutradio.org"} Mehr zu about:radio
-  %h3
-    Die Turmuhr
-  = image_with_thumb("uhrwerk.jpg", caption: "Die Turmuhr von innen")
-  %p
-    Wir haben die Turmuhr des Westwerks wieder zum Laufen gebracht. Wenn du mehr darüber erfahren möchtest, dann komm doch einfach mal vorbei.
-  %h3
-    SFP
-  = image_with_thumb("sfppcb1.jpg", caption: "SFP-Stacking Adapater")
-  %p
-    Wir haben für die
-    = succeed "-Switche" do
-      %a{:href => "http://h10010.www1.hp.com/wwpc/ca/en/sm/WF06b/12136296-12136298-12136298-12136298-12136326-12136328-29584727.html"} HP2524
-    im sublab eine Adapterplatine gebaut, mit der sich SFPs über den Stacking-Port ansteuern lassen.
-    %br/
-  %h3
-    Aeroponie
-  %p
-    Im sublab wurde eine Aeroponieanlage gebaut, mit der Pflanzen ohne Nährboden gezüchtet werden können.
-    %br/
-    %a{:href => "http://l.unchti.me/projects/aeroponics.html"} Mehr dazu
+  .row
+    .large-6.columns
+      %h3
+        Die Turmuhr
+      = image_with_thumb("uhrwerk.jpg", caption: "Die Turmuhr von innen")
+      %p
+        Wir haben die Turmuhr des Westwerks wieder zum Laufen gebracht. Wenn du mehr darüber erfahren möchtest, dann komm doch einfach mal vorbei.
+    .large-6.columns
+      %h3
+        SFP
+      = image_with_thumb("sfppcb1.jpg", caption: "SFP-Stacking Adapater")
+      %p
+        Wir haben für die
+        = succeed "-Switche" do
+          %a{:href => "http://h10010.www1.hp.com/wwpc/ca/en/sm/WF06b/12136296-12136298-12136298-12136298-12136326-12136328-29584727.html"} HP2524
+        im sublab eine Adapterplatine gebaut, mit der sich SFPs über den Stacking-Port ansteuern lassen.
+        %br/
+    .row
+      .large-6.colums
+      %h3
+        Aeroponie
+      %p
+        Im sublab wurde eine Aeroponieanlage gebaut, mit der Pflanzen ohne Nährboden gezüchtet werden können.
+        %br/
+        %a{:href => "http://l.unchti.me/projects/aeroponics.html"} Mehr dazu