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