background home

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

@@ -265,8 +265,11 @@ a {
   .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 {
     grid-area: presentation;
     grid-row: 1;
-    background: url("../images/pictos/forme_home.svg");
-    background-size: 100vw; }
+    background: url("../images/pictos/forme_home_2.svg");
+    background-size: 75%;
+    background-position-y: bottom;
+    background-position-x: left;
+    background-repeat: no-repeat; }
     .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;
@@ -277,24 +280,30 @@ a {
         grid-column: 2 /span 3;
         grid-row: 2 / span 2;
         font-size: 5rem;
+        text-decoration: underline;
         font-weight: 900;
         color: #009ee3;
         line-height: 6rem;
+        margin-top: 6rem;
         margin-bottom: 5rem;
         width: fit-content; }
         .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche p {
+          display: inline-block;
+          margin: 0px auto 0px auto;
           background-color: white; }
       .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title {
         grid-column: 4;
-        grid-row: 1;
-        margin-top: 2rem; }
-        .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title h2 a {
-          color: #e1000f;
-          font-weight: 900;
-          text-transform: uppercase;
-          display: table;
-          margin: 0px auto 0px auto;
+        grid-row: 2;
+        margin-top: 4rem; }
+        .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title h2 {
           background-color: white; }
+          .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title h2 a {
+            color: #e1000f;
+            font-weight: 900;
+            text-transform: uppercase;
+            font-family: "Source Code Pro";
+            display: table;
+            margin: 0px auto 0px auto; }
       .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline {
         grid-column: 2;
         grid-row: 4;

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

@@ -0,0 +1,123 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   version="1.1"
+   id="svg871"
+   xml:space="preserve"
+   width="1695.3451"
+   height="1022.6142"
+   viewBox="0 0 1695.3451 1022.6142"
+   sodipodi:docname="forme_home_2.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"><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" /></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.32694942"
+     inkscape:cx="856.40158"
+     inkscape:cy="1124.0271"
+     inkscape:window-x="0"
+     inkscape:window-y="36"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g879"
+     inkscape:document-rotation="0"
+     inkscape:pagecheckerboard="0"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" /><g
+     id="g879"
+     inkscape:groupmode="layer"
+     inkscape:label="forme_home"
+     transform="matrix(1.3333333,0,0,-1.3333333,-10.719379,1318.7682)"><path
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:11.25;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers fill stroke;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000"
+       d="M 541.20254,-272.12823 1100.1099,-683.33083 688.90735,-1242.2383 129.99993,-831.03569 Z"
+       id="path910" /><path
+       id="path912"
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#26448e;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.33333;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers fill stroke;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000"
+       d="M 948.77148,4.0664062 944.32617,10.107422 391.61328,761.35742 748.20312,1023.709 h 25.3125 L 412.58594,758.16406 951.96484,25.037109 1685.0918,564.41992 1347.1816,1023.709 h 18.6211 l 340.2618,-462.48244 z"
+       transform="matrix(0.75000002,0,0,-0.75000002,0,992.12597)" /><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

@@ -1,4 +1,5 @@
 .path-frontpage{
+
     .block-region-content{
         display: grid;
         grid-template-areas: "presentation presentation presentation presentation presentation presentation" 
@@ -16,8 +17,11 @@
         .block-views-blockhome-nodes-block-1{
             grid-area: presentation;
             grid-row: 1;
-            background: url("../images/pictos/forme_home.svg");
-            background-size: 100vw;
+            background: url("../images/pictos/forme_home_2.svg");
+            background-size: 75%;
+            background-position-y: bottom;
+            background-position-x: left;
+            background-repeat: no-repeat;
             .node-type-static{
                 div:first-child{
                     display: grid;
@@ -31,30 +35,38 @@
                         grid-column: 2 /span 3;
                         grid-row: 2 / span 2;
                         font-size: 5rem;
+                        text-decoration: underline;
+                        // background-color: $white;
                         font-weight: 900;
                         color: $blue-light;
                         line-height: 6rem;
+                        margin-top: 6rem;
                         margin-bottom: 5rem;
                         width: fit-content;
                         p{
-                                // display: table;
-                                // margin: 0px auto 0px auto;
+                            display: inline-block;
+                            margin: 0px auto 0px auto;
                             background-color: $white;
+                        
                         }
                     }
                     .field--name-title{
                         grid-column: 4;
-                        grid-row: 1;
-                        margin-top: 2rem;
+                        grid-row: 2;
+                        margin-top: 4rem;
         
                         h2{ 
+                            
+                            background-color: $white;
                             a{
                                 color: #e1000f;
                                 font-weight: 900;
                                 text-transform: uppercase;
+                                font-family: "Source Code Pro";
                                 display: table;
                                 margin: 0px auto 0px auto;
-                                background-color: $white;
+                                
+                                // background-color: $white;
                             }
                         }
                     }