Foundation is now functional

app/assets/javascripts/application.js.coffee.erb

@@ -2,6 +2,7 @@
 #= require jquery_ujs
 #= require jquery.turbolinks
 #= require turbolinks
+#= require foundation
 
 # FRONT END
 
@@ -29,3 +30,7 @@ stopSpinner = ->
 # Turbolinks Spinner
 document.addEventListener 'page:fetch', startSpinner
 document.addEventListener 'page:receive', stopSpinner
+
+# $(function(){ $(document).foundation(); });
+$ ->
+  $(document).foundation();

app/assets/stylesheets/application.css.scss

@@ -13,4 +13,6 @@
  *= require_tree .
  */
 
-//@include "stubs/variables_overrides.css.scss";
+@import "compass";
+@import "foundation_and_overrides.scss";
+@import "foundation";

app/views/pages/home.html.haml

@@ -1,6 +1,5 @@
 - title t('hello')
 %h1
-  %i.icon-ticket
   Ticket to Ride
 %p.lead.muted
-  Ruby 2 + Rails 4.0.0 + Bootstrap 2.3.2 + Font Awesome 3.2.1
+  Ruby 2 + Rails 4.0.0 + Foundation

app/views/shared/_navbar.html.haml

@@ -1,4 +1,127 @@
-.navbar.navbar-fixed-top
+//.navbar.navbar-fixed-top
-  .navbar-inner
+//  .navbar-inner
-    .container
+//    .container
-      = link_to Rails.application.class.parent_name, root_path, class: 'brand'
+//      = link_to Rails.application.class.parent_name, root_path, class: 'brand'
+
+%nav.top-bar
+  %ul.title-area
+    / Title Area
+    %li.name
+      %h1
+        %a{href: "#"} Top Bar Title
+    / Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone
+    %li.toggle-topbar.menu-icon
+      %a{href: "#"}
+        %span Menu
+  %section.top-bar-section
+    / Left Nav Section
+    %ul.left
+      %li.divider
+      %li.active
+        %a{href: "#"} Main Item 1
+      %li.divider
+      %li
+        %a{href: "#"} Main Item 2
+      %li.divider
+      %li.has-dropdown
+        %a{href: "#"} Main Item 3
+        %ul.dropdown
+          %li.has-dropdown
+            %a{href: "#"} Dropdown Level 1a
+            %ul.dropdown
+              %li
+                %label Dropdown Level 2 Label
+              %li
+                %a{href: "#"} Dropdown Level 2a
+              %li
+                %a{href: "#"} Dropdown Level 2b
+              %li.has-dropdown
+                %a{href: "#"} Dropdown Level 2c
+                %ul.dropdown
+                  %li
+                    %label Dropdown Level 3 Label
+                  %li
+                    %a{href: "#"} Dropdown Level 3a
+                  %li
+                    %a{href: "#"} Dropdown Level 3b
+                  %li.divider
+                  %li
+                    %a{href: "#"} Dropdown Level 3c
+              %li
+                %a{href: "#"} Dropdown Level 2d
+              %li
+                %a{href: "#"} Dropdown Level 2e
+              %li
+                %a{href: "#"} Dropdown Level 2f
+          %li
+            %a{href: "#"} Dropdown Level 1b
+          %li
+            %a{href: "#"} Dropdown Level 1c
+          %li.divider
+          %li
+            %a{href: "#"} Dropdown Level 1d
+          %li
+            %a{href: "#"} Dropdown Level 1e
+          %li
+            %a{href: "#"} Dropdown Level 1f
+          %li.divider
+          %li
+            %a{href: "#"} See all →
+      %li.divider
+    / Right Nav Section
+    %ul.right
+      %li.divider.hide-for-small
+      %li.has-dropdown
+        %a{href: "#"} Main Item 4
+        %ul.dropdown
+          %li
+            %label Dropdown Level 1 Label
+          %li.has-dropdown
+            %a{href: "#"} Dropdown Level 1a
+            %ul.dropdown
+              %li
+                %a{href: "#"} Dropdown Level 2a
+              %li
+                %a{href: "#"} Dropdown Level 2b
+              %li.has-dropdown
+                %a{href: "#"} Dropdown Level 2c
+                %ul.dropdown
+                  %li
+                    %a{href: "#"} Dropdown Level 3a
+                  %li
+                    %a{href: "#"} Dropdown Level 3b
+                  %li
+                    %a{href: "#"} Dropdown Level 3c
+              %li
+                %a{href: "#"} Dropdown Level 2d
+              %li
+                %a{href: "#"} Dropdown Level 2e
+              %li
+                %a{href: "#"} Dropdown Level 2f
+          %li
+            %a{href: "#"} Dropdown Level 1b
+          %li
+            %a{href: "#"} Dropdown Level 1c
+          %li.divider
+          %li
+            %label Dropdown Level 1 Label
+          %li
+            %a{href: "#"} Dropdown Level 1d
+          %li
+            %a{href: "#"} Dropdown Level 1e
+          %li
+            %a{href: "#"} Dropdown Level 1f
+          %li.divider
+          %li
+            %a{href: "#"} See all →
+      %li.divider
+      %li.has-form
+        %form
+          .row.collapse
+            .small-8.columns
+              %input{type: "text"}/
+            .small-4.columns
+              %a.alert.button{href: "#"} Search
+      %li.divider.show-for-small
+      %li.has-form
+        %a.button{href: "#"} Button!