more focus for the frontpageadd-bootstrap-css

3 files changed, 59 insertions, 44 deletions

diff --git a/source/_navigation.html.erb b/source/_navigation.html.erb
index d75f40b..cfe503e 100644
--- a/source/_navigation.html.erb
+++ b/source/_navigation.html.erb
@@ -1,40 +1,43 @@
 <div id="nav">
   <ul class="nav nav-pills nav-stacked">
     <li class="active">
-    <a href="/">Home</a>
+      <a href="/">Home</a>
     </li>
     <li>
-    <a href="/news.html">News</a>
+      <a href="/ueber.html">Das sublab</a>
     </li>
     <li>
-    <a href="/termine.html">Termine</a>
+      <a href="/news.html">News</a>
     </li>
     <li>
-    <a href="/raeume.html">Räume</a>
+      <a href="/termine.html">Termine</a>
     </li>
     <li>
-    <a href="/projekte.html">Projekte</a>
+      <a href="/raeume.html">Räume</a>
     </li>
     <li>
-    <a href="/webcam.html">Webcams</a>
+      <a href="/projekte.html">Projekte</a>
     </li>
     <li>
-    <a href="/lage.html">Lage</a>
+      <a href="/webcam.html">Webcams</a>
     </li>
     <li>
-    <a href="/medien.html">Medien</a>
+      <a href="/lage.html">Lage</a>
     </li>
     <li>
-    <a href="/wiki/">Wiki</a>
+      <a href="/medien.html">Medien</a>
     </li>
     <li>
-    <a href="http://git.sublab.org">Git</a>
+      <a href="/wiki/">Wiki</a>
     </li>
     <li>
-    <a href="/kontakt.html">Kontakt</a>
+      <a href="http://git.sublab.org">Git</a>
     </li>
     <li>
-    <a href="/verein.html">Verein</a>
+      <a href="/kontakt.html">Kontakt</a>
+    </li>
+    <li>
+      <a href="/verein.html">Verein</a>
     </li>
   </ul>
 </div>
diff --git a/source/index.html.erb b/source/index.html.erb
index 2d44a26..98486b6 100644
--- a/source/index.html.erb
+++ b/source/index.html.erb
@@ -2,48 +2,23 @@
 title: sublab - Ein Hackerspace in Leipzig
 ---
 
-<% 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">
+<div id="news">
 
   <h2>
     [ Das 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.
   </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>
-  </p>
+  <h2>[ Demnächst im sublab]</h2>
 
-  <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.
-  </p>
-
-</div>
-
-<div id="news">
+  <p>BattleMeshV7 - 12. bis 18. Mai 2014</p>
+  <p>CryptoCon14 - 22. bis 25. Mai 2014</p>
 
-  <h2>[ Neues ]</h2>
+  <h2>[ Neues aus dem sublab]</h2>
 
   <%= partial "article", collection: blog.articles[0..4] %>
 
diff --git a/source/ueber.html.erb b/source/ueber.html.erb
new file mode 100644
index 0000000..6ab9d54
--- /dev/null
+++ b/source/ueber.html.erb
@@ -0,0 +1,37 @@
+<% 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 id="about">
+
+  <h2>
+    [ Das 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>
+  </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>
+  </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.
+  </p>
+
+</div>
+