&after block atcu home

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

@@ -223,7 +223,8 @@ a {
   .block-views-blockactus-blocks-pages-block-1 .view-content {
     display: grid;
     grid-template-columns: 1fr repeat(4, 2fr) 1fr;
-    margin: auto; }
+    margin: auto;
+    padding-top: 2rem; }
     .block-views-blockactus-blocks-pages-block-1 .view-content .views-row:nth-of-type(1) {
       grid-column: 2; }
     .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite {
@@ -242,6 +243,9 @@ a {
       .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .field--name-field-images .field__item img {
         width: 50%;
         height: fit-content; }
+      .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .field--name-field-images::after {
+        display: block;
+        content: url('data:image/svg+xml,<svg width="160" height="40" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="white" stroke-width="5"/></svg>'); }
       .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .field:not(.field--name-field-images) {
         width: 100%; }
       .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite h2 {
@@ -295,6 +299,9 @@ a {
         text-transform: uppercase;
         font-weight: 700;
         color: #009ee3; }
+        .view-display-id-block_2 .node-type-static .inline.links a:after {
+          display: block;
+          width: 40px; }
     .view-display-id-block_2 .node-type-static .field--name-field-images .field__item img {
       width: 15rem;
       height: auto; }
@@ -337,22 +344,27 @@ a {
 .path-actualites {
   background-color: rgba(0, 158, 227, 0.2);
   margin: 0; }
-
-.node-type-actualite {
-  color: #09398b;
-  line-height: 1.5rem;
-  padding: 0.5rem; }
-  .node-type-actualite div:first-child {
-    display: flex;
-    flex-direction: column; }
-    .node-type-actualite div:first-child :nth-child(1) {
-      order: 1; }
-    .node-type-actualite div:first-child :nth-child(4) {
-      order: 2; }
-    .node-type-actualite div:first-child :nth-child(5) {
-      order: 3; }
-    .node-type-actualite div:first-child a {
-      color: #09398b; }
+  .path-actualites .block-region-content {
+    display: grid;
+    grid-template-columns: 1fr repeat(4, 2fr) 1fr;
+    margin: auto; }
+    .path-actualites .block-region-content .block-views:nth-of-type(1) {
+      grid-column: 2; }
+    .path-actualites .block-region-content .block-views .node-type-actualite {
+      color: #09398b;
+      line-height: 1.5rem;
+      padding: 0.5rem; }
+      .path-actualites .block-region-content .block-views .node-type-actualite div:first-child {
+        display: flex;
+        flex-direction: column; }
+        .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(1) {
+          order: 1; }
+        .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(4) {
+          order: 2; }
+        .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(5) {
+          order: 3; }
+        .path-actualites .block-region-content .block-views .node-type-actualite div:first-child a {
+          color: #09398b; }
 
 /*partials*/
 .layout-container {
@@ -423,11 +435,8 @@ header {
     #header-top #block-burger h2:after {
       display: block;
       height: 60px;
-      font-family: 'Font Awesome';
-      content: "\f0c9";
-      font-weight: 100;
-      font-size: 5rem;
-      height: 6rem; }
+      content: url('data:image/svg+xml,<svg width="160" height="140" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="20" x2="95" y1="20" y2="20" stroke-linecap="round" stroke="white" stroke-width="7"/></svg>');
+      content: url('data:image/svg+xml,<svg width="160" height="140" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="20" x2="95" y1="50" y2="50" stroke-linecap="round" stroke="white" stroke-width="7"/></svg>'); }
     #header-top #block-burger #block-burger-menu {
       display: block;
       margin: 0;

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

@@ -1,24 +1,28 @@
 <?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    version="1.1"
    x="0px"
    y="0px"
-   viewBox="0 0 100 125"
-   style="enable-background:new 0 0 100 100;"
+   viewBox="0 0 52 33"
    xml:space="preserve"
    id="svg8"
    sodipodi:docname="noun_Arrow_3771902.svg"
-   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"><metadata
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   width="52"
+   height="33"
+   inkscape:export-filename="/home/ouidade/Sites/EQL/docker-eql/src_d9/web/themes/custom/eql/images/pictos/noun_Arrow_3771902.png"
+   inkscape:export-xdpi="300"
+   inkscape:export-ydpi="300"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   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="metadata14"><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
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
      id="defs12" /><sodipodi:namedview
      pagecolor="#ffffff"
      bordercolor="#666666"
@@ -33,11 +37,17 @@
      id="namedview10"
      showgrid="false"
      inkscape:zoom="6.92"
-     inkscape:cx="50"
-     inkscape:cy="62.5"
+     inkscape:cx="20.953757"
+     inkscape:cy="38.222543"
      inkscape:window-x="0"
-     inkscape:window-y="0"
+     inkscape:window-y="36"
      inkscape:window-maximized="1"
-     inkscape:current-layer="svg8" /><polygon
-     points="58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2 71.9,49 24.3,49 24.3,51 71.9,51 "
-     id="polygon2" /></svg>
+     inkscape:current-layer="svg8"
+     inkscape:pagecheckerboard="0"
+     width="99px" /><polygon
+     points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2 "
+     id="polygon2"
+     inkscape:export-filename="/home/ouidade/Sites/EQL/docker-eql/src_d9/web/themes/custom/eql/images/pictos/polygon2.png"
+     inkscape:export-xdpi="300"
+     inkscape:export-ydpi="300"
+     transform="translate(-23.815852,-33.316918)" /></svg>

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

@@ -1,30 +1,55 @@
 
-// .block-region-content{
-//     background-color: $background-actus; // ça va pas, donne la couleur dans home
-
-// }
-
 
 
 .path-actualites{
     background-color: $background-actus;
     margin: 0;
+    .block-region-content{
+        
+        display: grid;
+        grid-template-columns: 1fr repeat(4, 2fr) 1fr;
+        margin: auto;
+        .block-views:nth-of-type(1){
+            grid-column: 2;
+        }
+        .block-views{
+
+            .node-type-actualite{
+                
+                color: $blue-dark;
+                line-height: 1.5rem;
+                padding: 0.5rem;
+                div:first-child{                
+                    display: flex;
+                    flex-direction: column;
+            
+                    :nth-child(1) { order: 1; } 
+                    :nth-child(4) { order: 2; }  
+                    :nth-child(5) { order: 3; }    
+                    a{
+                        color: $blue-dark;
+                    }        
+                }
+            }
+        }
+
+    }
 }
 
-.node-type-actualite{
+// .node-type-actualite{
     
-    color: $blue-dark;
-    line-height: 1.5rem;
-    padding: 0.5rem;
-    div:first-child{                
-        display: flex;
-        flex-direction: column;
+//     color: $blue-dark;
+//     line-height: 1.5rem;
+//     padding: 0.5rem;
+//     div:first-child{                
+//         display: flex;
+//         flex-direction: column;
 
-        :nth-child(1) { order: 1; } 
-        :nth-child(4) { order: 2; }  
-        :nth-child(5) { order: 3; }    
-        a{
-            color: $blue-dark;
-        }        
-    }
-}
+//         :nth-child(1) { order: 1; } 
+//         :nth-child(4) { order: 2; }  
+//         :nth-child(5) { order: 3; }    
+//         a{
+//             color: $blue-dark;
+//         }        
+//     }
+// }

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

@@ -33,33 +33,20 @@
 
 
     .view-content{
-        // display: flex;
-        // flex-direction: row;
+
         display: grid;
         grid-template-columns: 1fr repeat(4, 2fr) 1fr;
-        // grid-template-areas: "margin-left actu1 actu2 actu3 actu4 margin-right";
-        // justify-content: space-between;
-        // padding-left: 8rem;
-        // padding-right: 4rem;
         margin: auto;
+        padding-top: 2rem;
         .views-row:nth-of-type(1) { grid-column: 2; }
-        // {
-            // width: 25%;
-            // :nth-of-type(1) { grid-column: 2; } // marche pas, la première actu se mets dans la 1re colu
-            // :nth-of-type(2) { grid-area: actu2; }
-            // :nth-of-type(3) { grid-area: actu3; }
-            // :nth-of-type(4) { grid-area: actu4; }
-        // }
-        .node-type-actualite{
 
-            // grid-column: 2 / span 5;
+        .node-type-actualite{
             color: $white;
             line-height: 1.5rem;
             padding: 0.5rem;
             div:first-child{                // block actu dans le bandeau
                 display: flex;
                 flex-direction: column;
-
                 :nth-child(1) { order: 1; } 
                 :nth-child(4) { order: 2; }  
                 :nth-child(5) { order: 3; }            
@@ -68,9 +55,10 @@
                 .field__item img{  
                     width: 50%; 
                     height: fit-content;  
-                    // &::after{ 
-                    //     content:"line";
-                    // }
+                }
+                &::after{ 
+                    display: block;
+                    content:url('data:image/svg+xml,<svg width="160" height="40" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="white" stroke-width="5"/></svg>');
                 }
             }
             .field:not(.field--name-field-images){
@@ -161,9 +149,19 @@
                 text-transform: uppercase;
                 font-weight: 700;
                 color: $blue-light;
-                // &::after{
-                //     content: url('../../images/pictos/noun_Arrow_3771902.svg');   
-                // }
+                &:after{
+                    display: block;
+                    // content: url("../images/pictos/noun_Arrow_3771902.svg");
+                    width: 40px;
+                    // background-image: ;
+                    
+                    // content: url("data:image/svg+xml; utf8, <svg version="1.1" x="0px" y="0px" viewBox="0 0 52 33" points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2 "
+                    // transform="translate(-23.815852,-33.316918)"/></svg>");
+                    // // display:block;
+                    // width:22px;
+                    // height:10px;
+                    // margin:10px 5px 0 10px;
+                }
             }
         }
         .field--name-field-images{