fond home

web/themes/custom/eql/css-compiled/styles.css

@@ -260,7 +260,8 @@ a {
   .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 {
     grid-area: presentation;
     grid-row: 1;
-    background: url("../images/pictos/carre-contour-bleu_contact.svg"); }
+    background: url("../images/pictos/forme_home.svg");
+    background-size: 100vw; }
     .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child {
       display: grid;
       grid-template-columns: 1fr repeat(4, 2fr) 1fr;
@@ -271,7 +272,7 @@ a {
         grid-column: 2 /span 3;
         grid-row: 2 / span 2;
         font-size: 5rem;
-        font-weight: 800;
+        font-weight: 900;
         color: #009ee3;
         line-height: 6rem;
         margin-bottom: 5rem; }
@@ -352,19 +353,18 @@ a {
         font-weight: 1000;
         color: #09398b;
         text-transform: uppercase; }
-    .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p {
-      margin-top: 0;
-      margin-bottom: 0;
-      margin-left: 1.5rem;
-      margin-right: 1.5rem;
-      text-align: center; }
-      .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p a {
-        font-weight: 800;
-        color: white;
-        font-size: 1.3rem; }
-      .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p:after {
-        display: block;
-        content: url("../images/pictos/noun_Arrow_3771902.svg"); }
+    .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description {
+      margin-bottom: 1rem; }
+      .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p {
+        margin-top: 0;
+        margin-bottom: 0;
+        margin-left: 1.5rem;
+        margin-right: 1.5rem;
+        text-align: center; }
+        .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p a {
+          font-weight: 800;
+          color: white;
+          font-size: 1.3rem; }
   .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 {
     grid-area: actus;
     width: 100vw;
@@ -776,6 +776,7 @@ header {
 #header-top {
   height: 7rem;
   background-color: white;
+  box-shadow: 1px 0px 8px black;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -785,7 +786,7 @@ header {
     display: flex;
     flex-direction: row;
     padding: 1rem;
-    padding-left: 3rem;
+    padding-left: 4%;
     align-items: start;
     color: black;
     font-weight: 800; }
@@ -794,6 +795,7 @@ header {
       height: 100%;
       align-items: center; }
       #header-top .region-header-top-left #block-logogouv img {
+        min-width: 80px;
         width: 70%;
         height: auto; }
     #header-top .region-header-top-left #block-logoeql {
@@ -801,9 +803,11 @@ header {
       height: 100%;
       align-items: center; }
       #header-top .region-header-top-left #block-logoeql img {
+        min-width: 80px;
         width: 80%;
         height: auto; }
     #header-top .region-header-top-left ul {
+      font-size: 1.2rem;
       list-style: none;
       display: flex;
       flex-direction: row;
@@ -858,7 +862,9 @@ header {
     #header-top #block-burger h2:after {
       display: block;
       margin: auto;
-      content: url('data:image/svg+xml,<svg width="100" height="70" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 20,10 H 80" stroke-linecap="round" stroke="white" stroke-width="4"/><path id="path930-3" d="M 20,25 H 80" stroke-linecap="round" stroke="white" stroke-width="4"/><path id="path930-6" d="M 20,40 H 80" stroke-linecap="round" stroke="white" stroke-width="4"/></svg>'); }
+      align-self: center;
+      height: 70px;
+      content: url('data:image/svg+xml,<svg width="100" height="70" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 30,13 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-3" d="M 30,25 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-6" d="M 30,37 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/></svg>'); }
     #header-top #block-burger #block-burger-menu {
       display: block;
       margin: 0;
@@ -888,6 +894,7 @@ header {
       display: block; }
 
 #fotter-bottom {
+  box-shadow: 1px 0px 8px black;
   display: flex;
   flex: 1 1 120px;
   flex-direction: row;

web/themes/custom/eql/images/pictos/forme_home.svg

