From e5617ee03f879fe5e238568f2e1495f4cde9ded6 Mon Sep 17 00:00:00 2001 From: ouidade Date: Fri, 19 Jul 2024 14:02:54 +0200 Subject: [PATCH] top background --- .../dist/assets/css/bundle.css | 22 +++++++++++-------- .../src/assets/scss/pages/home.scss | 5 ++++- .../scss/partials/animation-pilliers.scss | 16 +++++++------- .../assets/scss/partials/formes-animees.scss | 1 + 4 files changed, 26 insertions(+), 18 deletions(-) diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css index a7c073f..48f5065 100644 --- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css +++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css @@ -1518,6 +1518,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h } #home #background-animated { + display: none; position: absolute; top: -150px; left: 0; @@ -1556,32 +1557,32 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h #home .visible svg #pillier-1-path365 { stroke-dasharray: 1000; /* Longueur totale du chemin */ stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */ - animation: Appear 1s 0.2s forwards, fillAnimation 2s 0.2s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */ + animation: Appear 1s 0s forwards, fillAnimation 2s 0s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */ } #home .visible p:nth-of-type(1) { - animation: Appear 1s 1s forwards; + animation: Appear 1s 0.5s forwards; } #home .visible h5:nth-of-type(2) { - animation: Appear 1s 2s forwards; + animation: Appear 1s 1.2s forwards; } #home .visible svg #pillier-2-path367 { stroke-dasharray: 1000; /* Longueur totale du chemin */ stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */ - animation: Appear 1s 2.2s forwards, fillAnimation 2s 2.2s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */ + animation: Appear 1s 1.5s forwards, fillAnimation 2s 1.5s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */ } #home .visible p:nth-of-type(2) { - animation: Appear 1s 3s forwards; + animation: Appear 1s 2s forwards; } #home .visible h5:nth-of-type(3) { - animation: Appear 1s 4s forwards; + animation: Appear 1s 2.2s forwards; } #home .visible svg #pillier-3-path369 { stroke-dasharray: 1000; /* Longueur totale du chemin */ stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */ - animation: Appear 1s 4.2s forwards, fillAnimation 2s 4.2s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */ + animation: Appear 1s 2.5s forwards, fillAnimation 2s 2.5s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */ } #home .visible p:nth-of-type(3) { - animation: Appear 1s 5s forwards; + animation: Appear 1s 3s forwards; } @keyframes Appear { 0% { @@ -1616,7 +1617,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h padding-bottom: 2rem; } #home article.node-type-static { - padding-top: 6rem; + padding-top: 3rem; } @media (max-width: 810px) { #home article.node-type-static { @@ -2191,6 +2192,9 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h #home .paragraph--type--static-parts:not(#paragraph-id--7) #svg1 { display: none; } +#home #actus-caroussel { + display: none; +} #consultation { background-color: #f6f7f3; diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss index 0d80cfb..0714ac6 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss @@ -20,7 +20,7 @@ padding-bottom: 2rem; } article.node-type-static{ - padding-top: 6rem; + padding-top: 3rem; @media(max-width: 810px){ padding-top: 2rem; } @@ -563,6 +563,9 @@ display: none; } } + #actus-caroussel{ + display: none; + } } diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/animation-pilliers.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/animation-pilliers.scss index bb39dbe..cbacfd7 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/animation-pilliers.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/animation-pilliers.scss @@ -17,36 +17,36 @@ svg #pillier-1-path365 { stroke-dasharray: 1000; /* Longueur totale du chemin */ stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */ - animation: Appear 1s 0.2s forwards, fillAnimation 2s 0.2s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */ + animation: Appear 1s 0s forwards, fillAnimation 2s 0s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */ } p:nth-of-type(1) { - animation: Appear 1s 1s forwards; + animation: Appear 1s 0.5s forwards; } h5:nth-of-type(2) { - animation: Appear 1s 2s forwards; + animation: Appear 1s 1.2s forwards; } svg #pillier-2-path367 { stroke-dasharray: 1000; /* Longueur totale du chemin */ stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */ - animation: Appear 1s 2.2s forwards, fillAnimation 2s 2.2s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */ + animation: Appear 1s 1.5s forwards, fillAnimation 2s 1.5s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */ } p:nth-of-type(2) { - animation: Appear 1s 3s forwards; + animation: Appear 1s 2s forwards; } h5:nth-of-type(3) { - animation: Appear 1s 4s forwards; + animation: Appear 1s 2.2s forwards; } svg #pillier-3-path369 { stroke-dasharray: 1000; /* Longueur totale du chemin */ stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */ - animation: Appear 1s 4.2s forwards, fillAnimation 2s 4.2s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */ + animation: Appear 1s 2.5s forwards, fillAnimation 2s 2.5s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */ } p:nth-of-type(3) { - animation: Appear 1s 5s forwards; + animation: Appear 1s 3s forwards; } @keyframes Appear { diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss index b027afa..a4dfe97 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss @@ -1,6 +1,7 @@ #home{ #background-animated { + display: none; position: absolute; top: -150px; left: 0;