Merge branch 'master' of gogs-figureslibres.io:bachir/d9-eql

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

@@ -298,6 +298,11 @@ a {
     .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images img {
       width: 100vw;
       height: auto; }
+  .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche {
+    grid-column: 3 /span 3;
+    grid-row: 1 / span 3;
+    font-size: 6rem;
+    font-weight: 800; }
   .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title {
     grid-column: 2;
     grid-row: 1; }
@@ -794,7 +799,8 @@ header {
     #header-top .region-header-top-left ul {
       list-style: none;
       display: flex;
-      flex-direction: row; }
+      flex-direction: row;
+      width: 100%; }
       #header-top .region-header-top-left ul :is(.sous-liste) {
         display: flex;
         flex-direction: column;
@@ -807,15 +813,25 @@ header {
         color: #009ee3; }
       #header-top .region-header-top-left ul li :hover {
         color: #009ee3; }
-    #header-top .region-header-top-left ul:is(.ul1 .sous-liste .ul2) {
+    #header-top .region-header-top-left ul div:first-child li div {
       display: none; }
-    #header-top .region-header-top-left :hover ul:is(.ul1 .sous-liste .ul2) {
+    #header-top .region-header-top-left ul div:nth-child(2) li div {
+      display: none; }
+    #header-top .region-header-top-left :hover ul div:first-child li div {
+      display: block;
+      background-color: white;
+      padding: 1rem; }
+      #header-top .region-header-top-left :hover ul div:first-child li div a {
+        color: black; }
+        #header-top .region-header-top-left :hover ul div:first-child li div a:hover {
+          color: #009ee3; }
+    #header-top .region-header-top-left :hover ul div:nth-child(2) li div {
       display: block;
       background-color: white;
       padding: 1rem; }
-      #header-top .region-header-top-left :hover ul:is(.ul1 .sous-liste .ul2) a {
+      #header-top .region-header-top-left :hover ul div:nth-child(2) li div a {
         color: black; }
-        #header-top .region-header-top-left :hover ul:is(.ul1 .sous-liste .ul2) a:hover {
+        #header-top .region-header-top-left :hover ul div:nth-child(2) li div a:hover {
           color: #009ee3; }
   #header-top #block-burger {
     z-index: 1;

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

@@ -1,19 +1,19 @@
 <?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"
    width="210mm"
    height="297mm"
    viewBox="0 0 210 297"
    version="1.1"
    id="svg868"
-   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
-   sodipodi:docname="picto_faq.svg">
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   sodipodi:docname="picto_faq.svg"
+   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/">
   <defs
      id="defs862" />
   <sodipodi:namedview
@@ -24,17 +24,18 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="0.35"
-     inkscape:cx="400"
-     inkscape:cy="560"
+     inkscape:cx="401.42857"
+     inkscape:cy="561.42857"
      inkscape:document-units="mm"
-     inkscape:current-layer="layer1"
+     inkscape:current-layer="g1447"
      inkscape:document-rotation="0"
      showgrid="false"
      inkscape:window-width="1920"
      inkscape:window-height="1015"
      inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1" />
+     inkscape:window-y="36"
+     inkscape:window-maximized="1"
+     inkscape:pagecheckerboard="0" />
   <metadata
      id="metadata865">
     <rdf:RDF>
@@ -43,7 +44,6 @@
         <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>
@@ -55,11 +55,11 @@
        id="g1447">
       <path
          id="path832"
-         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:3.25437;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;paint-order:markers fill stroke;stop-color:#000000"
+         style="fill:none;fill-rule:evenodd;stroke:#fff;stroke-width:3.25437;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;paint-order:markers fill stroke;stop-color:#000000"
          d="M 171.03432,141.87648 A 61.463213,61.463213 0 0 1 109.57111,203.33971 61.463213,61.463213 0 0 1 48.107895,141.87648 61.463213,61.463213 0 0 1 109.57111,80.413272 61.463213,61.463213 0 0 1 171.03432,141.87648 Z" />
       <path
          d="m 103.23466,157.97877 h 7.1952 l 0.54509,-9.81162 c 14.60843,-2.50742 24.96515,-10.79279 24.96515,-24.20202 0,-12.86414 -10.46574,-22.23969 -23.54791,-22.23969 -11.22887,0 -18.642098,5.01483 -24.311043,13.08217 l 8.067345,5.01483 c 4.578758,-6.32305 9.157518,-9.48457 15.916638,-9.48457 7.95832,0 13.8453,5.88697 13.8453,13.73628 0,10.35672 -8.39439,15.58959 -23.76595,17.33388 z m 3.70662,23.43891 c 3.81563,0 6.97716,-3.16153 6.97716,-6.97717 0,-3.70663 -3.16153,-6.86813 -6.97716,-6.86813 -3.81564,0 -6.977158,3.1615 -6.977158,6.86813 0,3.81564 3.161518,6.97717 6.977158,6.97717 z"
-         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:412.037px;line-height:1.25;font-family:Marianne;-inkscape-font-specification:Marianne;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:412.037px;line-height:1.25;font-family:Marianne;-inkscape-font-specification:Marianne;letter-spacing:0px;word-spacing:0px;fill:#fff;fill-opacity:1;stroke:none;stroke-width:0.264583"
          id="path845" />
     </g>
   </g>

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

@@ -44,7 +44,10 @@
                 }
             }
             .field--name-field-accroche{
-                // display: none;
+                grid-column: 3 /span 3;
+                grid-row: 1 / span 3;
+                font-size: 6rem;
+                font-weight: 800;
             }
             .field--name-title{
                 grid-column: 2;

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

@@ -55,6 +55,7 @@ header{
             list-style: none;
             display: flex;
             flex-direction: row;
+            width: 100%;
             :is(.sous-liste){
                 display: flex;
                 flex-direction: column;
@@ -64,7 +65,6 @@ header{
                 padding-right: 2rem;
             }
             li{
-
                 a {
                     color: $black;
                 }
@@ -76,11 +76,17 @@ header{
                 }
             }
         }
-        ul:is(.ul1 .sous-liste .ul2){
+        ul div:first-child li div{
+            display: none;
+        }
+        ul div:nth-child(2) li div{
             display: none;
         }
-        :hover {
-            ul:is(.ul1 .sous-liste .ul2){
+        // ul:is(.ul1 .sous-liste .ul2){
+        //     display: none;
+        // }
+        :hover  ul div:first-child{
+            li div{
                 display: block;
                 background-color: $white;
                 padding: 1rem;
@@ -91,7 +97,20 @@ header{
                     }  
                 }
             }
-        }
+        }    
+            :hover ul div:nth-child(2){
+                li div{
+                    display: block;
+                    background-color: $white;
+                    padding: 1rem;
+                    a{
+                        color: $black;
+                        &:hover{
+                            color: $blue-light;
+                        }  
+                    }
+                }
+            }
     } 
 
     #block-burger {              // menu burger à droite