@@ -0,0 +1,117 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="svg871"
+   xml:space="preserve"
+   width="1700.7874"
+   height="1322.8346"
+   viewBox="0 0 1700.7874 1322.8346"
+   sodipodi:docname="forme_home.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"><metadata
+     id="metadata877"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs875"><clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath893"><path
+         d="M 0,0 H 1263.5 V -982.96474 H 0 Z"
+         clip-rule="evenodd"
+         id="path891" /></clipPath><linearGradient
+       x1="0"
+       y1="0"
+       x2="393.55112"
+       y2="0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0000104,0,0,-1.0000104,1187.5312,848.11903)"
+       spreadMethod="pad"
+       id="linearGradient923"><stop
+         style="stop-opacity:1;stop-color:#4ca5e1"
+         offset="0"
+         id="stop919" /><stop
+         style="stop-opacity:1;stop-color:#f25152"
+         offset="1"
+         id="stop921" /></linearGradient><linearGradient
+       x1="0"
+       y1="0"
+       x2="493.23679"
+       y2="0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.99998925,0,0,-0.99998925,-103.89338,971.68058)"
+       spreadMethod="pad"
+       id="linearGradient943"><stop
+         style="stop-opacity:1;stop-color:#4ca5e1"
+         offset="0"
+         id="stop939" /><stop
+         style="stop-opacity:1;stop-color:#26448e"
+         offset="1"
+         id="stop941" /></linearGradient><linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient943"
+       id="linearGradient1728"
+       x1="-162.00925"
+       y1="623.79181"
+       x2="341.04544"
+       y2="623.79181"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(435.18428,-1001.4364)" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient923"
+       id="linearGradient1736"
+       x1="637.69739"
+       y1="456.5993"
+       x2="1028.988"
+       y2="456.5993"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-235.25704,-1066.2619)" /></defs><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1015"
+     id="namedview873"
+     showgrid="false"
+     inkscape:zoom="0.23118815"
+     inkscape:cx="-47.39632"
+     inkscape:cy="1343.2661"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g879" /><g
+     id="g879"
+     inkscape:groupmode="layer"
+     inkscape:label="forme_home"
+     transform="matrix(1.3333333,0,0,-1.3333333,0,1322.8346)"><rect
+       style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#26448e;stroke-width:11.25;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
+       id="rect1680"
+       width="693.87683"
+       height="693.87683"
+       x="-7.3518319"
+       y="-1212.7548"
+       transform="matrix(0.80548505,-0.5926161,-0.5926161,-0.80548505,0,0)" /><rect
+       style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient1736);stroke-width:11.25;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
+       id="rect1680-2"
+       width="380.04062"
+       height="380.04062"
+       x="408.06534"
+       y="-799.68292"
+       transform="matrix(0.97384906,-0.22719595,-0.22719595,-0.97384906,0,0)" /><rect
+       style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient1728);stroke-width:11.25;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
+       id="rect1680-2-9"
+       width="491.80469"
+       height="491.80469"
+       x="278.80002"
+       y="-623.547"
+       transform="matrix(0.92187643,0.38748399,0.38748399,-0.92187643,0,0)" /></g></svg>

web/themes/custom/eql/scss/pages/_home.scss

@@ -17,7 +17,8 @@
         .block-views-blockhome-nodes-block-1{
             grid-area: presentation;
             grid-row: 1;
-            background: url("../images/pictos/carre-contour-bleu_contact.svg");
+            background: url("../images/pictos/forme_home.svg");
+            background-size: 100vw;
             .node-type-static{
                 div:first-child{
                     display: grid;
@@ -42,7 +43,7 @@
                         grid-column: 2 /span 3;
                         grid-row: 2 / span 2;
                         font-size: 5rem;
-                        font-weight: 800;
+                        font-weight: 900;
                         color: $blue-light;
                         line-height: 6rem;
                         margin-bottom: 5rem;
@@ -155,6 +156,7 @@
                 }
             }
             .field--name-field-description{
+                margin-bottom: 1rem;
                 p{
                     margin-top: 0;
                     margin-bottom: 0;
@@ -165,12 +167,7 @@
                         font-weight: 800;
                         color: $white;
                         font-size: 1.3rem;
-                    } 
-                    &:after{
-                        display: block;
-                        content:url("../images/pictos/noun_Arrow_3771902.svg")
-    
-                    }   
+                    }  
                 }
             }
         }

web/themes/custom/eql/scss/partials/_footer.scss

@@ -2,6 +2,7 @@
 
 
 #fotter-bottom{
+    box-shadow: 1px 0px 8px $black;
     display: flex;
     flex: 1 1 120px;
     flex-direction: row;

web/themes/custom/eql/scss/partials/_header.scss

@@ -14,7 +14,7 @@ header{
 #header-top {
     height: 7rem;
     background-color: $white;
-    // box-shadow: 1px 0px 8px $black;
+    box-shadow: 1px 0px 8px $black;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
@@ -26,7 +26,7 @@ header{
         display:flex;
         flex-direction: row;
         padding: 1rem;
-        padding-left: 3rem;
+        padding-left: 4%;
         align-items:start;  
         color: $black;  
         font-weight: 800;
@@ -36,6 +36,7 @@ header{
             height: 100%;
             align-items: center;
             img{
+                min-width: 80px;
                 width: 70%;
                 height: auto;
             }
@@ -46,12 +47,14 @@ header{
             align-items: center;
 
             img{
+                min-width: 80px;
                 width: 80%;
                 height: auto;
             }
         }
 
         ul{
+            font-size: 1.2rem;
             list-style: none;
             display: flex;
             flex-direction: row;
@@ -132,8 +135,9 @@ header{
         h2:after{
             display: block;
             margin:auto;
-            // height: 60px;
-            content:url('data:image/svg+xml,<svg width="100" height="70" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 20,10 H 80" stroke-linecap="round" stroke="white" stroke-width="4"/><path id="path930-3" d="M 20,25 H 80" stroke-linecap="round" stroke="white" stroke-width="4"/><path id="path930-6" d="M 20,40 H 80" stroke-linecap="round" stroke="white" stroke-width="4"/></svg>');
+            align-self: center;
+            height: 70px;
+            content:url('data:image/svg+xml,<svg width="100" height="70" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 30,13 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-3" d="M 30,25 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-6" d="M 30,37 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/></svg>');
         }          
 
         #block-burger-menu{