Merge branch 'replace-bootstrap-with-foundation'

3 files changed, 156 insertions, 177 deletions

diff --git a/source/kontakt/kontakt.html.erb b/source/kontakt/kontakt.html.erb
deleted file mode 100644
index 2d09038..0000000
--- a/source/kontakt/kontakt.html.erb
+++ /dev/null
@@ -1,94 +0,0 @@
----
-section: "kontakt"
----
-<div>
-
-  <h2>
-    Kontakt
-  </h2>
-  <div class="imagecontent">
-    <a href="img/sublab_logo_large.png" class="img"><img class="contentimage" src="img/sublab_logo.png" alt="sublab Logo"></a>
-    <p class="subtext"><a href="img/logo.svg">Logo als SVG</a></p>
-  </div>
-  <p>
-  Wir sind über viele verschiedene mehr oder weniger moderne Kommunikationskanäle erreichbar.<br>
-  Einerseits sind wir per Instant-Messaging im sublab-Raum im Jabber, im IRC und direkt per Jabber erreichbar.
-  Du findest uns auch bei Microblogging-Diensten wie Twitter oder Identi.ca.<br>
-  Aber natürlich auch ganz klassisch per Email.<br>
-  Ein Großteil unserer Kommunikation und Diskussionen läuft über unsere Mailinglisten. Die wichtigsten öffentlichen Listen findest du am Ende dieser Seite.
-  </p>
-  <h3>
-    Jabber
-  </h3>
-  <p>
-  Server:			irc.hackint.org <sub>(ja, das ist auch ein Jabber-Server)</sub><br>
-  Raum:			#sublab<br>
-  Unser Account:		sublab@jabber.ccc.de
-  </p>
-  <h3>
-    IRC
-  </h3>
-  <p>
-  Server: 		irc.hackint.org<br>
-  Raum:			#sublab
-  </p>
-  <h3>
-    Web 2.0
-  </h3>
-  <p>
-  Soup.io:		<a href="http://soup.sublab.org/" target="_blank">soup.sublab.org</a><br>
-  Twitter:		<a href="http://twitter.com/sublab/" target="_blank">twitter.com/sublab</a><br>
-  Identi.ca:		<a href="http://identi.ca/sublab/" target="_blank">identi.ca/sublab</a>
-  </p>
-  <h3>
-    Email
-  </h3>
-  <p>
-  Adresse:		kontakt bei sublab punkt org
-  </p>
-  <h3>
-    Mailinglisten
-  </h3>
-  <p>
-  sublab-announce: 	<a href="http://lists.subsignal.org/mailman/listinfo/sublab-announce" target="_blank">Abonnieren</a><br>
-  sublab-discuss:		<a href="http://lists.subsignal.org/mailman/listinfo/sublab-discuss" target="_blank">Abonnieren</a>
-  </p>
-  <h3>
-    Telefon
-  </h3>
-  <p>
-  Telefon:		0341/39299256
-  </p>
-  <h3>
-    Angaben gemäss Paragraph 5 TMG:
-  </h3>
-  <p>
-  sublab e.V.<br>
-  Karl-Heine-Straße 93<br>
-  04229 Leipzig
-  </p>
-  <h3>
-    Vertreten durch
-  </h3>
-  <p>
-  Der Verein wird vertreten durch den Vorstand Alexander Klosch, Marvin Schlegel und Florian Rämisch.
-  </p>
-  <h3>
-    Kontakt
-  </h3>
-  <p>
-  E-Mail: kontakt [at] sublab.org<br>
-  GPG-KeyID Alexander Klosch: 0x1B30C079<br>
-  GPG-KeyID Marvin Schlegel: 0x2B131EDA<br>
-  GPG-KeyID Florian Rämisch: 0x3A1A6990
-  </p>
-  <h3>
-    Registereintrag
-  </h3>
-  <p>
-  Eintragung im Vereinsregister.<br>
-  Registergericht: Amtsgericht Leipzig<br>
-  Registernummer: VR 4633
-  </p>
-
-</div>
diff --git a/source/kontakt/kontakt.html.haml b/source/kontakt/kontakt.html.haml
new file mode 100644
index 0000000..7940174
--- /dev/null
+++ b/source/kontakt/kontakt.html.haml
@@ -0,0 +1,92 @@
+---
+section: "kontakt"
+---
+%div
+  %h2
+    Kontakt
+  .imagecontent
+    %a.img{:href => "img/sublab_logo_large.png"}
+      %img.contentimage{:alt => "sublab Logo", :src => "img/sublab_logo.png"}/
+    %p.subtext
+      %a{:href => "img/logo.svg"} Logo als SVG
+  %p
+    Wir sind über viele verschiedene mehr oder weniger moderne Kommunikationskanäle erreichbar.
+    %br/
+    Einerseits sind wir per Instant-Messaging im sublab-Raum im Jabber, im IRC und direkt per Jabber erreichbar.
+    Du findest uns auch bei Microblogging-Diensten wie Twitter oder Identi.ca.
+    %br/
+    Aber natürlich auch ganz klassisch per Email.
+    %br/
+    Ein Großteil unserer Kommunikation und Diskussionen läuft über unsere Mailinglisten. Die wichtigsten öffentlichen Listen findest du am Ende dieser Seite.
+  %h3
+    Jabber
+  %p
+    Server:			irc.hackint.org
+    %sub (ja, das ist auch ein Jabber-Server)
+    %br/
+    Raum:			#sublab
+    %br/
+    Unser Account:		sublab@jabber.ccc.de
+  %h3
+    IRC
+  %p
+    Server: 		irc.hackint.org
+    %br/
+    Raum:			#sublab
+  %h3
+    Web 2.0
+  %p
+    Soup.io:
+    %a{:href => "http://soup.sublab.org/", :target => "_blank"} soup.sublab.org
+    %br/
+    Twitter:
+    %a{:href => "http://twitter.com/sublab/", :target => "_blank"} twitter.com/sublab
+    %br/
+    Identi.ca:
+    %a{:href => "http://identi.ca/sublab/", :target => "_blank"} identi.ca/sublab
+  %h3
+    Email
+  %p
+    Adresse:		kontakt bei sublab punkt org
+  %h3
+    Mailinglisten
+  %p
+    sublab-announce:
+    %a{:href => "http://lists.subsignal.org/mailman/listinfo/sublab-announce", :target => "_blank"} Abonnieren
+    %br/
+    sublab-discuss:
+    %a{:href => "http://lists.subsignal.org/mailman/listinfo/sublab-discuss", :target => "_blank"} Abonnieren
+  %h3
+    Telefon
+  %p
+    Telefon:		0341/39299256
+  %h3
+    Angaben gemäss Paragraph 5 TMG:
+  %p
+    sublab e.V.
+    %br/
+    Karl-Heine-Straße 93
+    %br/
+    04229 Leipzig
+  %h3
+    Vertreten durch
+  %p
+    Der Verein wird vertreten durch den Vorstand Alexander Klosch, Marvin Schlegel und Florian Rämisch.
+  %h3
+    Kontakt
+  %p
+    E-Mail: kontakt [at] sublab.org
+    %br/
+    GPG-KeyID Alexander Klosch: 0x1B30C079
+    %br/
+    GPG-KeyID Marvin Schlegel: 0x2B131EDA
+    %br/
+    GPG-KeyID Florian Rämisch: 0x3A1A6990
+  %h3
+    Registereintrag
+  %p
+    Eintragung im Vereinsregister.
+    %br/
+    Registergericht: Amtsgericht Leipzig
+    %br/
+    Registernummer: VR 4633
diff --git a/source/kontakt/lage.html.erb b/source/kontakt/lage.html.haml
index 9113be4..47939a7 100644
--- a/source/kontakt/lage.html.erb
+++ b/source/kontakt/lage.html.haml
@@ -1,99 +1,80 @@
 ---
 section: "kontakt"
 ---
