Merge branch 'bootstrap'

2 files changed, 52 insertions, 42 deletions

diff --git a/template/pages/index/content.html b/template/pages/index/content.html
index ede0429..b9515eb 100644
--- a/template/pages/index/content.html
+++ b/template/pages/index/content.html
@@ -1,56 +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>
-
-<hr />
-
-<h3>CryptoCon15</h3>
-
-<p>
-Save the Date! - Vom 7. bis 10. Mai wird die CryptoCon15 stattfinden. Mehr Infos gibt es hier ab Anfang April 2015! <a href="https://sublab.org/wiki/CryptoCon15">Vorläufiger Pressetext / Was haben wir vor?</a>.
-</p>
-
-<hr />
-
-<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><br />
+<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>-->
diff --git a/template/pages/termine/content.html b/template/pages/termine/content.html
index 715b078..54ba1a3 100644
--- a/template/pages/termine/content.html
+++ b/template/pages/termine/content.html
@@ -1,25 +1,25 @@
-<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>
+
+<h1>
+	Termine
+</h1>
+<div class="row">
+<div class="col-md-12">
+	<p>
 	Hier findest du regelmäßige, unregelmäßige und nur einmal stattfindende Veranstaltungen im sublab und Umgebung. Die Veranstaltungen stehen allen offen.
 </p>
-
-<h3>
+</div>
+</div>
+<div class="row">
+<div class="col-md-6">
+<h2>
 	Aktuelle Termine
-</h3>
+</h2>
 <p>
 	Aktuelle findest du in unserem <a href="/wiki/Termine">Wiki</a>.
 </p>
-<h3>
+<h2>
 	Regelmäßige Veranstaltungen
-</h3>
+</h2>
 	<p>
 	<b>Jede Woche</b><br>
 	jeden Donnerstag - ab 18 Uhr - <a href="/wiki/techniksprechstunde">Techniksprechstunde</a> &ndash; reparieren statt wegwerfen </a><br>
@@ -49,3 +49,12 @@
 	zweiter Montag - ab 20 Uhr - about:tek<br>-->
 	dritter Mittwoch - ab 20 Uhr - <a href="http://c3le.de">Chaostreff</a> (Chaostreff Leipzig / c3le)<br>
 	</p>
+</div>
+<div class="col-md-6">
+	<a href="img/hallway.jpg"><img class="img-responsive" src="img/hallway_klein.jpg" alt="Unser Flur mit Buero, Lager, Hacklab."></a>
+	<p class="subtext">
+	Der Flur mit Buero, Lager und Hacklab, im Hintergrund die Eingangstuer.
+	</p>
+</div>
+</div>
+