extracted mood images to separate div

4 files changed, 24 insertions, 51 deletions

diff --git a/source/index.html.erb b/source/index.html.erb
index 6ddaed9..7ab77bb 100644
--- a/source/index.html.erb
+++ b/source/index.html.erb
@@ -2,19 +2,18 @@
 title: sublab - Ein Hackerspace in Leipzig
 ---
 
-<div>
+<div id="moods">
+  <%= image_with_thumb("blickindielounge.jpg", caption: "Blick in die Lounge") %>
+  <%= image_with_thumb("uhrsteuerung.jpg", caption: "Die Turmuhr von innen") %>
+  <%= image_with_thumb("green_lounge.jpg", caption: "Hacken in der Lounge. WTF. LOL.") %>
+</div>
+
+<div id="about">
 
   <h2>
     [ Das sublab - Ein Hackerspace in Leipzig ]
   </h2>
 
-  <div class="imagecontent">
-    <a href="/img/blickindielounge.jpg" class="img"><img class="contentimage" src="/img/blickindielounge_klein.jpg" alt="Blick in die Lounge"></a>
-    <p class="subtext">
-    Blick in die Lounge
-    </p>
-  </div>
-
   <p>
   Das sublab ist ein <a href="/wiki/Hackerspace">Hackerspace</a>. Es bietet technik- und netzaffinen Menschen aus Leipzig und Umgebung, sowie der ganzen Welt einen Ort zum kreativen Ideen- und Erfahrungsaustausch.<br> 
   Verschiendene Gruppen und aktive Menschen erfüllen die Räume mit Leben und <a href="/projekte">Projekten</a>. Mensch trifft sich zum gemeinsamen basteln, löten und hacken aber auch um politische Themen, wie zum Beispiel die <a href="http://vorratsdatenspeicherung.de">Vorratsdatenspeicherung</a> zu diskutieren.<br>
@@ -24,12 +23,6 @@ title: sublab - Ein Hackerspace in Leipzig
   <h3>
     sublab e.V.
   </h3>
-  <div class="imagecontent">
-    <a href="/img/uhrsteuerung.jpg" class="img"><img class="contentimage" src="/img/uhrsteuerung_klein.jpg" alt="Die Turmuhr von innen"></a>
-    <p class="subtext">
-    Die Turmuhr von innen
-    </p>
-  </div>
   <p>
   Das sublab wird durch den gemeinnützigen Verein sublab e.V., dessen Mitgliedern sowie von Spendern getragen. Die Kombination eines öffentlichen Raumes mit dem Angebot in sich geschlossener Arbeitsstätten wird dadurch erst ermöglicht. Der Verein ermöglicht es die Wartung, Anmietung und den Ausbau des Spaces zu finanzieren.<br>
   Die breite Unterstützung verschiedener Zugänge zu Technik das erklärte Ziel des sublabs, sei dies nun Hardware, Hacking, Medienkunst oder Hacktivism.<br>
@@ -38,12 +31,6 @@ title: sublab - Ein Hackerspace in Leipzig
   <h3>
     Komm vorbei!
   </h3>
-  <div class="imagecontent">
-    <a href="/img/green_lounge.jpg" class="img"><img class="contentimage" src="/img/green_lounge_klein.jpg" alt="Hacken in der Lounge. WTF. LOL."></a>
-    <p class="subtext">
-    Hacken in der Lounge. WTF. LOL.
-    </p>
-  </div>
   <p>
   Komm doch einfach mal vorbei und schau dir an was wir so machen!<br>
   Hier oben rechts auf der Website siehst du einen grünen oder roten Kreis, der anzeigt, ob gerade Menschen im Space sind. Es ist meist jeden Nachmittag/Abend jemand da.<br>
@@ -159,7 +146,7 @@ title: sublab - Ein Hackerspace in Leipzig
   </h3>
   <p>
   Das Bündnis Privatsphäre trifft sich ab sofort jeden 1., 3. und 5. Mittwoch
-  im Monat ab 19:00 im sublab. 
+  im Monat ab 19:00 im sublab.
   </p>
   <p>
   Das Bündnis Privatsphäre Leipzig ist eine überparteiliche Bürgerinitiative mit
diff --git a/source/lage.html.erb b/source/lage.html.erb
index 4e9ae01..fb443fb 100644
--- a/source/lage.html.erb
+++ b/source/lage.html.erb
@@ -1,16 +1,15 @@
 <div>
 
+  <div id="moods">
+    <%= image_with_thumb("subweg.jpg", caption: "Blick aufs sublab") %>
+    <%= image_with_thumb("strasse_west.jpg", caption: "Anfahrt von Westen") %>
+    <%= image_with_thumb("blechtuer.jpg", caption: "Ab durch die Blechtür") %>
+  </div>
+
   <h2>
     [ Lage ]
   </h2>
 
-  <div class="imagecontent">
-    <a href="img/subweg.jpg"><img class="contentimage" src="img/subweg_klein.jpg" alt="Blick aufs sublab mit eingezeichnetem Weg"></a>
-    <p class="subtext">
-    Blick aufs sublab
-    </p>
-  </div>
-
   <p>
   Das sublab befindet sich im Westwerk in Leipzig-Plagwitz.<br>
   Wenn du schon dort bist, gehe zum Tor B (direkt an der Brücke), betrete den Hof, gehe durch die Alutür auf der linken Seite und folge den Treppen hinauf zu deinem Lieblingshackerspace.<br>
