updated verein page, and splitted into 3 subpages

2 files changed, 29 insertions, 81 deletions

diff --git a/public/img/mdr_hierabvier_onlinebanking.jpg b/public/img/mdr_hierabvier_onlinebanking.jpg
new file mode 100644
index 0000000..2664ad1
--- /dev/null
+++ b/public/img/mdr_hierabvier_onlinebanking.jpg
diff --git a/template/pages/verein/content.html b/template/pages/verein/content.html
index 5669217..dbb00a8 100644
--- a/template/pages/verein/content.html
+++ b/template/pages/verein/content.html
@@ -2,94 +2,42 @@
 	Verein
 </h1>
 <div class="row">
-	<div class="col-md-12">
+	<div class="col-md-8">
 <p>
 Der sublab e.V. wurde 2008 gegründet und hat seitdem die angemieteten Räumlichkeiten im Westwerk renoviert, elektrifiziert und in einen nutzbaren Zustand versetzt.<br>
-<a href="inc/sublab_ev_mitgliedsantrag.pdf">Hier</a> geht's zum Mitgliedsantrag.
 </p>
 	</div>
-</div>
-<div class="row">
-	<div class="col-md-6">
-
-<h2>
-	Vereinsarbeit
-</h2>
-	<a href="inc/was_ist_das_sublab.pdf"><img class="img-responsive" src="img/wasistdassublab.png" alt="Was ist das sublab?"></a>
-	<p class="subtext">
-	Was ist das sublab? (pdf)
-	</p>
-<p>
-Durch die Arbeit des Vereins werden vielen Leipziger Gruppen, die sich mit Technik und verwandten Themen beschäftigen, die Möglichkeiten gegeben sich zu treffen und zu arbeiten. Die notwendige Infrastruktur wird den Nutzernn vom sublab kostenlos zur Verfügung gestellt, da viele Gruppen keine finanziellen Mittel haben, eigene Räumlichkeiten zu unterhalten. 
-So trifft sich im sublab u.a. regelmäßig der Leipziger Chaostreff, um Workshops und Vorträge rund um aktuelle Technikthemen, z.B. Mikrokontrollerprogrammierung, zu halten. 
-Sobald die Räume fertig renoviert sind, werden im sublab auch Workshops stattfinden um Kinder und Jugendliche mit Technik in Berührung zu bringen, und ihre Kenntnisse über Funktionsweise aber auch Nutzen und Gefahren zu verbessern.
-</p>
-	</div>
-	<div class="col-md-6">
-<h2>
-	Gemeinnützigkeit
-</h2>
-	<a href="inc/sublab-presentation.pdf"><img class="img-responsive" src="img/presi.png" alt="sublab Presi Ubucon"></a>
-	<p class="subtext">
-	Ubucon Praesentation (pdf)
-	</p>
-<p>
-Der sublab e.V. ist ein gemeinnütziger Verein, der sich ausschließlich durch die Beiträge der Mitglieder und durch Spenden finanziert und finanzieren kann. Durch die anerkannte Gemeinnützigkeit sind wir in der Lage steuerlich absetzbare Spendenquittungen auszustellen.<br />
-Wenngleich wir bemüht sind die Strukturen flach zu halten bringt so ein juristischer Körper neben Vorteilen auch einige Anforderungen an den Papierkram mit sich.
-</p>
+	<div class="col-md-4">
+		<a href="/inc/sublab_ev_mitgliedsantrag.pdf" class="btn btn-primary btn-large">Mitglied werden!</a>
 	</div>
 </div>
 <div class="row">
-	<div class="col-md-6">
-<h2>
-	Über den Verein
-</h2>
-<p>
-	Eine kurze prägnante Beschreibung des sublab ist hier zu finden: <a href="inc/was_ist_das_sublab.pdf">Was&nbsp;ist&nbsp;das&nbsp;sublab?&nbsp;(pdf)</a>
-</p>
+	<div class="col-sm-4">
+		<h2>
+			Die Räume
+		</h2>
+		<a href="img/hacklab.jpg"><img class="img-responsive" src="img/hacklab_klein.jpg" alt="Hacklab"></a>
+		<p>
+		Das sublab besteht aus mehreren Räumen mit insgesamt ca. 200qm Grundfläche.
+		</p>
+		<a href="/raeume" class="btn btn-default">Mehr lesen &raquo;</a>
 	</div>
