diff --git a/app/views/layouts/public.html.haml b/app/views/layouts/public.html.haml index 00c0913..9a93b63 100644 --- a/app/views/layouts/public.html.haml +++ b/app/views/layouts/public.html.haml @@ -163,72 +163,77 @@ =link_to add_banner_public_banners_path(), :remote => true, :onclick => "$('#banner').show();$('#small_banner').closest('#small_banner').hide();" do #small_banner{:style => ("display:none;" if !session[:no_banner])} - %span{:style => "font-size:20px;"} - =ic(:warning) - %br - Informations - %br - COVID-2019 + =image_tag "/covid.png" #banner{:style => ("display:none;" if session[:no_banner])} - .left - %span{:style => "font-size:25px;"}=ic(:warning) - %br - COVID-2019 - .right - %p - %strong Jipé continue à produire - en prenant les mesures nécessaires pour - %strong - assurer la sécurité - de ses - %strong collaborateurs, - de ses - %strong prestataires - et - %strong fournisseurs. - %p - Après avoir fourni des - %strong structures pour faire face à l’urgence, - nous pouvons - %strong dès maintenant - vous proposer des - %strong solutions pour gérer l’après confinement - (salles externes, douches de décontamination, sanitaires, lieux d’isolement…) + .banner_wrapper + .left + =image_tag "/covid.png" + .right + %h4 Continuité de production + %p + %strong Jipé continue à produire + en prenant les mesures nécessaires pour + %strong + assurer la sécurité + de ses + %strong collaborateurs, + de ses + %strong prestataires + et + %strong fournisseurs. + %h4 Solutions d’urgence et pour l’après confinement + %p + Après avoir fourni des + %strong structures pour faire face à l’urgence, + nous pouvons + %strong dès maintenant + vous proposer des + %strong solutions pour gérer l’après confinement + (salles externes, douches de décontamination, sanitaires, lieux d’isolement…) - %p.actions - =link_to "En savoir plus", "/fr/blog/covid-19-jipe-continue-a-produire-et-propose-des-solutions.html" + %p.actions + =link_to "En savoir plus", "/fr/blog/covid-19-jipe-continue-a-produire-et-propose-des-solutions.html" - =link_to "Nous contacter", "/fr/contact.html" + =link_to "Nous contacter", "/fr/contact.html" - + .close_banner=link_to ic(:times)+" Ne plus afficher cette info", remove_banner_public_banners_path(), :remote => true, :onclick => "$(this).closest('#banner').hide();$('#small_banner').show();" .clear :scss + .banner_wrapper{ + max-width:950px; + margin:auto; + + + } #small_banner{ position:absolute; - top:50px; + top:70px; left:0; - background:#ffedcd; - color:#333f48; - color:#BF2F2A; + background:#F9F1E4; + color:#DB3028; + font-size:14px; text-align:center; - padding:10px 30px; + padding:10px 40px; z-index:10; font-weight:bold; + img{ + width:100px; + } } #banner{ - background:#ffedcd; + background:#F9F1E4; color:#333f48; - padding:20px 20px; + padding:30px 20px; font-size:14px; position:relative; p{ @@ -238,10 +243,11 @@ .actions{ a{ padding:4px 8px; - border:1px solid #BF2F2A; + border:1px solid #DB3028; display:inline-block; margin-right:8px; margin-top:8px; + color:#DB3028; } } @@ -251,18 +257,51 @@ } .right{ - margin-left:200px; - + margin-left:230px; + h4{ + margin-bottom:-4px; + color:#DB3028; + } } .left{ + color:#BF2F2A; font-size:18px; float:left; - text-align:center; - width:200px; + text-align:left; + width:250px; + img{ + max-width:180px;display:block;margin:30px 10px; + } margin-left:-10px; - padding-top:30px; + + } + + } + + @media screen and (max-width: 820px){ + #small_banner{ + img{ + width:50px; + } + + padding:8px 15px; + + } + #banner{ + .right{ + margin:0; + padding-bottom:50px; + } + .left{ + float:none; + width:100%; + img{ + margin:auto; + + } + } } } diff --git a/public/covid.png b/public/covid.png new file mode 100644 index 0000000..cfedae6 Binary files /dev/null and b/public/covid.png differ