bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fond home

Browse Source
This commit is contained in:
ouidade
2022-01-28 08:52:10 +01:00
parent 65f3ad0849
commit c643774767
4 changed files with 29 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+5 -2
View File
@@ -375,7 +375,7 @@ a {
min-height: 100vh; } min-height: 100vh; }
.path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 { .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 {
grid-area: presentation; grid-area: presentation;
background: url("../images/carre_site.mp4"); background: url("../images/pictos/forme_home_2.svg");
background-size: 75%; background-size: 75%;
background-position-y: bottom; background-position-y: bottom;
background-position-x: left; 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 { .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; 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>'); 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; } 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 { .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; } 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 { .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
+11 -8
View File
@@ -8,7 +8,7 @@ var burgertitle = document.getElementById("block-burger-menu");
burgertitle.addEventListener("click", toggleMenu); burgertitle.addEventListener("click", toggleMenu);
function toggleMenu(event) { function toggleMenu(event) {
console.log(event); // console.log(event);
burger.classList.toggle('opened'); burger.classList.toggle('opened');
} }
@@ -24,7 +24,7 @@ for (let i = 0; i < questions.length; i++) {
question.addEventListener("click", toggleFaq); question.addEventListener("click", toggleFaq);
} }
function toggleFaq(event) { function toggleFaq(event) {
console.log(event, this); // console.log(event, this);
// fermé tout // fermé tout
for (let i = 0; i < answers.length; i++) { for (let i = 0; i < answers.length; i++) {
answers[i].classList.remove('opened'); answers[i].classList.remove('opened');
@@ -48,7 +48,7 @@ for (let i = 0; i < questions.length; i++) {
question.addEventListener("click", toggleFaqFichiers); question.addEventListener("click", toggleFaqFichiers);
} }
function toggleFaqFichiers(event) { function toggleFaqFichiers(event) {
console.log(event, this); // console.log(event, this);
for (let i = 0; i < fichiers.length; i++) { for (let i = 0; i < fichiers.length; i++) {
fichiers[i].classList.remove('opened'); fichiers[i].classList.remove('opened');
} }
@@ -58,7 +58,7 @@ fichier.classList.add('opened');
} }
////// ////////////////////////
var liens = document.getElementsByClassName("field--name-field-liens"); var liens = document.getElementsByClassName("field--name-field-liens");
var questions = document.getElementsByClassName("field--name-field-question"); var questions = document.getElementsByClassName("field--name-field-question");
@@ -67,7 +67,7 @@ for (let i = 0; i < questions.length; i++) {
question.addEventListener("click", toggleFaqLiens); question.addEventListener("click", toggleFaqLiens);
} }
function toggleFaqLiens(event) { function toggleFaqLiens(event) {
console.log(event, this); // console.log(event, this);
for (let i = 0; i < liens.length; i++) { for (let i = 0; i < liens.length; i++) {
liens[i].classList.remove('opened'); liens[i].classList.remove('opened');
} }
@@ -76,6 +76,7 @@ let lien = this.parentNode.querySelector('.field--name-field-liens');
lien.classList.add('opened'); lien.classList.add('opened');
} }
//////////////////////
var ressources = document.getElementsByClassName("field--name-field-ress"); var ressources = document.getElementsByClassName("field--name-field-ress");
var questions = document.getElementsByClassName("field--name-field-question"); var questions = document.getElementsByClassName("field--name-field-question");
@@ -84,7 +85,7 @@ for (let i = 0; i < questions.length; i++) {
question.addEventListener("click", toggleFaqRessources); question.addEventListener("click", toggleFaqRessources);
} }
function toggleFaqRessources(event) { function toggleFaqRessources(event) {
console.log(event, this); // console.log(event, this);
for (let i = 0; i < resources.length; i++) { for (let i = 0; i < resources.length; i++) {
ressources[i].classList.remove('opened'); ressources[i].classList.remove('opened');
} }
@@ -94,12 +95,14 @@ ressource.classList.add('opened');
} }
/////////////////////////////// ///////////////////////////////
////////////////////////////////
// fleche qui tourne faq // fleche qui tourne faq
// var questions = document.getElementsByClassName("field--name-field-question"); // var questions = document.getElementsByClassName("field--name-field-question");
// var paragraph = document.querySelector('.field--name-field-question p') // var paragraph = document.querySelector('.field--name-field-question p::after');
// console.log(element) // console.log(paragraph)
// var styles = window.getComputedStyle(element,':after') // var styles = window.getComputedStyle(element,':after')
// console.log(styles)
// var content = styles['content'] // var content = styles['content']
// console.log(content) // console.log(content)
web/themes/custom/eql/scss/pages/_faq.scss
+11 -2
View File
@@ -138,11 +138,20 @@
&:after{ &:after{
display:inline-flex; 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>'); 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; 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{ .field--name-field-reponse{
web/themes/custom/eql/scss/pages/_home.scss
+2 -2
View File
@@ -20,8 +20,8 @@
.block-views-blockhome-nodes-block-1{ .block-views-blockhome-nodes-block-1{
grid-area: presentation; grid-area: presentation;
// grid-row: 1; // grid-row: 1;
// background: url("../images/pictos/forme_home_2.svg"); background: url("../images/pictos/forme_home_2.svg");
background: url("../images/carre_site.mp4"); // background: url("../images/carre_site.mp4");
background-size: 75%; background-size: 75%;
background-position-y: bottom; background-position-y: bottom;
background-position-x: left; background-position-x: left;