moving the moods around...

2 files changed, 27 insertions, 19 deletions

diff --git a/source/index.html.erb b/source/index.html.erb
index 9e1d847..2d44a26 100644
--- a/source/index.html.erb
+++ b/source/index.html.erb
@@ -2,11 +2,13 @@
 title: sublab - Ein Hackerspace in Leipzig
 ---
 
-<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>
+<% content_for :moods do %>
+  <%= image_with_thumb("blickindielounge.jpg", caption: "Blick in die Lounge", container_opts: {class: "moods"}) %>
+  <%= image_with_thumb("uhrsteuerung.jpg", caption: "Die Turmuhr von innen", container_opts: {class: "moods"}) %>
+  <%#= image_with_thumb("green_lounge.jpg", caption: "Hacken in der Lounge. WTF. LOL.", container_opts: {class: "moods"}) %>
+<% end %>
+
+<div class="clearfix"></div>
 
 <div id="about">
 
@@ -15,26 +17,26 @@ title: sublab - Ein Hackerspace in Leipzig
   </h2>
 
   <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 stellt die dafür nötige Infrastruktur bereit und unterstützt damit aktiv die Hacker- und Alternativkultur in Leipzig.<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>
   <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>
+    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>
   <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.
+    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>
@@ -51,12 +53,12 @@ title: sublab - Ein Hackerspace in Leipzig
 
 <div id="links">
   <p>
-  <a href="http://c3le.de">c3le</a>
-  <a href="http://leipzig.freifunk.net">Freifunk Leipzig</a>
-  <a href="https://wiki.fsfe.org/groups/Leipzig">FSFE Leipzig</a>
-  <a href="http://hackstatt.org">Hackstatt</a>
-  <a href="http://sublab.org/sublounge">sub:lounge</a>
-  <a href="http://aboutradio.org">about:radio</a>
+    <a href="http://c3le.de">c3le</a>
+    <a href="http://leipzig.freifunk.net">Freifunk Leipzig</a>
+    <a href="https://wiki.fsfe.org/groups/Leipzig">FSFE Leipzig</a>
+    <a href="http://hackstatt.org">Hackstatt</a>
+    <a href="http://sublab.org/sublounge">sub:lounge</a>
+    <a href="http://aboutradio.org">about:radio</a>
   </p>
 </div>
 
diff --git a/source/stylesheets/all.css b/source/stylesheets/all.css
index eb4c06c..768a334 100644
--- a/source/stylesheets/all.css
+++ b/source/stylesheets/all.css
@@ -1,3 +1,9 @@
 @charset "utf-8";
 
+.moods {
+  float: left;
+}
 
+#moods {
+  overflow: hidden;
+}