From dc41cdf016c4c2022e74e4bdd103094cdefcc513 Mon Sep 17 00:00:00 2001
From: southerntofu <southerntofu@squat.net>
Date: Fri, 15 Feb 2019 11:35:56 +0000
Subject: Make header responsive (fix #11)

---
 amber/layouts/_masthead.html.haml | 25 ++++++++----------------
 amber/layouts/default.html.haml   | 41 ++++++++++++++++++---------------------
 2 files changed, 27 insertions(+), 39 deletions(-)

(limited to 'amber')

diff --git a/amber/layouts/_masthead.html.haml b/amber/layouts/_masthead.html.haml
index f37d6e9..18f746e 100644
--- a/amber/layouts/_masthead.html.haml
+++ b/amber/layouts/_masthead.html.haml
@@ -1,17 +1,8 @@
-.masthead-inner
-  .container
-    .row
-      -# if has_navigation?
-        .col-sm-3.col-md-2
-        .col-sm-9.col-md-10
-          %h1 LEAP Encryption Access Project
-          %ul.list-unstyled#top-menu
-            - top_navigation_items(include_home:true) do |item|
-              %li{:class => [item[:class], 'tab'].join(' ')}
-                %a{:href => item[:href], :class => [item[:class], 'tab'].join(' ')}= item[:label]
-      .col-sm-12.logo
-        %h1 LEAP Encryption Access Project
-        %ul.list-unstyled#top-menu
-          - top_navigation_items(include_home:true) do |item|
-            %li{:class => [item[:class], 'tab'].join(' ')}
-              %a{:href => item[:href], :class => [item[:class], 'tab'].join(' ')}= item[:label]
+%header
+  %picture
+    %source{:media => "(min-width: 35.5em)", :srcset => "/img/leap180.png"}
+    %img{:alt => "LEAP logo", :src => "/img/leap128.png"}
+  %h1 LEAP Encryption Access Project
+  %nav.nav-menu{:role => "navigation"}
+    - top_navigation_items(include_home:true) do |item|
+      %a.nav-item{:href => item[:href]}= item[:label]
diff --git a/amber/layouts/default.html.haml b/amber/layouts/default.html.haml
index d252806..19172be 100644
--- a/amber/layouts/default.html.haml
+++ b/amber/layouts/default.html.haml
@@ -9,30 +9,27 @@
     %link(rel="stylesheet" href="/assets/font-awesome/css/font-awesome.min.css")
     = html_head_base
   %body
-    #wrap
-      #masthead
-        = render 'layouts/masthead'
-      #main.container
-        .row
-          - if has_navigation?
-            #sidebar.col-sm-4.col-md-3
-              = render 'layouts/sidebar'
-            .col-sm-8.col-md-9
+    = render 'layouts/masthead'
+    #main.container
+      .row
+        - if has_navigation?
+          #sidebar.col-sm-4.col-md-3
+            = render 'layouts/sidebar'
+          .col-sm-8.col-md-9
+            .title-box
+              = yield :title
+              = render 'layouts/titlebox'
+            .content-box
+              - if translation_missing?
+                .alert.alert-info= t(:missing_translation)
+              = yield :content
+        - else
+          .col-sm-12
+            - unless @page.props.show_title === false
               .title-box
                 = yield :title
-                = render 'layouts/titlebox'
-              .content-box
-                - if translation_missing?
-                  .alert.alert-info= t(:missing_translation)
-                = yield :content
-          - else
-            .col-sm-12
-              - unless @page.props.show_title === false
-                .title-box
-                  = yield :title
-              .content-box
-                = yield :content
-
+            .content-box
+              = yield :content
     #footer
       = render 'layouts/footer'
     #background
-- 
cgit v1.2.3