Main website responsiveness

app/views/layouts/theme1-home.html.slim

@@ -10,35 +10,20 @@ html lang="en"
     /[if lt IE 9]
       = javascript_include_tag "http://html5shim.googlecode.com/svn/trunk/html5.js"
     = stylesheet_link_tag "theme1/application", :media => "all"
-    = javascript_include_tag 'theme1/application'
     link href="/favicon.ico" rel="shortcut icon"
     link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'
 
   body
     .header-nav-banner
-      #header-wrap
-        #ceiling
-          .left
-          .right
-          .lights
-            .light1
-            .light2
-            .light3
-          .container
-            #header
-              #header-right= render 'theme1/social'
-              #logo= link_to image_tag('icons/logo-text.png', alt: application_title), root_path
-      #nav-wrap.container
-        .navbar
-          .navbar-inner= render 'theme1/navigation'
+      = render 'theme1/header'
       #home-splash
-        #home-splash-content.container
+        #home-splash-content
           #home-splash-content-inner
             #home-splash-content-inner-bar
         #home-splash-footer
           .left
           .right
-          #home-splash-footer-inner.container
+          #home-splash-footer-inner.content-container
             #home-splash-footer-inner-bar
       #main-wrap
         .container
@@ -55,8 +40,5 @@ html lang="en"
                   a.close data-dismiss="alert" ×
             = yield :page_title
             = yield
-      #footer-wrap
-        .footer-shadow
-        .container
-          .footer-content= render 'footer'
-          .footer-bottom © mozo.bar 2014
+      = render 'theme1/footer'
+    = javascript_include_tag 'theme1/application'

app/views/layouts/theme1.html.slim

@@ -6,7 +6,6 @@ html lang="en"
     meta name="viewport" content="width=device-width, initial-scale=1.0"
     title= site_page_title
     = csrf_meta_tags
-
     /! Le HTML5 shim, for IE6-8 support of HTML elements
     /[if lt IE 9]
       = javascript_include_tag "http://html5shim.googlecode.com/svn/trunk/html5.js"
@@ -16,21 +15,7 @@ html lang="en"
 
   body
     .header-nav-banner
-      #header-wrap
-        #ceiling
-          .left
-          .right
-          .lights
-            .light1
-            .light2
-            .light3
-          .container
-            #header
-              #header-right= render 'theme1/social'
-              #logo= link_to image_tag('icons/logo-text.png', alt: application_title), root_path
-      #nav-wrap.container
-        .navbar
-          .navbar-inner= render 'theme1/navigation'
+      = render 'theme1/header'
       #content-header
         .left
         .right
@@ -50,9 +35,5 @@ html lang="en"
             - if @page && @page.title.present?
               h1.page-title= @page.title
             = yield
-      #footer-wrap
-        .footer-shadow
-        .container
-          .footer-content= render 'footer'
-          .footer-bottom © mozo.bar 2014
+      = render 'theme1/footer'
     = javascript_include_tag "theme1/application"

app/views/theme1/_footer.html.slim

@@ -0,0 +1,5 @@
+#footer-wrap
+  .footer-shadow
+  .footer-content-container
+    .footer-content= render 'footer'
+    .footer-bottom © mozo.bar 2014

app/views/theme1/_header.html.slim

@@ -0,0 +1,15 @@
+#header-wrap
+  #ceiling
+    .left
+    .right
+    .lights
+      .light1
+      .light2
+      .light3
+    .container
+      #header
+        #header-right= render 'theme1/social'
+        #logo= link_to image_tag('icons/logo-text.png', alt: application_title), root_path
+#nav-wrap
+  .navbar
+    .navbar-inner= render 'theme1/navigation'

app/views/theme1/_navigation.html.slim

@@ -1,6 +1,8 @@
-.container
-  ul.nav
-    li[class=(current_page?(controller: '/pages', action: 'home') ? :active : nil)]= link_to find_page('home').try(:menu_text), locale_root_path
-    li[class=(current_page?(controller: '/pages', action: 'show', name: 'about') ? :active : nil)]= link_to find_page('about').try(:menu_text), page_path('about')
-    - Page.menu_roots.each do |page|
-      li[class=(current_page?(controller: '/pages', action: 'show', name: page.name) ? :active : nil)]= link_to page.menu_text, page_path(page.name)
+a.menu-secondary-toggle href="#"
+  span
+ul.nav
+  li[class=(current_page?(controller: '/pages', action: 'home') ? :active : nil)]= link_to find_page('home').try(:menu_text), locale_root_path
+  li[class=(current_page?(controller: '/pages', action: 'show', name: 'about') ? :active : nil)]= link_to find_page('about').try(:menu_text), page_path('about')
+ul.nav.secondary
+  - Page.menu_roots.each do |page|
+    li[class=(current_page?(controller: '/pages', action: 'show', name: page.name) ? :active : nil)]= link_to page.menu_text, page_path(page.name)

app/views/theme1/_social.html.slim

@@ -1,9 +1,9 @@
 .social
   a.wsite-social-facebook href="https://www.facebook.com/mozo.bar" target=:_blank
     span.wsite-social-inner
-  a.wsite-social-twitter href="https://twitter.com/mozo.bar" target=:_blank
+  /a.wsite-social-twitter href="https://twitter.com/mozo.bar" target=:_blank
     span.wsite-social-inner
-  a.wsite-social-linkedin href="http://www.linkedin.com/company/2801351" target=:_blank
+  /a.wsite-social-linkedin href="http://www.linkedin.com/company/2801351" target=:_blank
     span.wsite-social-inner
-  a.wsite-social-rss
+  /a.wsite-social-rss
     span.wsite-social-inner