bachir/drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css live

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2025-03-02 11:55:32 +01:00
parent 4fff17098f
commit 09a1e18f16
7 changed files with 183 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/themes/custom/quartiers_de_demain/src/assets/js/animated_formes.js
View File

@@ -1,6 +1,6 @@
document.addEventListener('scroll', function() {
const scrolled = window.pageYOffset;
const background = document.getElementById('background-animated');
const background = document.getElementById('background-animated-live');
if (background) {
// Adjust this value to control the speed of the parallax effect
const parallaxSpeed = 0.5;

15
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
View File

@@ -697,6 +697,21 @@
// display: none;
}
#live-youtube{
width: 60%;
margin: auto;
margin-left: 14rem;
h2{
text-align: center;
font-size: 1.5rem;
font-family: "gilroy-semibold";
}
.field_field_descritpion{
margin-bottom: 2rem;
}
}
}

58
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss
View File

@@ -1,23 +1,44 @@
#home{
/////////////////start à remettre après fin live ///////////////
// #background-animated {
// // display: none;
// position: absolute;
// top: 1500px;
// left: 200px;
// width: 90%;
// // height: 100%;
// pointer-events: none; /* Permet de cliquer à travers l'élément */
// z-index: 2; /* S'assure que l'élément soit au-dessus */
// @media(max-width: 1400px){
// display: none;
// }
// svg{
// max-width: 100%;
// position: relative;
// top: -1500px;
// }
// }
#background-animated {
// display: none;
position: absolute;
top: 1500px;
left: 200px;
width: 90%;
// height: 100%;
pointer-events: none; /* Permet de cliquer à travers l'élément */
z-index: 2; /* S'assure que l'élément soit au-dessus */
@media(max-width: 1400px){
display: none;
}
svg{
max-width: 100%;
position: relative;
top: -1500px;
////////////////////////// end à remettre après fin live///////////
#background-animated-live {
// display: none;
position: absolute;
top: 1500px;
left: 200px;
width: 90%;
// height: 100%;
pointer-events: none; /* Permet de cliquer à travers l'élément */
z-index: 2; /* S'assure que l'élément soit au-dessus */
@media(max-width: 1400px){
display: none;
}
svg{
max-width: 100%;
position: relative;
top: -1500px;
}
}
// .not-visible{
// @media (max-width:1100px) {
// display: none;
@@ -32,4 +53,7 @@
.layout-container.home {
position: relative;
}
}
}