migrate index and navigation to foundation

3 files changed, 64 insertions, 53 deletions

diff --git a/source/_navigation.html.haml b/source/_navigation.html.haml
index 972f9dc..05d21e7 100644
--- a/source/_navigation.html.haml
+++ b/source/_navigation.html.haml
@@ -1,20 +1,22 @@
 - @navigation = navigation_items
 
-.navbar-header
-  %button.navbar-toggle{"data-target" => "#nav-big", "data-toggle" => "collapse", :type => "button"}
-    %span.sr-only Toggle navigation
-    %span.icon-bar
-    %span.icon-bar
-    %span.icon-bar
-#nav-big.collapse.navbar-collapse
-  %ul
-    - @navigation.each do |key, value|
-      %li.dropdown
-        %a{"data-toggle" => "dropdown", :class => "dropdown-toggle", :href => key.last}
-          = key.first
-          - if value
-            %b.caret
-        - if value
-          %ul.dropdown-menu
-            - value.each do |name, url|
-              %li= link_to(name, url)
+.contain-to-grid
+  %nav.top-bar{"role" => "navigation", "data-topbar" => true, "data-options" => "is_hover: false"}
+    %ul.title-area
+      %li.name
+        = link_to("sublab-logo", "/")
+      %li.toggle-topbar.menu-icon
+        %a{href: '#'}
+          %span
+            Menu
+
+    %section.top-bar-section
+      %ul.left
+        - @navigation.each do |key, value|
+          %li.has-dropdown
+            %a{href: "#"}
+              = key.first
+            %ul.dropdown
+              - value.each do |name, url|
+                %li= link_to(name, url)
+
diff --git a/source/index.html.haml b/source/index.html.haml
index 70167c6..b380844 100644
--- a/source/index.html.haml
+++ b/source/index.html.haml
@@ -1,38 +1,45 @@
 ---
 title: sublab - Ein Hackerspace in Leipzig
 ---
-%div
-  %h2 Ein Hackerspace in Leipzig
-  %p.lead
-    Das sublab ist ein
-    = succeed "." do
-      %a{:href => "/wiki/Hackerspace"} Hackerspace
-    Es bietet technik- und netzaffinen Menschen aus Leipzig und Umgebung, sowie der
-    ganzen Welt einen Ort zum kreativen Ideen- und Erfahrungsaustausch.
-    %br/
-    = link_to("Mehr zum sublab", "/ueber.html")
-.panel.panel-primary
-  .panel-heading
-    %h3.panel-title Demnächst im sublab
-  .panel-body
+.row
+  .columns
+    %h2 Ein Hackerspace in Leipzig
+    %p.lead
+      Das sublab ist ein
+      = succeed "." do
+        %a{:href => "/wiki/Hackerspace"} Hackerspace
+      Es bietet technik- und netzaffinen Menschen aus Leipzig und Umgebung, sowie der
+      ganzen Welt einen Ort zum kreativen Ideen- und Erfahrungsaustausch.
+      %br/
+      = link_to("Mehr zum sublab", "/ueber.html")
+
+.row
+  .panel
+    %h3 Demnächst im sublab
     %p BattleMeshV7 - 12. bis 18. Mai 2014
     %p CryptoCon14 - 22. bis 25. Mai 2014
-%div
-  %h3 Neues aus dem sublab
-  %p= link_to "Alle News >>", "/aktuelles/blog.html"
-  = partial "article_summary", collection: blog.articles[0..2]
-%div
-  %h3 @sublab tweets
-  %p
-    %strong sublab
-    @sublab Apr 5
-    %br/
-    WTF? LOL!
-  %p
-    %strong about:radio
-    @aboutradio Apr 5
-    %br/
-    Heute von 16-18Uhr: about:radio u.a. zu den Themen: Libre Graphics Meeting in Leipzig, Kamera in der Simildenstrasse
-%div
-  %h3 Wiki Aktivität
-  = partial "wiki_changes"
+
+.row
+  .columns
+    %h3 Neues aus dem sublab
+    %p= link_to "Alle News >>", "/aktuelles/blog.html"
+    = partial "article_summary", collection: blog.articles[0..2]
+
+.row
+  .columns
+    %h3 @sublab tweets
+    %p
+      %strong sublab
+      @sublab Apr 5
+      %br/
+      WTF? LOL!
+    %p
+      %strong about:radio
+      @aboutradio Apr 5
+      %br/
+      Heute von 16-18Uhr: about:radio u.a. zu den Themen: Libre Graphics Meeting in Leipzig, Kamera in der Simildenstrasse
+
+.row
+  .columns
+    %h3 Wiki Aktivität
+    = partial "wiki_changes"
diff --git a/source/layouts/layout.haml b/source/layouts/layout.haml
index d932c9b..23e524e 100644
--- a/source/layouts/layout.haml
+++ b/source/layouts/layout.haml
@@ -17,9 +17,11 @@
         - link_to '/index.html' do
           = image_tag 'sublab-logo.png', class: "img-responsive"
     / main navigation
-    %nav
-      = partial "navigation"
+    = partial "navigation"
     / content
     #content
       %section#main
         = yield
+    / javascript initialization
+    :javascript
+      $(document).foundation();