-<div>
+%h2
+  Lage
+%p
+  Das sublab befindet sich im Westwerk in Leipzig-Plagwitz.
+  %br/
+  Wenn du schon dort bist, gehe zum Tor B (direkt an der Brücke), betrete den Hof, gehe durch die Alutür auf der linken Seite und folge den Treppen hinauf zu deinem Lieblingshackerspace.
+  %br/
+  Falls du dir das gerade nicht so gut vorstellen kannst, dann benutze doch die
+  %a{:href => "http://www.diac24.net/space_wegbeschreibung/space_weg.html"} bebilderte Wegbeschreibung
 
-  <div id="moods">
-    <%= image_with_thumb("subweg.jpg", caption: "Blick aufs sublab") %>
-    <%= image_with_thumb("strasse_west.jpg", caption: "Anfahrt von Westen") %>
-    <%= image_with_thumb("blechtuer.jpg", caption: "Ab durch die Blechtür") %>
-  </div>
+.row
+  .small-8.medium-4.columns
+    = image_with_thumb("subweg.jpg")
+  .small-8.medium-4.columns
+    = image_with_thumb("strasse_west.jpg")
+  .small-8.medium-4.columns.end
+    = image_with_thumb("blechtuer.jpg")
 
-  <h2>
-    Lage
-  </h2>
-
-  <p>
-  Das sublab befindet sich im Westwerk in Leipzig-Plagwitz.<br>
-  Wenn du schon dort bist, gehe zum Tor B (direkt an der Brücke), betrete den Hof, gehe durch die Alutür auf der linken Seite und folge den Treppen hinauf zu deinem Lieblingshackerspace.<br>
-  Falls du dir das gerade nicht so gut vorstellen kannst, dann benutze doch die <a href="http://www.diac24.net/space_wegbeschreibung/space_weg.html">bebilderte Wegbeschreibung</a>
-  </p>
-
-  <h3>
-    Adresse
-  </h3>
-
-  <p>
-  sublab e.V.<br>
-  Karl-Heine-Straße 93<br>
-  04229 Leipzig<br>
-  </p>
-
-  <h3>
-    Anreise mit dem Fahrrad
-  </h3>
-
-  <p>
-  Aus dem Süden: Am entspanntesten gelangst du zum sublab entlang des Karl-Heine-Kanals<br>
-  Aus dem Osten: Vom Ring die Käthe-Kolwitz-Straße immer geradeaus über den Westplatz und am Felsenkeller vorbei, dann vor der Brücke links.<br>
+%h3
+  Adresse
+%p
+  sublab e.V.
+  %br/
+  Karl-Heine-Straße 93
+  %br/
+  04229 Leipzig
+  %br/
+%h3
+  Anreise mit dem Fahrrad
+%p
+  Aus dem Süden: Am entspanntesten gelangst du zum sublab entlang des Karl-Heine-Kanals
+  %br/
+  Aus dem Osten: Vom Ring die Käthe-Kolwitz-Straße immer geradeaus über den Westplatz und am Felsenkeller vorbei, dann vor der Brücke links.
+  %br/
   Aus dem Westen: Entlang der Lützner Straße, dann entlang des Karl-Heine-Kanals
