background home

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

@@ -269,6 +269,9 @@ a {
     .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images img {
       height: auto; }
 
+.block-views-blockhome-nodes-block-1 .field--name-field-accroche {
+  display: none; }
+
 .block-views-blockhome-nodes-block-1 .field--name-title {
   grid-column: 2; }
   .block-views-blockhome-nodes-block-1 .field--name-title h2 {
@@ -378,8 +381,10 @@ a {
 
 .view-display-id-block_2:is(.view-id-home_nodes) {
   padding-top: 2rem;
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" version="1.1"><rect x="0" y="0" width="80" height="80" transform="rotate(35) translate(430, -800) scale(15)" fill="none" stroke="rgb(0,158,227)" stroke-width="0.4px"/></svg>');
-  background-repeat: no-repeat; }
+  background: url("../images/pictos/carre-contour-bleu.svg");
+  background-repeat: no-repeat;
+  max-width: 100vw;
+  background-size: cover; }
   .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static {
     width: 70%;
     margin: auto; }

web/themes/custom/eql/images/pictos/carre-contour-bleu.svg

@@ -24,8 +24,8 @@
      inkscape:document-units="mm"
      showgrid="false"
      inkscape:zoom="0.56123737"
-     inkscape:cx="1027.1946"
-     inkscape:cy="888.21597"
+     inkscape:cx="777.74579"
+     inkscape:cy="558.58718"
      inkscape:window-width="1920"
      inkscape:window-height="1015"
      inkscape:window-x="0"
@@ -45,12 +45,12 @@
      id="layer1"
      transform="translate(101.77008,91.729773)">
     <rect
-       style="fill:none;stroke:#009ee3;stroke-width:1;stroke-miterlimit:10"
+       style="fill:none;stroke:#009ee3;stroke-width:0.923256;stroke-miterlimit:10"
        id="rect846"
-       width="301.27219"
-       height="301.27219"
-       x="6.5422697"
-       y="-115.71222"
-       transform="rotate(35)" />
+       width="278.15143"
+       height="278.15143"
+       x="-41.242222"
+       y="-216.25394"
+       transform="rotate(37.400703)" />
   </g>
 </svg>

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

@@ -36,7 +36,9 @@
 
         }
     }
-
+    .field--name-field-accroche{
+        display: none;
+    }
     .field--name-title{
         grid-column: 2;
         h2{ 
@@ -185,9 +187,12 @@
 
 .view-display-id-block_2:is(.view-id-home_nodes){
     padding-top: 2rem;
-    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" version="1.1"><rect x="0" y="0" width="80" height="80" transform="rotate(35) translate(430, -800) scale(15)" fill="none" stroke="rgb(0,158,227)" stroke-width="0.4px"/></svg>');
+    // background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"  version="1.1"><rect x="0" y="0" width="80" height="80" transform="rotate(35) translate(430, -800) scale(15)" fill="none" stroke="rgb(0,158,227)" stroke-width="0.4px"/></svg>');
+    background: url('../images/pictos/carre-contour-bleu.svg');
+    // background-position-y: 50%;
     background-repeat: no-repeat;
-    
+    max-width: 100vw;
+    background-size: cover;
 
     
     .node-type-static{