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/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;
                             }
                         }
                     }