add image tags for index page

1 files changed, 31 insertions, 10 deletions

diff --git a/source/index.html.erb b/source/index.html.erb
index b243ef1..b619db0 100644
--- a/source/index.html.erb
+++ b/source/index.html.erb
@@ -2,34 +2,55 @@
 title: sublab - Ein Hackerspace in Leipzig
 ---
 
+<div>
 
-<div id="about">
+  <h2>
+    [ Das sublab - Ein Hackerspace in Leipzig ]
+  </h2>
 
-  <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>
+  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>
   Das sublab stellt die dafür nötige Infrastruktur bereit und unterstützt damit aktiv die Hacker- und Alternativkultur in Leipzig.<br>
   </p>
 
-  <h3>sublab e.V.</h3>
+  <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>
   </p>
 
-  <h3>Komm vorbei!</h3>
+  <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>
   Wenn du nicht weißt, was du dir unter einem Hackerspace vorstellen sollst, dann komm doch einfach mal zu einer sub:lounge vorbei. Bei netter Musik, kühlen Getränken und vielen interessanten Gesprächen kann man uns am besten kennenlernen.
   </p>
-</div>
 
+</div>
 
 <div id="news">