diff options
| author | southerntofu <southerntofu@squat.net> | 2019-02-15 11:35:56 +0000 |
|---|---|---|
| committer | southerntofu <southerntofu@squat.net> | 2019-02-15 11:35:56 +0000 |
| commit | dc41cdf016c4c2022e74e4bdd103094cdefcc513 (patch) | |
| tree | b130048a95018ae32fb42b855f41cbc5203cf035 /amber/layouts | |
| parent | 374b125cac18198250fdec4e40e8f570e5c1c95f (diff) | |
Make header responsive (fix #11)
Diffstat (limited to 'amber/layouts')
| -rw-r--r-- | amber/layouts/_masthead.html.haml | 25 | ||||
| -rw-r--r-- | amber/layouts/default.html.haml | 41 |
2 files changed, 27 insertions, 39 deletions
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 |