@@ -21,13 +20,6 @@
     Adresse
   </h3>
 
-  <div class="imagecontent">
-    <a href="img/strasse_west.jpg"><img class="contentimage" src="img/strasse_west_klein.jpg" alt="Anfahrt von Westen"></a>
-    <p class="subtext">
-    Anfahrt von Westen
-    </p>
-  </div>
-
   <p>
   sublab e.V.<br>
   Karl-Heine-Straße 93<br>
@@ -38,13 +30,6 @@
     Anreise mit dem Fahrrad
   </h3>
 
-  <div class="imagecontent">
-    <a href="img/blechtuer.jpg"><img class="contentimage" src="img/blechtuer_klein.jpg" alt="Durch die Blechtuer und dann fast bis ganz nach oben"></a>
-    <p class="subtext">
-    Ab durch die Blechtür!
-    </p>
-  </div>
-
   <p>
   Aus dem Süden: Am entspanntesten gelangst du zum sublab entlang des Karl-Heine-Kanals<br>
   Aus dem Osten: Vom Ring die Käthe-Kolwitz-Straße immer geradeaus über den Westplatz und am Felsenkeller vorbei, dann vor der Brücke links.<br>
diff --git a/source/termine.html.erb b/source/termine.html.erb
index 4f066e5..23c9274 100644
--- a/source/termine.html.erb
+++ b/source/termine.html.erb
@@ -1,14 +1,12 @@
 <div>
 
+  <div id="moods">
+    <%= image_with_thumb("hallway.jpg", caption: "Der Flur mit Büro, Lager und Hacklab, im Hintergrund die Eingangstür.") %>
+  </div>
+
   <h2>
     [ Termine ]
   </h2>
-  <div class="imagecontent">
-    <a href="img/hallway.jpg" class="img"><img class="contentimage" src="img/hallway_klein.jpg" alt="Unser Flur mit Büro, Lager, Hacklab."></a>
-    <p class="subtext">
-    Der Flur mit Büro, Lager und Hacklab, im Hintergrund die Eingangstür.
-    </p>
-  </div>
   <p>
   Hier findest du regelmäßige, unregelmäßige und nur einmal stattfindende Veranstaltungen im sublab und Umgebung. Die Veranstaltungen stehen allen offen.
   </p>
@@ -39,7 +37,7 @@
 
   <p>
   <b>Zweimal bis Dreimal monatlich</b><br>
-  zweiter und vierter Mittwoch - ab 19 Uhr - <a href="/elektronikrunde">Elektronikrunde</a> – AVR bis Zener
+  zweiter und vierter Mittwoch - ab 19 Uhr - <a href="/elektronikrunde">Elektronikrunde</a> – AVR bis Zener<br>
   erster, dritter und fünfter Mittwoch - ab 19 Uhr <a href="http://privatsphaere-leipzig.org">Bündnis für Privatsphäre Leipzig</a>
   </p>
 
diff --git a/source/verein.html.erb b/source/verein.html.erb
index 211ee04..62a30d0 100644
--- a/source/verein.html.erb
+++ b/source/verein.html.erb
@@ -1,5 +1,10 @@
 <div class="content">
 
+  <div id="moods">
+    <%= image_with_thumb("was_ist_das_sublab.pdf", thumbnail: "wasistdassublab.png", caption: "Was ist das sublab? (pdf)") %>
+    <%= image_with_thumb("sublab-presentation.pdf", thumbnail: "presi.png", caption: "Ubucon Präsentation (pdf)") %>
+  </div>
+
   <h2>
     [ Verein ]
   </h2>
@@ -11,7 +16,6 @@
   <h3>
     Vereinsarbeit
   </h3>
-  <%= image_with_thumb("was_ist_das_sublab.pdf", thumbnail: "wasistdassublab.png", caption: "Was ist das sublab? (pdf)") %>
   <p>
   Durch die Arbeit des Vereins werden vielen Leipziger Gruppen, die sich mit Technik und verwandten Themen beschäftigen, die Möglichkeiten gegeben sich zu treffen und zu arbeiten. Die notwendige Infrastruktur wird den Nutzernn vom sublab kostenlos zur Verfügung gestellt, da viele Gruppen keine finanziellen Mittel haben, eigene Räumlichkeiten zu unterhalten. 
   So trifft sich im sublab u.a. regelmäßig der Leipziger Chaostreff, um Workshops und Vorträge rund um aktuelle Technikthemen, z.B. Mikrokontrollerprogrammierung, zu halten. 
@@ -21,7 +25,6 @@
   <h3>
     Gemeinnützigkeit
   </h3>
-  <%= image_with_thumb("sublab-presentation.pdf", thumbnail: "presi.png", caption: "Ubucon Präsentation (pdf)") %>
   <p>
   Der sublab e.V. ist ein gemeinnütziger Verein, der sich ausschließlich durch die Beiträge der Mitglieder und durch Spenden finanziert und finanzieren kann. Durch die anerkannte Gemeinnützigkeit sind wir in der Lage steuerlich absetzbare Spendenquittungen auszustellen.<br>
   Wenngleich wir bemüht sind die Strukturen flach zu halten bringt so ein juristischer Körper neben Vorteilen auch einige Anforderungen an den Papierkram mit sich.