-	<div class="col-md-6">
-<h2>
-	Dokumente
-</h2>
-<p>
-<a href="inc/sublab_ev_mitgliedsantrag.pdf">Mitgliedsantrag</a><br>
-<a href="inc/sublab_ev_satzung.pdf">Vereinssatzung</a><br>
-<a href="inc/sublab_ev_geschaeftsordnung.pdf">Geschäftsordnung</a><br>
-<a href="inc/sublab_ev_geldspendenquittung.pdf">Geldspendenquittung</a><br>
-<a href="inc/sublab_ev_sachspendenquittung.pdf">Sachspendenquittung</a><br>
-<a href="inc/sublab_ev_einzugsermaechtigung.pdf">Einzugsermächtigung</a>
-</p>
-	</div>
-</div>
-
-<div class="row">
-	<div class="col-md-6">
-<h2>
-	Youtube
-</h2>
-		<iframe class="youtube" title="YouTube video player" src="http://www.youtube.com/embed/IN9hdCee7N0" allowfullscreen></iframe>
-		<iframe class="youtube" title="YouTube video player" src="http://www.youtube.com/embed/i-8khYBONj8" allowfullscreen></iframe>
-		<iframe class="youtube" title="YouTube video player" src="http://www.youtube.com/embed/kJCsBkwbegw" allowfullscreen></iframe>
-		<iframe class="youtube" title="YouTube video player" src="http://www.youtube.com/embed/e0GnQ4oUSsY" allowfullscreen></iframe>
+	<div class="col-sm-4">
+		<h2>
+			sublab e.V.
+		</h2>
+		<a href="img/sublab_logo_large.png"><img class="img-responsive" src="img/sublab_logo.png" alt="sublab Logo"></a>
+		<p>Durch die Arbeit des Vereins werden vielen Leipziger Gruppen, die sich mit Technik und verwandten Themen beschäftigen, die Möglichkeiten gegeben sich zu treffen und zu arbeiten.</p>
+		</p>
+		<a href="/sublab" class="btn btn-default">Mehr lesen &raquo;</a>
 	</div>
-	<div class="col-md-6">
-<h2>
-	Fotos
-</h2>
-<p>
-<a href="http://www.christiankoch.de/sublab/galerie/">http://www.christiankoch.de/sublab/galerie/</a><br><a href="http://nowhere.ws/sublab/interieur.jpg">http://nowhere.ws/sublab/interieur.jpg</a><br>
-<a href="http://DenkenInEchtzeit.net/downloads/Hackerspace-Bilder.7z">http://DenkenInEchtzeit.net/downloads/Hackerspace-Bilder.7z</a><br><br>
-
-<h2>
-	Berichte
-</h2>
-<a href="http://amish-geeks.de/blog/startschuss-fur-einen-hackerspace-in-leipzig/">Bericht über die Vereinsgründung</a><br>
-<a href="https://wiki.c3le.de/wiki/Hacker_Space">Wikiartikel über den Hackerspace im Wiki des Leipziger Chaostreffs c3le</a><br>
-<a href="http://www.student-leipzig.de/content/sublab-hackerspace-in-plagwitz">Artikel über das sublab in der Leipziger Studentenzeitschrift <i>student!</i></a><br>
-<a href="http://www.gulli.com/news/hacker-space-in-leipzig-2008-06-17/">Artikel über die Vereinsgründung bei gulli.com</a><br>
-
-</p>
+	<div class="col-sm-4">
+		<h2>
+			Presse und Medien
+		</h2>
+		<img class="img-responsive" src="img/mdr_hierabvier_onlinebanking.jpg" alt="sublab bei MDR Hier ab vier zum Thema: Sicherheit beim Onlinebanking"></a>
+		<p>
+		Regelmäßig werden wir vom Zeitung, Radio und Fernsehen, nach unseren Meinungen gefragt, oder dürfen unsere Expertise zu aktuellen Sachverhalten zur Verfügung stellen.
+		</p>
+		<a href="/presse" class="btn btn-default">Mehr lesen &raquo;</a>
 	</div>
-</div>
-