-  </p>
-
-  <h3>
-    Anreise mit dem ÖPNV
-  </h3>
-  <p>
-  Die Linie 14 hält direkt vor dem Westwerk (Karl-Heine-/Merseburger Straße).<br>
-  Die Linien 3 und 13 halten in ca. 300m Entfernung am Felsenkeller (dann der Karl-Heine-Straße nach Westen folgen) oder der Elsterpassage (Zschochersche Straße nach Süden, dann rechts abbiegen und dem Karl-Heine-Kanal nach Norden folgen)<br>
+%h3
+  Anreise mit dem ÖPNV
+%p
+  Die Linie 14 hält direkt vor dem Westwerk (Karl-Heine-/Merseburger Straße).
+  %br/
+  Die Linien 3 und 13 halten in ca. 300m Entfernung am Felsenkeller (dann der Karl-Heine-Straße nach Westen folgen) oder der Elsterpassage (Zschochersche Straße nach Süden, dann rechts abbiegen und dem Karl-Heine-Kanal nach Norden folgen)
+  %br/
   Die Buslinie 60 hält an der Naumburger Straße. Dann der Gießerstraße nach Norden, und Karl-Heine-Straße nach Osten folgen.
   Nachts fährt $nightliner vom Felsenkeller in Richtung Hauptbahnhof.
