fond home

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

@@ -375,7 +375,7 @@ a {
   min-height: 100vh; }
   .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 {
     grid-area: presentation;
-    background: url("../images/carre_site.mp4");
+    background: url("../images/pictos/forme_home_2.svg");
     background-size: 75%;
     background-position-y: bottom;
     background-position-x: left;
@@ -1353,8 +1353,11 @@ a {
             .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-question p:after {
               display: inline-flex;
               content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline 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="scale(0.5) translate(0,-25)"  rotate="-45" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
-              justify-self: flex-end;
               float: right; }
+          .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-question :hover:after {
+            display: inline-flex;
+            content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline 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="scale(0.5) translate(0,-25)"  rotate="-45" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
+            float: right; }
         .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-reponse {
           display: none; }
         .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers {

web/themes/custom/eql/scripts/main.js

@@ -8,7 +8,7 @@ var burgertitle = document.getElementById("block-burger-menu");
 burgertitle.addEventListener("click", toggleMenu);
 
 function toggleMenu(event) {
-  console.log(event);
+  // console.log(event);
   burger.classList.toggle('opened');
 }
 
@@ -24,7 +24,7 @@ for (let i = 0; i < questions.length; i++) {
   question.addEventListener("click", toggleFaq);
 }
 function toggleFaq(event) {
-  console.log(event, this);
+  // console.log(event, this);
   // fermé tout
   for (let i = 0; i < answers.length; i++) {
     answers[i].classList.remove('opened');  
@@ -48,7 +48,7 @@ for (let i = 0; i < questions.length; i++) {
   question.addEventListener("click", toggleFaqFichiers);
 }
 function toggleFaqFichiers(event) {
-  console.log(event, this);
+  // console.log(event, this);
 for (let i = 0; i < fichiers.length; i++) {
   fichiers[i].classList.remove('opened');  
 }
@@ -58,7 +58,7 @@ fichier.classList.add('opened');
 }
 
 
-//////
+////////////////////////
 var liens = document.getElementsByClassName("field--name-field-liens");
 var questions = document.getElementsByClassName("field--name-field-question");
 
@@ -67,7 +67,7 @@ for (let i = 0; i < questions.length; i++) {
   question.addEventListener("click", toggleFaqLiens);
 }
 function toggleFaqLiens(event) {
-  console.log(event, this);
+  // console.log(event, this);
 for (let i = 0; i < liens.length; i++) {
   liens[i].classList.remove('opened');  
 }
@@ -76,6 +76,7 @@ let lien = this.parentNode.querySelector('.field--name-field-liens');
 lien.classList.add('opened');
 }
 
+//////////////////////
 var ressources = document.getElementsByClassName("field--name-field-ress");
 var questions = document.getElementsByClassName("field--name-field-question");
 
@@ -84,7 +85,7 @@ for (let i = 0; i < questions.length; i++) {
   question.addEventListener("click", toggleFaqRessources);
 }
 function toggleFaqRessources(event) {
-  console.log(event, this);
+  // console.log(event, this);
 for (let i = 0; i < resources.length; i++) {
   ressources[i].classList.remove('opened');  
 }
@@ -94,12 +95,14 @@ ressource.classList.add('opened');
 }
 
 ///////////////////////////////
+////////////////////////////////
 // fleche qui tourne faq
 
 // var questions = document.getElementsByClassName("field--name-field-question");
-// var paragraph = document.querySelector('.field--name-field-question p')
-// console.log(element)
+// var paragraph = document.querySelector('.field--name-field-question p::after');
+// console.log(paragraph)
 // var styles = window.getComputedStyle(element,':after')
+// console.log(styles)
 // var content = styles['content']
 // console.log(content)
 

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

@@ -138,11 +138,20 @@
                                 &:after{
                                     display:inline-flex;
                                     content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline 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="scale(0.5) translate(0,-25)"  rotate="-45" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
-                                    justify-self: flex-end;
+                                    // justify-self: flex-end;
                                     float: right;
                                 }
                             }
-                           
+                            :hover {
+                                &:after{
+                                    display:inline-flex;
+                                    content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline 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="scale(0.5) translate(0,-25)"  rotate="-45" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
+                                    // justify-self: flex-end;
+                                    float: right;
+                                    
+                                }
+
+                            }
                         }
                 
                         .field--name-field-reponse{

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

@@ -20,8 +20,8 @@
         .block-views-blockhome-nodes-block-1{
             grid-area: presentation;
             // grid-row: 1;
-            // background: url("../images/pictos/forme_home_2.svg");
-             background: url("../images/carre_site.mp4");
+            background: url("../images/pictos/forme_home_2.svg");
+            //  background: url("../images/carre_site.mp4");
             background-size: 75%;
             background-position-y: bottom;
             background-position-x: left;