adapting main page to bootstrap

1 files changed, 27 insertions, 15 deletions

diff --git a/template/pages/index/content.html b/template/pages/index/content.html
index 3a08eda..b9515eb 100644
--- a/template/pages/index/content.html
+++ b/template/pages/index/content.html
@@ -1,45 +1,57 @@
+<h1>
+	sublab. Hackerspace. Leipzig.
+</h1>
+
+<div class="row">
+	<div class="col-sm-6">
 <h2>
-	[ Das sublab - Ein Hackerspace in Leipzig ]
+	Ein Hackerspace
 </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>
+	<a href="/img/blickindielounge.jpg"><img class="img-responsive" 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 stellt die dafür nötige Infrastruktur bereit und unterstützt damit aktiv die Hacker- und Alternativkultur in Leipzig.<br>
-<h3>
+	</div>
+	<div class="col-sm-6">
+<h2>
 	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>
+</h2>
+	<a href="/img/uhrsteuerung.jpg"><img class="img-responsive" 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>
+	</div>
+</div>
+<div class="row">
+	<div class="col-sm-6">
+<h2>
 	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>
+</h2>
+	<a href="/img/green_lounge.jpg"><img class="img-responsive" 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 class="col-sm-6">
+	</div>
+</div>
+
+<!--
 <h2>
 	[ Neues ]
 </h2>
 $latest_news
-<p><a href="neues">alle News</a></p>
+<p><a href="neues">alle News</a></p>-->