-  </p>
-
-  <h3>
-    Anreise mit dem Zug
-  </h3>
-  <p>
-  Mit dem Zug bis zum Hauptbahnhof und dann mit ÖPNV (Linie 3, 13, oder 14) Richtungen (Plagwitz, Knautkleeberg) bis zum Felsenkeller / Elsterpassage.<br>
+%h3
+  Anreise mit dem Zug
+%p
+  Mit dem Zug bis zum Hauptbahnhof und dann mit ÖPNV (Linie 3, 13, oder 14) Richtungen (Plagwitz, Knautkleeberg) bis zum Felsenkeller / Elsterpassage.
+  %br/
   Der S-Bahnhof Plagwitz befindet sich in Laufweite (15min). Karl-Heine-Straße nach Osten folgen oder mit Linie 14 fahren.
-  </p>
-
-  <h3>
-    Anreise mit dem Auto
-  </h3>
-  <p>
-  Am besten ein Navi benutzen (siehe Adresse).<br>
+%h3
+  Anreise mit dem Auto
+%p
+  Am besten ein Navi benutzen (siehe Adresse).
+  %br/
   Es gibt Parkplätze auf dem Westwerkgelände.
-  </p>
-
-  <h3>
-    Anreise mit dem Flugzeug
-  </h3>
-  <p>
-  Die nächsten Flughäfen sind der Flughafen Leipzig-Halle, Altenburg-Nobitz sowie Dresden (in 1h per ICE erreichbar).<br>
+%h3
+  Anreise mit dem Flugzeug
+%p
+  Die nächsten Flughäfen sind der Flughafen Leipzig-Halle, Altenburg-Nobitz sowie Dresden (in 1h per ICE erreichbar).
+  %br/
   Vom Flughafen Leipzig-Halle fährt eine S-Bahn zum Hauptbahnhof.
-  </p>
-
-  <h3>
-    Anreise per Mikrokopter
-  </h3>
-  <p>
+%h3
+  Anreise per Mikrokopter
+%p
   Solltest du mit einem Mikrokopter anreisen, so kannst du getrost auf dem Dach der großen Halle landen, und ans Fenster klopfen. Wir lassen dich dann rein. :-)
-  </p>
-
-  <h3>
-    Karte (Openstreetmap)
-  </h3>
-  <!-- 
-  <iframe class="osm" src="http://www.openstreetmap.org/export/embed.html?bbox=12.329492,51.329039,12.332464,51.331097&amp;layer=mapnik&amp;marker=51.33027,12.33086" style="border: 1px solid black">
+%h3
+  Karte (Openstreetmap)
+/
+  <iframe class="osm" src="http://www.openstreetmap.org/export/embed.html?bbox=12.329492,51.329039,12.332464,51.331097&amp;amp;layer=mapnik&amp;amp;marker=51.33027,12.33086" style="border: 1px solid black">
   </iframe>
   <br>
-  -->
-  <br>
-  <p>
+%br/
+%p
   Hier geht es zur
-  <a href="http://www.openstreetmap.org/?lat=51.330068&amp;lon=12.330978&amp;zoom=17&amp;layers=M&amp;mlat=51.33027&amp;mlon=12.33086">
+  %a{:href => "http://www.openstreetmap.org/?lat=51.330068&amp;lon=12.330978&amp;zoom=17&amp;layers=M&amp;mlat=51.33027&amp;mlon=12.33086"}
     großen Kartenansicht
-  </a>
-  </p>
-
-</div>