From 4852a7c95b13901bc8e88f7785dde4bab8de20c7 Mon Sep 17 00:00:00 2001
From: Lars Henrik Mai <lars.mai@kontinui.de>
Date: Sun, 6 Apr 2014 20:58:02 +0200
Subject: added helper for images with thumbnails and captions

---
 source/raeume.html.erb | 76 +++++++++++---------------------------------------
 1 file changed, 17 insertions(+), 59 deletions(-)

(limited to 'source/raeume.html.erb')

diff --git a/source/raeume.html.erb b/source/raeume.html.erb
index 76ad31c..c1d7cd1 100644
--- a/source/raeume.html.erb
+++ b/source/raeume.html.erb
@@ -8,92 +8,50 @@
   Hier findest du eine kurze Auflistung der Räume mit ihrem Zweck, ihrem Zweck und Zustand<br>
   </p>
 
-  <h3>
-    Lounge
-  </h3>
-  <div class="imagecontent">
-    <a href="img/lounge.jpg" class="img"><img class="contentimage" src="img/lounge_klein.jpg" alt="Die Bar"></a>
-    <p class="subtext">
-    Die Bar
-    </p>
-  </div>
+  <h3>Lounge</h3>
+  <%= image_with_thumb("lounge.jpg", caption: "Die Bar") %>
   <p>
-  Der mit abstand größte Raum des sublabs ist die Lounge. neben einer Bühne (ca. 5m x 3m) ist hier auch die Bar sowie mehrere Sitzecken und der Kickertisch zu finden.
+  Der mit abstand größte Raum des sublabs ist die Lounge. neben einer Bühne (ca. 5m x 3m) ist hier auch die Bar sowie mehrere 
+  Sitzecken und der Kickertisch zu finden.
   </p>
 
-  <h3>
-    Werkstatt
-  </h3>
-  <div class="imagecontent">
-    <a href="img/werkstatttisch.jpg" class="img"><img class="contentimage" src="img/werkstatttisch_klein.jpg" alt="Werkstatt"></a>
-    <p class="subtext">
-    Die Werkstatt
-    </p>
-  </div>
+  <h3>Werkstatt</h3>
+  <%= image_with_thumb("werkstatttisch.jpg", caption: "Die Werkstatt") %>
   <p>
   Wenn es etwas zu basteln, schrauben, messen oder löten gibt, dann ist die Werkstatt genau der richtige Ort zur Lösung des Problems.<br>
   Hier finden sich nicht nur Werkzeuge sondern auch Verbrauchsmaterialien wie Schrumpfschläuche, Widerstände, Platinen, ... <br>
   Aber Achtung: nicht alles was rumliegt ist Public Domain! Im Zweifelsfall bitte nachfragen.
   </p>
 
-  <h3>
-    Hacklab
-  </h3>
-  <div class="imagecontent">
-    <a href="img/hacklab.jpg" class="img"><img class="contentimage" src="img/hacklab_klein.jpg" alt="Hacklab"></a>
-    <p class="subtext">
-    Das Hacklab
-    </p>
-  </div>
+  <h3>Hacklab</h3>
+  <%= image_with_thumb("hacklab.jpg", caption: "Das Hacklab") %>
   <p>
   Der Seminarraum im sublab aka. Hacklab ist nüchtern eingerichtet. Hierhin zieht man sich zurück, wenn man in Ruhe an einem Projekt arbeiten will.<br>
   Hier hängt ein riesiges Whiteboard (ca. 1,5m x 3m) an der Wand.
   </p>
 
-  <h3>
-    Uhrenraum
-  </h3>
-  <div class="imagecontent">
-    <a href="img/uhrenraum.jpg" class="img"><img class="contentimage" src="img/uhrenraum_klein.jpg" alt="Uhrenraum"></a>
-    <p class="subtext">
-    Der Uhrenraum
-    </p>
-  </div>
+  <h3>Uhrenraum</h3>
+  <%= image_with_thumb("uhrenraum.jpg", caption: "Der Uhrenraum") %>
   <p>
   Der Uhrenraum beherbergt neben der Ansteuerung für die Außenuhr auch eine gemütliche Sitzecke.<br>
   Es ist der einzige Raum im sublab, in dem das Rauchen gestattet ist.
   </p>
 
-  <h3>
-    Büro
-  </h3>
-  <div class="imagecontent">
-    <a href="img/buero.jpg" class="img"><img class="contentimage" src="img/buero_klein.jpg" alt="Das Buero"></a>
-    <p class="subtext">
-    Der Büro
-    </p>
-  </div>
+  <h3>Büro</h3>
+  <%= image_with_thumb("buero.jpg", caption: "Das Büro") %>
   <p>
-  Hier werden die wegweisenden Entscheidungen des Vorstandes des Trägervereins sublab e.V. gefällt. Wer diesen Raum betritt, spürt die ganz besondere Atmosphäre sofort im gesamten Körper. (Spoiler: Es ist Jucken am ganzen Körper, weil hier mal Steinwolle gelagert wurde)
+  Hier werden die wegweisenden Entscheidungen des Vorstandes des Trägervereins sublab e.V. gefällt. Wer diesen Raum betritt, spürt die ganz 
+  besondere Atmosphäre sofort im gesamten Körper. (Spoiler: Es ist Jucken am ganzen Körper, weil hier mal Steinwolle gelagert wurde)
   </p>
 
-  <h3>
-    Lager
-  </h3>
-  <div class="imagecontent">
-    <a href="img/werkstattregal.jpg" class="img"><img class="contentimage" src="img/werkstattregal_klein.jpg" alt="Werkstatt"></a>
-    <p class="subtext">
-    Eines der Lagerregale (Werkstatt)
-    </p>
-  </div>
+  <h3>Lager</h3>
+  <%= image_with_thumb("werkstattregal.jpg", caption: "Eines der Lagerregale (Werkstatt)") %>
   <p>
   Es gibt im sublab eine Menge an Lagerflächen und -regalen.
   Im Lagerraum liegt nur ein Bruchteil der Teile, die man hier so haben will.
   </p>
 
-  <h3>
-    Getränkelager
-  </h3>
+  <h3>Getränkelager</h3>
   <p>
   Ist eigentlich kein richtiger Raum, dennoch aufgrund der enormen Wichtigkeit (Versorung der sublab-Mitglieder und Besucher mit Getränken) durchaus erwähnenswert.<br>
   Das Getränkelager befindet sich an einem geheimen Ort, der nur einem erlesenen Personenkreis bekannt ist.
-- 
cgit v1.2.1