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; }
.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
+11 -8
View File
@@ -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
+11 -2
View File
@@ -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
+2 -2
View File
@@ -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;