Compare commits
No commits in common. "90075e082618fd4f22c55ddd75554aaf9a01d2fd" and "0db3a90e5cbd635e766613e2d1fdb36f1c6e689e" have entirely different histories.
90075e0826
...
0db3a90e5c
File diff suppressed because one or more lines are too long
|
|
@ -445,9 +445,6 @@ header .header:hover + .header_nav_container {
|
||||||
transform-origin: bottom right;
|
transform-origin: bottom right;
|
||||||
transition: all 1s ease-in-out;
|
transition: all 1s ease-in-out;
|
||||||
}
|
}
|
||||||
.header--collapsed .qdd-header {
|
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
|
||||||
@media (max-width: 810px) {
|
@media (max-width: 810px) {
|
||||||
.header--collapsed {
|
.header--collapsed {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -481,9 +478,6 @@ header .header:hover + .header_nav_container {
|
||||||
transform-origin: bottom right;
|
transform-origin: bottom right;
|
||||||
transition: all 0s ease-in-out;
|
transition: all 0s ease-in-out;
|
||||||
}
|
}
|
||||||
.header--collapsed-already .qdd-header {
|
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
|
||||||
@media (max-width: 810px) {
|
@media (max-width: 810px) {
|
||||||
.header--collapsed-already {
|
.header--collapsed-already {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -577,7 +571,8 @@ footer {
|
||||||
.footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau img {
|
.footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau img {
|
||||||
width: auto;
|
width: auto;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
padding-bottom: 0.2rem;
|
padding-left: 1rem;
|
||||||
|
padding-bottom: 1rem;
|
||||||
}
|
}
|
||||||
@media (max-width: 700px) {
|
@media (max-width: 700px) {
|
||||||
.footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau img {
|
.footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau img {
|
||||||
|
|
@ -1122,7 +1117,7 @@ footer {
|
||||||
}
|
}
|
||||||
#home .timeline .__timeline-content .__paragraphs {
|
#home .timeline .__timeline-content .__paragraphs {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-flex;
|
display: inline-block;
|
||||||
width: 500px;
|
width: 500px;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
background: black;
|
background: black;
|
||||||
|
|
@ -1204,7 +1199,7 @@ footer {
|
||||||
font-size: 4rem;
|
font-size: 4rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date .field_field_date_de_moi .after::after {
|
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date .field_field_date_de_moi::after {
|
||||||
content: ".";
|
content: ".";
|
||||||
}
|
}
|
||||||
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date .annee {
|
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date .annee {
|
||||||
|
|
@ -1418,11 +1413,7 @@ footer {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header.animated {
|
header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header.animated {
|
||||||
opacity: 1;
|
|
||||||
transform: scale(2);
|
transform: scale(2);
|
||||||
}
|
}
|
||||||
@media (max-width: 820px) {
|
@media (max-width: 820px) {
|
||||||
|
|
@ -1431,28 +1422,24 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header.animated .blink-blue {
|
header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header.animated .blink-blue {
|
||||||
opacity: 0;
|
|
||||||
animation-delay: 0.2s;
|
animation-delay: 0.2s;
|
||||||
animation-name: blink;
|
animation-name: blink;
|
||||||
animation-duration: 10s;
|
animation-duration: 5s;
|
||||||
}
|
}
|
||||||
header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header.animated .blink-red {
|
header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header.animated .blink-red {
|
||||||
opacity: 0;
|
animation-delay: 0.4s;
|
||||||
animation-delay: 0.8s;
|
|
||||||
animation-name: blink;
|
animation-name: blink;
|
||||||
animation-duration: 10s;
|
animation-duration: 5s;
|
||||||
}
|
}
|
||||||
header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header.animated .blink-black {
|
header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header.animated .blink-black {
|
||||||
opacity: 0;
|
animation-delay: 0.6s;
|
||||||
animation-delay: 1.5s;
|
|
||||||
animation-name: blink;
|
animation-name: blink;
|
||||||
animation-duration: 10s;
|
animation-duration: 5s;
|
||||||
}
|
}
|
||||||
header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header.animated .blink-black2 {
|
header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header.animated .blink-black2 {
|
||||||
opacity: 0;
|
animation-delay: 0.8s;
|
||||||
animation-delay: 2s;
|
|
||||||
animation-name: blink;
|
animation-name: blink;
|
||||||
animation-duration: 10s;
|
animation-duration: 5s;
|
||||||
}
|
}
|
||||||
@keyframes blink {
|
@keyframes blink {
|
||||||
0%, 100% {
|
0%, 100% {
|
||||||
|
|
@ -1479,12 +1466,12 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||||
|
|
||||||
#home #background-animated {
|
#home #background-animated {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -400px;
|
top: 1000px;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
pointer-events: none; /* Permet de cliquer à travers l'élément */
|
pointer-events: none; /* Permet de cliquer à travers l'élément */
|
||||||
z-index: 2; /* S'assure que l'élément soit au-dessus */
|
z-index: 5; /* S'assure que l'élément soit au-dessus */
|
||||||
}
|
}
|
||||||
@media (max-width: 1400px) {
|
@media (max-width: 1400px) {
|
||||||
#home #background-animated {
|
#home #background-animated {
|
||||||
|
|
@ -1494,72 +1481,16 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||||
#home #background-animated svg {
|
#home #background-animated svg {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
top: -1500px;
|
||||||
}
|
}
|
||||||
#home .layout-content {
|
#home .layout-content {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1; /* S'assure que le contenu soit au-dessus des animations */
|
z-index: 2; /* S'assure que le contenu soit au-dessus des animations */
|
||||||
}
|
}
|
||||||
#home .layout-container.home {
|
#home .layout-container.home {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
#home #paragraph-id--7 .colone-picto h5,
|
|
||||||
#home #paragraph-id--7 .colone-picto p,
|
|
||||||
#home #paragraph-id--7 .colone-picto svg #pillier-1-path365,
|
|
||||||
#home #paragraph-id--7 .colone-picto svg #pillier-2-path367,
|
|
||||||
#home #paragraph-id--7 .colone-picto svg #pillier-3-path369 {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
#home .visible h5:nth-of-type(1) {
|
|
||||||
animation: Appear 1s 0.2s forwards;
|
|
||||||
}
|
|
||||||
#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 1.5s forwards, fillAnimation 3s 1.5s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
|
|
||||||
}
|
|
||||||
#home .visible p:nth-of-type(1) {
|
|
||||||
animation: Appear 1.5s 3s forwards;
|
|
||||||
}
|
|
||||||
#home .visible h5:nth-of-type(2) {
|
|
||||||
animation: Appear 1s 4s 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 5s forwards, fillAnimation 3s 5s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
|
|
||||||
}
|
|
||||||
#home .visible p:nth-of-type(2) {
|
|
||||||
animation: Appear 1.5s 6s forwards;
|
|
||||||
}
|
|
||||||
#home .visible h5:nth-of-type(3) {
|
|
||||||
animation: Appear 1s 7s 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 8s forwards, fillAnimation 3s 8s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
|
|
||||||
}
|
|
||||||
#home .visible p:nth-of-type(3) {
|
|
||||||
animation: Appear 1.5s 9s forwards;
|
|
||||||
}
|
|
||||||
@keyframes Appear {
|
|
||||||
0% {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@keyframes fillAnimation {
|
|
||||||
from {
|
|
||||||
stroke-dashoffset: 1000; /* Début du chemin de décalage complet */
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
stroke-dashoffset: 0; /* Aucun décalage, le chemin est complètement visible */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/*pages*/
|
/*pages*/
|
||||||
#home .config_pages--type--diaporama-home {
|
#home .config_pages--type--diaporama-home {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -1603,7 +1534,6 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||||
#home article.node-type-static .field_body > p:nth-child(1) {
|
#home article.node-type-static .field_body > p:nth-child(1) {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
flex: 1 100%;
|
flex: 1 100%;
|
||||||
z-index: 6;
|
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
}
|
}
|
||||||
@media (max-width: 1090px) {
|
@media (max-width: 1090px) {
|
||||||
|
|
@ -1781,13 +1711,51 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||||
background-size: 50px 50px;
|
background-size: 50px 50px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux {
|
#home article.node-type-static #paragraph-id--21,
|
||||||
|
#home article.node-type-static #paragraph-id--28 {
|
||||||
|
background-color: #edefe8;
|
||||||
|
position: relative;
|
||||||
|
padding-bottom: 6rem;
|
||||||
|
}
|
||||||
|
#home article.node-type-static #paragraph-id--21.paragraph--type--static-parts,
|
||||||
|
#home article.node-type-static #paragraph-id--28.paragraph--type--static-parts {
|
||||||
|
padding-top: 0 !important;
|
||||||
|
}
|
||||||
|
#home article.node-type-static #paragraph-id--21 .field_field_title,
|
||||||
|
#home article.node-type-static #paragraph-id--28 .field_field_title {
|
||||||
|
font-family: "gilroy-bold";
|
||||||
|
}
|
||||||
|
#home article.node-type-static #paragraph-id--21 .field_field_picto,
|
||||||
|
#home article.node-type-static #paragraph-id--28 .field_field_picto {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
#home article.node-type-static #paragraph-id--21 .field_field_texte,
|
||||||
|
#home article.node-type-static #paragraph-id--28 .field_field_texte {
|
||||||
|
width: 65%;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
@media (max-width: 1090px) {
|
||||||
|
#home article.node-type-static #paragraph-id--21 .field_field_texte,
|
||||||
|
#home article.node-type-static #paragraph-id--28 .field_field_texte {
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto,
|
||||||
|
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
|
padding-left: 6rem;
|
||||||
}
|
}
|
||||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux h3 {
|
@media (max-width: 1090px) {
|
||||||
|
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto,
|
||||||
|
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto {
|
||||||
|
padding-left: 1.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto h3,
|
||||||
|
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto h3 {
|
||||||
flex: 0 80%;
|
flex: 0 80%;
|
||||||
color: #0833c2;
|
color: #0833c2;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -1796,7 +1764,26 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||||
padding-top: 3rem;
|
padding-top: 3rem;
|
||||||
border-top: solid 1px #0833c2;
|
border-top: solid 1px #0833c2;
|
||||||
}
|
}
|
||||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(1)::before {
|
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p,
|
||||||
|
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p {
|
||||||
|
padding-right: 1rem;
|
||||||
|
padding-bottom: 1rem;
|
||||||
|
flex: 1 30%;
|
||||||
|
max-width: 30%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
@media (max-width: 1090px) {
|
||||||
|
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p,
|
||||||
|
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p {
|
||||||
|
padding-right: 1rem;
|
||||||
|
flex: 1 30%;
|
||||||
|
max-width: 50%;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(1)::before,
|
||||||
|
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(1)::before {
|
||||||
background-image: url("../img/ampoule.svg");
|
background-image: url("../img/ampoule.svg");
|
||||||
background-size: 90px 100px;
|
background-size: 90px 100px;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
|
@ -1807,13 +1794,15 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
}
|
}
|
||||||
@media (max-width: 810px) {
|
@media (max-width: 810px) {
|
||||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(1)::before {
|
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(1)::before,
|
||||||
|
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(1)::before {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background-size: 50px 50px;
|
background-size: 50px 50px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(2)::before {
|
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(2)::before,
|
||||||
|
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(2)::before {
|
||||||
background-image: url("../img/bonhome.svg");
|
background-image: url("../img/bonhome.svg");
|
||||||
background-size: 90px 100px;
|
background-size: 90px 100px;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
|
@ -1824,13 +1813,15 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
}
|
}
|
||||||
@media (max-width: 810px) {
|
@media (max-width: 810px) {
|
||||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(2)::before {
|
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(2)::before,
|
||||||
|
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(2)::before {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background-size: 50px 50px;
|
background-size: 50px 50px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(3)::before {
|
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(3)::before,
|
||||||
|
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(3)::before {
|
||||||
background-image: url("../img/feuilles.svg");
|
background-image: url("../img/feuilles.svg");
|
||||||
background-size: 90px 100px;
|
background-size: 90px 100px;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
|
@ -1841,13 +1832,15 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
}
|
}
|
||||||
@media (max-width: 810px) {
|
@media (max-width: 810px) {
|
||||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(3)::before {
|
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(3)::before,
|
||||||
|
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(3)::before {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background-size: 50px 50px;
|
background-size: 50px 50px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(4)::before {
|
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(4)::before,
|
||||||
|
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(4)::before {
|
||||||
background-image: url("../img/calendrier.svg");
|
background-image: url("../img/calendrier.svg");
|
||||||
background-size: 90px 100px;
|
background-size: 90px 100px;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
|
@ -1858,13 +1851,15 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
}
|
}
|
||||||
@media (max-width: 810px) {
|
@media (max-width: 810px) {
|
||||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(4)::before {
|
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(4)::before,
|
||||||
|
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(4)::before {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background-size: 50px 50px;
|
background-size: 50px 50px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(5)::before {
|
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(5)::before,
|
||||||
|
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(5)::before {
|
||||||
background-image: url("../img/crayons.svg");
|
background-image: url("../img/crayons.svg");
|
||||||
background-size: 60px 100px;
|
background-size: 60px 100px;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
|
@ -1875,7 +1870,8 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
}
|
}
|
||||||
@media (max-width: 810px) {
|
@media (max-width: 810px) {
|
||||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(5)::before {
|
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(5)::before,
|
||||||
|
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(5)::before {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background-size: 50px 50px;
|
background-size: 50px 50px;
|
||||||
|
|
@ -2008,7 +2004,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||||
grid-row: 2;
|
grid-row: 2;
|
||||||
grid-column: 3;
|
grid-column: 3;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -50px;
|
top: -70px;
|
||||||
}
|
}
|
||||||
@media (max-width: 820px) {
|
@media (max-width: 820px) {
|
||||||
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto h5:nth-of-type(2) {
|
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto h5:nth-of-type(2) {
|
||||||
|
|
@ -2144,6 +2140,36 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
#home article.node-type-static #paragraph-id--7 .colone-picto svg #pillier-1-path365 {
|
||||||
|
stroke-dasharray: 1000; /* Longueur totale du chemin */
|
||||||
|
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
|
||||||
|
animation: fillAnimation 8s ease-in-out infinite; /* Animation de remplissage sur 2 secondes */
|
||||||
|
animation-delay: 5s;
|
||||||
|
animation-direction: alternate; /* Animation en aller-retour */
|
||||||
|
}
|
||||||
|
#home article.node-type-static #paragraph-id--7 .colone-picto svg #pillier-2-path367 {
|
||||||
|
stroke-dasharray: 0; /* Longueur totale du chemin */
|
||||||
|
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
|
||||||
|
animation: fillAnimation 8s ease-in-out infinite; /* Animation de remplissage sur 2 secondes */
|
||||||
|
animation-delay: 10s;
|
||||||
|
animation-direction: alternate; /* Animation en aller-retour */
|
||||||
|
}
|
||||||
|
#home article.node-type-static #paragraph-id--7 .colone-picto svg #pillier-3-path369 {
|
||||||
|
stroke-dasharray: 0; /* Longueur totale du chemin */
|
||||||
|
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
|
||||||
|
animation: fillAnimation 8s ease-in-out; /* Animation de remplissage sur 2 secondes */
|
||||||
|
animation-delay: 15s;
|
||||||
|
animation-direction: alternate; /* Animation en aller-retour */
|
||||||
|
animation-iteration-count: infinite; /* Animation infinie */
|
||||||
|
}
|
||||||
|
@keyframes fillAnimation {
|
||||||
|
from {
|
||||||
|
stroke-dashoffset: 1000; /* Début du chemin de décalage complet */
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
stroke-dashoffset: 0; /* Aucun décalage, le chemin est complètement visible */
|
||||||
|
}
|
||||||
|
}
|
||||||
#home .paragraph--type--static-parts:not(#paragraph-id--7) #svg1 {
|
#home .paragraph--type--static-parts:not(#paragraph-id--7) #svg1 {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
@ -2470,10 +2496,9 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_field_lien a::after {
|
.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_field_lien a::after {
|
||||||
display: inline-flex;
|
display: inline-block;
|
||||||
content: url("../img/noun-arrow-to-right.svg");
|
content: url("../img/noun-arrow-to-right.svg");
|
||||||
padding-right: 0.2rem;
|
padding-right: 0.5rem;
|
||||||
padding-left: 0.2rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.node-type-static main {
|
.node-type-static main {
|
||||||
|
|
|
||||||
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
<svg
|
<svg
|
||||||
width="35px"
|
width="7mm"
|
||||||
height="35px"
|
height="7mm"
|
||||||
viewBox="0 0 10.531931 10.531931"
|
viewBox="0 0 10.531931 10.531931"
|
||||||
version="1.1"
|
version="1.1"
|
||||||
id="svg1"
|
id="svg1"
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
File diff suppressed because it is too large
Load Diff
|
|
@ -2,14 +2,445 @@
|
||||||
"name": "quartiers_de_demain",
|
"name": "quartiers_de_demain",
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"main": "index.js",
|
"main": "index.js",
|
||||||
|
"dependencies": {
|
||||||
|
"@types/slick-carousel": "^1.6.40",
|
||||||
|
"acorn": "^6.4.2",
|
||||||
|
"ansi-colors": "^1.1.0",
|
||||||
|
"ansi-cyan": "^0.1.1",
|
||||||
|
"ansi-gray": "^0.1.1",
|
||||||
|
"ansi-red": "^0.1.1",
|
||||||
|
"ansi-regex": "^5.0.1",
|
||||||
|
"ansi-styles": "^4.3.0",
|
||||||
|
"ansi-wrap": "^0.1.0",
|
||||||
|
"anymatch": "^3.1.3",
|
||||||
|
"arch": "^2.2.0",
|
||||||
|
"archive-type": "^4.0.0",
|
||||||
|
"arr-diff": "^4.0.0",
|
||||||
|
"arr-flatten": "^1.1.0",
|
||||||
|
"arr-union": "^3.1.0",
|
||||||
|
"array-each": "^1.0.1",
|
||||||
|
"array-slice": "^1.1.0",
|
||||||
|
"array-unique": "^0.3.2",
|
||||||
|
"assign-symbols": "^1.0.0",
|
||||||
|
"async-done": "^2.0.0",
|
||||||
|
"async-settle": "^2.0.0",
|
||||||
|
"atob": "^2.1.2",
|
||||||
|
"babel": "^6.23.0",
|
||||||
|
"bach": "^2.0.1",
|
||||||
|
"balanced-match": "^1.0.2",
|
||||||
|
"bare-events": "^2.2.2",
|
||||||
|
"base64-js": "^1.5.1",
|
||||||
|
"bin-build": "^3.0.0",
|
||||||
|
"bin-check": "^4.1.0",
|
||||||
|
"bin-version": "^3.1.0",
|
||||||
|
"bin-version-check": "^4.0.0",
|
||||||
|
"bin-wrapper": "^4.1.0",
|
||||||
|
"binary-extensions": "^2.3.0",
|
||||||
|
"bl": "^5.1.0",
|
||||||
|
"boolbase": "^1.0.0",
|
||||||
|
"brace-expansion": "^1.1.11",
|
||||||
|
"braces": "^3.0.3",
|
||||||
|
"browserslist": "^4.23.0",
|
||||||
|
"buffer": "^6.0.3",
|
||||||
|
"buffer-alloc": "^1.2.0",
|
||||||
|
"buffer-alloc-unsafe": "^1.1.0",
|
||||||
|
"buffer-crc32": "^0.2.13",
|
||||||
|
"buffer-fill": "^1.0.0",
|
||||||
|
"cacheable-request": "^2.1.4",
|
||||||
|
"callsites": "^4.1.0",
|
||||||
|
"caniuse-lite": "^1.0.30001623",
|
||||||
|
"caw": "^2.0.1",
|
||||||
|
"chalk": "^4.1.2",
|
||||||
|
"change-file-extension": "^0.1.1",
|
||||||
|
"chokidar": "^3.6.0",
|
||||||
|
"clone": "^2.1.2",
|
||||||
|
"clone-buffer": "^1.0.0",
|
||||||
|
"clone-response": "^1.0.2",
|
||||||
|
"clone-stats": "^1.0.0",
|
||||||
|
"cloneable-readable": "^1.1.3",
|
||||||
|
"color-convert": "^2.0.1",
|
||||||
|
"color-name": "^1.1.4",
|
||||||
|
"color-support": "^1.1.3",
|
||||||
|
"commander": "^2.0.0",
|
||||||
|
"concat-map": "^0.0.1",
|
||||||
|
"concat-with-sourcemaps": "^1.1.0",
|
||||||
|
"config-chain": "^1.1.13",
|
||||||
|
"content-disposition": "^0.5.4",
|
||||||
|
"convert-hrtime": "^5.0.0",
|
||||||
|
"convert-source-map": "^2.0.0",
|
||||||
|
"copy-anything": "^2.0.6",
|
||||||
|
"copy-props": "^4.0.0",
|
||||||
|
"core-util-is": "^1.0.3",
|
||||||
|
"cross-spawn": "^6.0.5",
|
||||||
|
"css": "^3.0.0",
|
||||||
|
"css-select": "^4.3.0",
|
||||||
|
"css-tree": "^1.1.3",
|
||||||
|
"css-what": "^6.1.0",
|
||||||
|
"cssbeautify": "^0.3.1",
|
||||||
|
"csscomb": "^3.1.8",
|
||||||
|
"csscomb-core": "^3.0.0-3.1",
|
||||||
|
"csso": "^4.2.0",
|
||||||
|
"d": "^1.0.2",
|
||||||
|
"debug": "^3.2.7",
|
||||||
|
"debug-fabulous": "^1.1.0",
|
||||||
|
"decode-uri-component": "^0.2.2",
|
||||||
|
"decompress": "^4.2.1",
|
||||||
|
"decompress-response": "^3.3.0",
|
||||||
|
"decompress-tar": "^4.1.1",
|
||||||
|
"decompress-tarbz2": "^4.1.1",
|
||||||
|
"decompress-targz": "^4.1.1",
|
||||||
|
"decompress-unzip": "^4.0.1",
|
||||||
|
"detect-file": "^1.0.0",
|
||||||
|
"detect-newline": "^2.1.0",
|
||||||
|
"dom-serializer": "^1.4.1",
|
||||||
|
"domelementtype": "^2.3.0",
|
||||||
|
"domhandler": "^4.3.1",
|
||||||
|
"domutils": "^2.8.0",
|
||||||
|
"dot-prop": "^8.0.2",
|
||||||
|
"download": "^6.2.5",
|
||||||
|
"duplexer3": "^0.1.5",
|
||||||
|
"each-props": "^3.0.0",
|
||||||
|
"easy-transform-stream": "^1.0.1",
|
||||||
|
"electron-to-chromium": "^1.4.783",
|
||||||
|
"emoji-regex": "^8.0.0",
|
||||||
|
"end-of-stream": "^1.4.4",
|
||||||
|
"entities": "^2.2.0",
|
||||||
|
"environment": "^1.1.0",
|
||||||
|
"errno": "^0.1.8",
|
||||||
|
"es5-ext": "^0.10.64",
|
||||||
|
"es6-iterator": "^2.0.3",
|
||||||
|
"es6-symbol": "^3.1.4",
|
||||||
|
"es6-weak-map": "^2.0.3",
|
||||||
|
"escalade": "^3.1.2",
|
||||||
|
"escape-string-regexp": "^1.0.5",
|
||||||
|
"esniff": "^2.0.1",
|
||||||
|
"event-emitter": "^0.3.5",
|
||||||
|
"exec-buffer": "^3.2.0",
|
||||||
|
"execa": "^1.0.0",
|
||||||
|
"executable": "^4.1.1",
|
||||||
|
"expand-tilde": "^2.0.2",
|
||||||
|
"ext": "^1.7.0",
|
||||||
|
"ext-list": "^2.2.2",
|
||||||
|
"ext-name": "^5.0.0",
|
||||||
|
"extend": "^3.0.2",
|
||||||
|
"extend-shallow": "^3.0.2",
|
||||||
|
"fancy-log": "^1.3.3",
|
||||||
|
"fast-equals": "^5.0.1",
|
||||||
|
"fast-fifo": "^1.3.2",
|
||||||
|
"fast-glob": "^3.3.2",
|
||||||
|
"fast-levenshtein": "^3.0.0",
|
||||||
|
"fast-xml-parser": "^4.4.0",
|
||||||
|
"fastest-levenshtein": "^1.0.16",
|
||||||
|
"fastq": "^1.17.1",
|
||||||
|
"fd-slicer": "^1.1.0",
|
||||||
|
"file-type": "^19.0.0",
|
||||||
|
"filename-reserved-regex": "^2.0.0",
|
||||||
|
"filenamify": "^2.1.0",
|
||||||
|
"fill-range": "^7.1.1",
|
||||||
|
"find-versions": "^3.2.0",
|
||||||
|
"findup-sync": "^5.0.0",
|
||||||
|
"fined": "^2.0.0",
|
||||||
|
"flagged-respawn": "^2.0.0",
|
||||||
|
"for-in": "^1.0.2",
|
||||||
|
"for-own": "^1.0.0",
|
||||||
|
"fraction.js": "^4.3.7",
|
||||||
|
"from2": "^2.3.0",
|
||||||
|
"fs-constants": "^1.0.0",
|
||||||
|
"fs-mkdirp-stream": "^2.0.1",
|
||||||
|
"fs.realpath": "^1.0.0",
|
||||||
|
"function-bind": "^1.1.2",
|
||||||
|
"function-timeout": "^1.0.2",
|
||||||
|
"get-caller-file": "^2.0.5",
|
||||||
|
"get-proxy": "^2.1.0",
|
||||||
|
"get-stream": "^4.1.0",
|
||||||
|
"gifsicle": "^5.3.0",
|
||||||
|
"glob": "^3.2.8",
|
||||||
|
"glob-parent": "^5.1.2",
|
||||||
|
"glob-stream": "^8.0.2",
|
||||||
|
"glob-watcher": "^6.0.0",
|
||||||
|
"global-modules": "^1.0.0",
|
||||||
|
"global-prefix": "^1.0.2",
|
||||||
|
"globby": "^14.0.1",
|
||||||
|
"glogg": "^2.2.0",
|
||||||
|
"gonzales-pe": "^3.0.0-28",
|
||||||
|
"got": "^7.1.0",
|
||||||
|
"graceful-fs": "^4.2.11",
|
||||||
|
"gulp": "^5.0.0",
|
||||||
|
"gulp-autoprefixer": "^9.0.0",
|
||||||
|
"gulp-cli": "^3.0.0",
|
||||||
|
"gulp-concat": "^2.6.1",
|
||||||
|
"gulp-cssbeautify": "^3.0.1",
|
||||||
|
"gulp-csscomb": "^3.1.0",
|
||||||
|
"gulp-csso": "^4.0.1",
|
||||||
|
"gulp-imagemin": "^9.1.0",
|
||||||
|
"gulp-less": "^5.0.0",
|
||||||
|
"gulp-load-plugins": "^2.0.8",
|
||||||
|
"gulp-plugin-extras": "^1.0.0",
|
||||||
|
"gulp-rename": "^2.0.0",
|
||||||
|
"gulp-sass": "^5.1.0",
|
||||||
|
"gulp-sourcemaps": "^3.0.0",
|
||||||
|
"gulp-uglify": "^3.0.2",
|
||||||
|
"gulplog": "^2.2.0",
|
||||||
|
"has-flag": "^4.0.0",
|
||||||
|
"has-gulplog": "^0.1.0",
|
||||||
|
"has-symbol-support-x": "^1.4.2",
|
||||||
|
"has-to-string-tag-x": "^1.4.1",
|
||||||
|
"hasown": "^2.0.1",
|
||||||
|
"homedir-polyfill": "^1.0.3",
|
||||||
|
"http-cache-semantics": "^3.8.1",
|
||||||
|
"human-signals": "^2.1.0",
|
||||||
|
"iconv-lite": "^0.6.3",
|
||||||
|
"identifier-regex": "^1.0.0",
|
||||||
|
"ieee754": "^1.2.1",
|
||||||
|
"ignore": "^5.3.1",
|
||||||
|
"image-size": "^0.5.5",
|
||||||
|
"imagemin": "^9.0.0",
|
||||||
|
"imagemin-gifsicle": "^7.0.0",
|
||||||
|
"imagemin-mozjpeg": "^10.0.0",
|
||||||
|
"imagemin-optipng": "^8.0.0",
|
||||||
|
"imagemin-svgo": "^10.0.1",
|
||||||
|
"immutable": "^4.3.6",
|
||||||
|
"import-lazy": "^3.1.0",
|
||||||
|
"inflight": "^1.0.6",
|
||||||
|
"inherits": "^2.0.4",
|
||||||
|
"ini": "^1.3.8",
|
||||||
|
"interpret": "^3.1.1",
|
||||||
|
"into-stream": "^3.1.0",
|
||||||
|
"irregular-plurals": "^3.5.0",
|
||||||
|
"is-absolute": "^1.0.0",
|
||||||
|
"is-binary-path": "^2.1.0",
|
||||||
|
"is-core-module": "^2.13.1",
|
||||||
|
"is-extendable": "^1.0.1",
|
||||||
|
"is-extglob": "^2.1.1",
|
||||||
|
"is-fullwidth-code-point": "^3.0.0",
|
||||||
|
"is-gif": "^3.0.0",
|
||||||
|
"is-glob": "^4.0.3",
|
||||||
|
"is-identifier": "^1.0.0",
|
||||||
|
"is-jpg": "^3.0.0",
|
||||||
|
"is-natural-number": "^4.0.1",
|
||||||
|
"is-negated-glob": "^1.0.0",
|
||||||
|
"is-number": "^7.0.0",
|
||||||
|
"is-object": "^1.0.2",
|
||||||
|
"is-plain-obj": "^1.1.0",
|
||||||
|
"is-plain-object": "^5.0.0",
|
||||||
|
"is-png": "^2.0.0",
|
||||||
|
"is-promise": "^2.2.2",
|
||||||
|
"is-relative": "^1.0.0",
|
||||||
|
"is-retry-allowed": "^1.2.0",
|
||||||
|
"is-stream": "^1.1.0",
|
||||||
|
"is-svg": "^4.4.0",
|
||||||
|
"is-unc-path": "^1.0.0",
|
||||||
|
"is-valid-glob": "^1.0.0",
|
||||||
|
"is-what": "^3.14.1",
|
||||||
|
"is-windows": "^1.0.2",
|
||||||
|
"isarray": "^1.0.0",
|
||||||
|
"isexe": "^2.0.0",
|
||||||
|
"isobject": "^3.0.1",
|
||||||
|
"isurl": "^1.0.0",
|
||||||
|
"json-buffer": "^3.0.0",
|
||||||
|
"junk": "^4.0.1",
|
||||||
|
"keyv": "^3.0.0",
|
||||||
|
"kind-of": "^1.1.0",
|
||||||
|
"last-run": "^2.0.0",
|
||||||
|
"lead": "^4.0.0",
|
||||||
|
"less": "^4.2.0",
|
||||||
|
"liftoff": "^5.0.0",
|
||||||
|
"lodash.clonedeep": "^4.5.0",
|
||||||
|
"lowercase-keys": "^1.0.1",
|
||||||
|
"lru-cache": "^2.7.3",
|
||||||
|
"lru-queue": "^0.1.0",
|
||||||
|
"make-dir": "^1.3.0",
|
||||||
|
"make-error": "^1.3.6",
|
||||||
|
"make-error-cause": "^1.2.2",
|
||||||
|
"map-cache": "^0.2.2",
|
||||||
|
"mdn-data": "^2.0.14",
|
||||||
|
"memoizee": "^0.4.17",
|
||||||
|
"merge-stream": "^2.0.0",
|
||||||
|
"merge2": "^1.4.1",
|
||||||
|
"micromatch": "^4.0.7",
|
||||||
|
"mime": "^1.6.0",
|
||||||
|
"mime-db": "^1.52.0",
|
||||||
|
"mimic-fn": "^2.1.0",
|
||||||
|
"mimic-response": "^1.0.1",
|
||||||
|
"minimatch": "^0.2.12",
|
||||||
|
"mozjpeg": "^8.0.0",
|
||||||
|
"ms": "^2.1.3",
|
||||||
|
"mute-stdout": "^2.0.0",
|
||||||
|
"nanoid": "^3.3.7",
|
||||||
|
"needle": "^3.3.1",
|
||||||
|
"next-tick": "^1.1.0",
|
||||||
|
"nice-try": "^1.0.5",
|
||||||
|
"node-module": "^2.0.0",
|
||||||
|
"node-releases": "^2.0.14",
|
||||||
|
"node-uuid": "^1.4.0",
|
||||||
|
"normalize-path": "^3.0.0",
|
||||||
|
"normalize-range": "^0.1.2",
|
||||||
|
"normalize-url": "^2.0.1",
|
||||||
|
"now-and-later": "^3.0.0",
|
||||||
|
"npm-conf": "^1.1.3",
|
||||||
|
"npm-run-path": "^2.0.2",
|
||||||
|
"nth-check": "^2.1.1",
|
||||||
|
"object-assign": "^4.1.1",
|
||||||
|
"object.defaults": "^1.1.0",
|
||||||
|
"object.pick": "^1.3.0",
|
||||||
|
"once": "^1.4.0",
|
||||||
|
"onetime": "^5.1.2",
|
||||||
|
"optipng-bin": "^7.0.1",
|
||||||
|
"os-filter-obj": "^2.0.0",
|
||||||
|
"ow": "^2.0.0",
|
||||||
|
"p-cancelable": "^0.3.0",
|
||||||
|
"p-event": "^1.3.0",
|
||||||
|
"p-finally": "^1.0.0",
|
||||||
|
"p-is-promise": "^1.1.0",
|
||||||
|
"p-map-series": "^1.0.0",
|
||||||
|
"p-pipe": "^4.0.0",
|
||||||
|
"p-reduce": "^1.0.0",
|
||||||
|
"p-timeout": "^1.2.1",
|
||||||
|
"parse-filepath": "^1.0.2",
|
||||||
|
"parse-node-version": "^1.0.1",
|
||||||
|
"parse-passwd": "^1.0.0",
|
||||||
|
"path-is-absolute": "^1.0.1",
|
||||||
|
"path-key": "^2.0.1",
|
||||||
|
"path-parse": "^1.0.7",
|
||||||
|
"path-root": "^0.1.1",
|
||||||
|
"path-root-regex": "^0.1.2",
|
||||||
|
"path-type": "^5.0.0",
|
||||||
|
"peek-readable": "^5.0.0",
|
||||||
|
"pend": "^1.2.0",
|
||||||
|
"picocolors": "^1.0.1",
|
||||||
|
"picomatch": "^2.3.1",
|
||||||
|
"pify": "^4.0.1",
|
||||||
|
"pinkie": "^2.0.4",
|
||||||
|
"pinkie-promise": "^2.0.1",
|
||||||
|
"plugin-error": "^1.0.1",
|
||||||
|
"plur": "^5.1.0",
|
||||||
|
"postcss": "^7.0.39",
|
||||||
|
"postcss-value-parser": "^4.2.0",
|
||||||
|
"prepend-http": "^1.0.4",
|
||||||
|
"pretty-bytes": "^6.1.1",
|
||||||
|
"process-nextick-args": "^2.0.1",
|
||||||
|
"proto-list": "^1.2.4",
|
||||||
|
"prr": "^1.0.1",
|
||||||
|
"pseudomap": "^1.0.2",
|
||||||
|
"pump": "^3.0.0",
|
||||||
|
"query-string": "^5.1.1",
|
||||||
|
"queue-microtask": "^1.2.3",
|
||||||
|
"queue-tick": "^1.0.1",
|
||||||
|
"readable-stream": "^3.6.2",
|
||||||
|
"readable-web-to-node-stream": "^3.0.2",
|
||||||
|
"readdirp": "^3.6.0",
|
||||||
|
"rechoir": "^0.8.0",
|
||||||
|
"remove-trailing-separator": "^1.1.0",
|
||||||
|
"replace-ext": "^2.0.0",
|
||||||
|
"replace-homedir": "^2.0.0",
|
||||||
|
"require-directory": "^2.1.1",
|
||||||
|
"reserved-identifiers": "^1.0.0",
|
||||||
|
"resolve": "^1.22.8",
|
||||||
|
"resolve-dir": "^1.0.1",
|
||||||
|
"resolve-options": "^2.0.0",
|
||||||
|
"responselike": "^1.0.2",
|
||||||
|
"reusify": "^1.0.4",
|
||||||
|
"rimraf": "^2.7.1",
|
||||||
|
"run-parallel": "^1.2.0",
|
||||||
|
"safe-buffer": "^5.2.1",
|
||||||
|
"safer-buffer": "^2.1.2",
|
||||||
|
"sax": "^1.3.0",
|
||||||
|
"seek-bzip": "^1.0.6",
|
||||||
|
"semver": "^5.7.2",
|
||||||
|
"semver-greatest-satisfied-range": "^2.0.0",
|
||||||
|
"semver-regex": "^2.0.0",
|
||||||
|
"semver-truncate": "^1.1.2",
|
||||||
|
"shebang-command": "^1.2.0",
|
||||||
|
"shebang-regex": "^1.0.0",
|
||||||
|
"sigmund": "^1.0.1",
|
||||||
|
"signal-exit": "^3.0.7",
|
||||||
|
"slash": "^5.1.0",
|
||||||
|
"slick": "^1.12.2",
|
||||||
|
"slick-carousel": "^1.8.1",
|
||||||
|
"sort-keys": "^1.1.2",
|
||||||
|
"sort-keys-length": "^1.0.1",
|
||||||
|
"source-map": "^0.5.7",
|
||||||
|
"source-map-js": "^1.2.0",
|
||||||
|
"source-map-resolve": "^0.6.0",
|
||||||
|
"sparkles": "^2.1.0",
|
||||||
|
"stable": "^0.1.8",
|
||||||
|
"stream-composer": "^1.0.2",
|
||||||
|
"stream-exhaust": "^1.0.2",
|
||||||
|
"streamx": "^2.16.1",
|
||||||
|
"strict-uri-encode": "^1.1.0",
|
||||||
|
"string_decoder": "^1.3.0",
|
||||||
|
"string-width": "^4.2.3",
|
||||||
|
"strip-ansi": "^6.0.1",
|
||||||
|
"strip-bom-string": "^1.0.0",
|
||||||
|
"strip-dirs": "^2.1.0",
|
||||||
|
"strip-eof": "^1.0.0",
|
||||||
|
"strip-final-newline": "^2.0.0",
|
||||||
|
"strip-outer": "^1.0.1",
|
||||||
|
"strnum": "^1.0.5",
|
||||||
|
"strtok3": "^7.0.0",
|
||||||
|
"super-regex": "^1.0.0",
|
||||||
|
"supports-color": "^7.2.0",
|
||||||
|
"supports-preserve-symlinks-flag": "^1.0.0",
|
||||||
|
"sver": "^1.8.4",
|
||||||
|
"svgo": "^2.8.0",
|
||||||
|
"tar-stream": "^1.6.2",
|
||||||
|
"teex": "^1.0.1",
|
||||||
|
"temp-dir": "^1.0.0",
|
||||||
|
"tempfile": "^2.0.0",
|
||||||
|
"through": "^2.3.8",
|
||||||
|
"through2": "^2.0.5",
|
||||||
|
"time-span": "^5.1.0",
|
||||||
|
"time-stamp": "^1.1.0",
|
||||||
|
"timed-out": "^4.0.1",
|
||||||
|
"timers-ext": "^0.1.7",
|
||||||
|
"to-buffer": "^1.1.1",
|
||||||
|
"to-regex-range": "^5.0.1",
|
||||||
|
"to-through": "^3.0.0",
|
||||||
|
"token-types": "^5.0.1",
|
||||||
|
"trim-repeated": "^1.0.0",
|
||||||
|
"tslib": "^2.6.2",
|
||||||
|
"tunnel-agent": "^0.6.0",
|
||||||
|
"type": "^2.7.2",
|
||||||
|
"type-fest": "^3.13.1",
|
||||||
|
"uglify-js": "^3.17.4",
|
||||||
|
"uint8array-extras": "^1.1.0",
|
||||||
|
"unbzip2-stream": "^1.4.3",
|
||||||
|
"unc-path-regex": "^0.1.2",
|
||||||
|
"undertaker": "^2.0.0",
|
||||||
|
"undertaker-registry": "^2.0.0",
|
||||||
|
"undici-types": "^5.26.5",
|
||||||
|
"unicorn-magic": "^0.1.0",
|
||||||
|
"update-browserslist-db": "^1.0.16",
|
||||||
|
"url-parse-lax": "^1.0.0",
|
||||||
|
"url-to-options": "^1.0.1",
|
||||||
|
"util-deprecate": "^1.0.2",
|
||||||
|
"uuid": "^3.4.0",
|
||||||
|
"v8flags": "^4.0.1",
|
||||||
|
"value-or-function": "^4.0.0",
|
||||||
|
"vinyl": "^3.0.0",
|
||||||
|
"vinyl-contents": "^2.0.0",
|
||||||
|
"vinyl-fs": "^4.0.0",
|
||||||
|
"vinyl-sourcemap": "^2.0.0",
|
||||||
|
"vinyl-sourcemaps-apply": "^0.2.1",
|
||||||
|
"vow": "^0.4.4",
|
||||||
|
"vow-fs": "^0.3.2",
|
||||||
|
"vow-queue": "^0.3.1",
|
||||||
|
"which": "^1.3.1",
|
||||||
|
"wrap-ansi": "^7.0.0",
|
||||||
|
"wrappy": "^1.0.2",
|
||||||
|
"xtend": "^4.0.2",
|
||||||
|
"y18n": "^5.0.8",
|
||||||
|
"yallist": "^2.1.2",
|
||||||
|
"yargs-parser": "^20.2.9",
|
||||||
|
"yauzl": "^2.10.0"
|
||||||
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"autoprefixer": "^10.4.19",
|
|
||||||
"file-loader": "^6.2.0",
|
"file-loader": "^6.2.0",
|
||||||
"postcss-loader": "^8.1.1",
|
|
||||||
"sass": "^1.77.2",
|
"sass": "^1.77.2",
|
||||||
"sass-loader": "^14.2.1",
|
"sass-loader": "^14.2.1",
|
||||||
"webpack": "^5.91.0",
|
"webpack": "^5.91.0",
|
||||||
"webpack-cli": "^5.1.4"
|
"webpack-cli": "^5.1.4"
|
||||||
|
|
||||||
},
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"test": "echo \"Error: no test specified\" && exit 1",
|
"test": "echo \"Error: no test specified\" && exit 1",
|
||||||
|
|
@ -18,13 +449,5 @@
|
||||||
"keywords": [],
|
"keywords": [],
|
||||||
"author": "",
|
"author": "",
|
||||||
"license": "ISC",
|
"license": "ISC",
|
||||||
"description": "",
|
"description": ""
|
||||||
"browserslist": [
|
|
||||||
"defaults",
|
|
||||||
"not ie < 11",
|
|
||||||
"last 2 versions",
|
|
||||||
"> 1%",
|
|
||||||
"iOS 7",
|
|
||||||
"last 3 iOS versions"
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
module.exports = {
|
|
||||||
plugins: [
|
|
||||||
require('autoprefixer')
|
|
||||||
]
|
|
||||||
};
|
|
||||||
|
|
@ -11,41 +11,17 @@ document.addEventListener('scroll', function() {
|
||||||
|
|
||||||
|
|
||||||
//ANimation Pilliers
|
//ANimation Pilliers
|
||||||
// const svg = document.querySelector('#paragraph-id--7 .colone-picto');
|
const svg = document.querySelector('#paragraph-id--7 .pilliers-animes');
|
||||||
|
|
||||||
// // Configuration de l'observateur d'intersection
|
|
||||||
// const observer = new IntersectionObserver(entries => {
|
|
||||||
// entries.forEach(entry => {
|
|
||||||
// if (entry.isIntersecting) {
|
|
||||||
// // Ajoute une classe lorsque l'élément est visible
|
|
||||||
// svg.classList.add('visible');
|
|
||||||
// } else {
|
|
||||||
// // Optionnel : Retirez la classe si nécessaire
|
|
||||||
// svg.classList.remove('visible');
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
// });
|
|
||||||
|
|
||||||
// // Observer l'élément SVG
|
|
||||||
// observer.observe(svg);
|
|
||||||
|
|
||||||
//////////////////////////////////////////////////
|
|
||||||
|
|
||||||
//ANimation Pilliers
|
|
||||||
const svg = document.querySelector('#paragraph-id--7 .colone-picto');
|
|
||||||
|
|
||||||
// Configuration de l'observateur d'intersection
|
// Configuration de l'observateur d'intersection
|
||||||
const observer = new IntersectionObserver(entries => {
|
const observer = new IntersectionObserver(entries => {
|
||||||
entries.forEach(entry => {
|
entries.forEach(entry => {
|
||||||
if (entry.isIntersecting) {
|
if (entry.isIntersecting) {
|
||||||
// Ajoute une classe lorsque l'élément est visible
|
// Ajoute une classe lorsque l'élément est visible
|
||||||
// svg.classList.remove('invisible');
|
svg.classList.add('svg-visible');
|
||||||
svg.classList.add('visible');
|
} else {
|
||||||
}
|
|
||||||
else {
|
|
||||||
// Optionnel : Retirez la classe si nécessaire
|
// Optionnel : Retirez la classe si nécessaire
|
||||||
svg.classList.remove('visible');
|
svg.classList.remove('svg-visible');
|
||||||
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -254,7 +254,6 @@
|
||||||
logo : document.querySelectorAll('#logo-animated-container'),
|
logo : document.querySelectorAll('#logo-animated-container'),
|
||||||
chapeau : document.querySelectorAll('.field_body'),
|
chapeau : document.querySelectorAll('.field_body'),
|
||||||
paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'),
|
paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'),
|
||||||
enjeux : document.querySelectorAll('.field_field_textes .paragraph--type--static-parts .enjeux'),
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const showUp = {
|
const showUp = {
|
||||||
|
|
@ -276,7 +275,6 @@
|
||||||
ScrollReveal().reveal(nodes.logo, Show);
|
ScrollReveal().reveal(nodes.logo, Show);
|
||||||
ScrollReveal().reveal(nodes.chapeau, showUp);
|
ScrollReveal().reveal(nodes.chapeau, showUp);
|
||||||
ScrollReveal().reveal(nodes.paragraph, showUp);
|
ScrollReveal().reveal(nodes.paragraph, showUp);
|
||||||
ScrollReveal().reveal(nodes.enjeux, showUp);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -344,14 +342,8 @@
|
||||||
const monthField = paragraph.querySelector('.field_field_date_de_moi div:nth-of-type(2)');
|
const monthField = paragraph.querySelector('.field_field_date_de_moi div:nth-of-type(2)');
|
||||||
if (monthField) {
|
if (monthField) {
|
||||||
const monthText = monthField.textContent.trim();
|
const monthText = monthField.textContent.trim();
|
||||||
if (monthText === "juillet") {
|
if (monthText.length >= 3) {
|
||||||
monthField.textContent = monthText.slice(0, 4);
|
|
||||||
monthField.classList.add('after');
|
|
||||||
} else if (monthText === "juin") {
|
|
||||||
monthField.textContent = monthText.slice(0, 4);
|
|
||||||
} else if (monthText.length > 3) {
|
|
||||||
monthField.textContent = monthText.slice(0, 3);
|
monthField.textContent = monthText.slice(0, 3);
|
||||||
monthField.classList.add('after');
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -42,7 +42,6 @@
|
||||||
> p:nth-child(1){
|
> p:nth-child(1){
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
flex: 1 100%;
|
flex: 1 100%;
|
||||||
z-index: 6;
|
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
@media(max-width: 1090px){
|
@media(max-width: 1090px){
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
|
|
@ -202,111 +201,135 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
.enjeux{
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#paragraph-id--21,
|
||||||
|
#paragraph-id--28{ ///// Les enjeux 2
|
||||||
|
&.paragraph--type--static-parts{padding-top: 0 !important;}
|
||||||
|
background-color: #edefe8;
|
||||||
|
position: relative;
|
||||||
|
padding-bottom: 6rem;
|
||||||
|
.field_field_title{
|
||||||
|
font-family: 'gilroy-bold';
|
||||||
|
}
|
||||||
|
.field_field_picto{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.field_field_texte{
|
||||||
|
width: 65%;
|
||||||
|
margin: auto;
|
||||||
|
@media(max-width: 1090px){
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
.colone-picto{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: flex-start;
|
||||||
|
padding-left: 6rem;
|
||||||
|
@media(max-width: 1090px){
|
||||||
|
padding-left: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3{
|
||||||
|
flex: 0 80%;
|
||||||
|
color: #0833c2ff;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: column;
|
||||||
flex-wrap: wrap;
|
font-size: 1rem;
|
||||||
justify-content: flex-start;
|
padding-top: 3rem;
|
||||||
h3{
|
border-top: solid 1px #0833c2ff;
|
||||||
flex: 0 80%;
|
}
|
||||||
color: #0833c2ff;
|
|
||||||
display: flex;
|
p{
|
||||||
flex-direction: column;
|
padding-right: 1rem;
|
||||||
font-size: 1rem;
|
padding-bottom: 1rem;
|
||||||
padding-top: 3rem;
|
flex: 1 30%;
|
||||||
border-top: solid 1px #0833c2ff;
|
max-width: 30%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
@media(max-width: 1090px){
|
||||||
|
padding-right: 1rem;
|
||||||
|
flex: 1 30%;
|
||||||
|
max-width: 50%;
|
||||||
|
font-size: 0.9rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
p{
|
/////////
|
||||||
// padding-right: 1rem;
|
&:nth-of-type(1)::before{
|
||||||
// padding-bottom: 1rem;
|
background-image: url("../img/ampoule.svg");
|
||||||
// flex: 1 30%;
|
background-size: 90px 100px;
|
||||||
// max-width: 30%;
|
background-repeat: no-repeat;
|
||||||
// display: flex;
|
display: inline-block;
|
||||||
// flex-direction: column;
|
width: 100px;
|
||||||
// @media(max-width: 1090px){
|
height: 100px;
|
||||||
// padding-right: 1rem;
|
content: "";
|
||||||
// flex: 1 30%;
|
padding-bottom: 1rem;
|
||||||
// max-width: 50%;
|
@media(max-width: 810px){
|
||||||
// font-size: 0.9rem;
|
width: 50px;
|
||||||
// }
|
height: 50px;
|
||||||
|
background-size: 50px 50px;
|
||||||
|
|
||||||
/////////
|
|
||||||
&:nth-of-type(1)::before{
|
|
||||||
background-image: url("../img/ampoule.svg");
|
|
||||||
background-size: 90px 100px;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
display: inline-block;
|
|
||||||
width: 100px;
|
|
||||||
height: 100px;
|
|
||||||
content: "";
|
|
||||||
padding-bottom: 1rem;
|
|
||||||
@media(max-width: 810px){
|
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
background-size: 50px 50px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
&:nth-of-type(2)::before{
|
}
|
||||||
background-image: url("../img/bonhome.svg");
|
&:nth-of-type(2)::before{
|
||||||
background-size: 90px 100px;
|
background-image: url("../img/bonhome.svg");
|
||||||
background-repeat: no-repeat;
|
background-size: 90px 100px;
|
||||||
display: inline-block;
|
background-repeat: no-repeat;
|
||||||
width: 100px;
|
display: inline-block;
|
||||||
height: 100px;
|
width: 100px;
|
||||||
content: "";
|
height: 100px;
|
||||||
padding-bottom: 1rem;
|
content: "";
|
||||||
@media(max-width: 810px){
|
padding-bottom: 1rem;
|
||||||
width: 50px;
|
@media(max-width: 810px){
|
||||||
height: 50px;
|
width: 50px;
|
||||||
background-size: 50px 50px;
|
height: 50px;
|
||||||
}
|
background-size: 50px 50px;
|
||||||
}
|
}
|
||||||
&:nth-of-type(3)::before{
|
}
|
||||||
background-image: url("../img/feuilles.svg");
|
&:nth-of-type(3)::before{
|
||||||
background-size: 90px 100px;
|
background-image: url("../img/feuilles.svg");
|
||||||
background-repeat: no-repeat;
|
background-size: 90px 100px;
|
||||||
display: inline-block;
|
background-repeat: no-repeat;
|
||||||
width: 100px;
|
display: inline-block;
|
||||||
height: 100px;
|
width: 100px;
|
||||||
content: "";
|
height: 100px;
|
||||||
padding-bottom: 1rem;
|
content: "";
|
||||||
@media(max-width: 810px){
|
padding-bottom: 1rem;
|
||||||
width: 50px;
|
@media(max-width: 810px){
|
||||||
height: 50px;
|
width: 50px;
|
||||||
background-size: 50px 50px;
|
height: 50px;
|
||||||
}
|
background-size: 50px 50px;
|
||||||
}
|
}
|
||||||
&:nth-of-type(4)::before{
|
}
|
||||||
background-image: url("../img/calendrier.svg");
|
&:nth-of-type(4)::before{
|
||||||
background-size: 90px 100px;
|
background-image: url("../img/calendrier.svg");
|
||||||
background-repeat: no-repeat;
|
background-size: 90px 100px;
|
||||||
display: inline-block;
|
background-repeat: no-repeat;
|
||||||
width: 100px;
|
display: inline-block;
|
||||||
height: 100px;
|
width: 100px;
|
||||||
content: "";
|
height: 100px;
|
||||||
padding-bottom: 1rem;
|
content: "";
|
||||||
@media(max-width: 810px){
|
padding-bottom: 1rem;
|
||||||
width: 50px;
|
@media(max-width: 810px){
|
||||||
height: 50px;
|
width: 50px;
|
||||||
background-size: 50px 50px;
|
height: 50px;
|
||||||
}
|
background-size: 50px 50px;
|
||||||
}
|
}
|
||||||
&:nth-of-type(5)::before{
|
}
|
||||||
background-image: url("../img/crayons.svg");
|
&:nth-of-type(5)::before{
|
||||||
background-size: 60px 100px;
|
background-image: url("../img/crayons.svg");
|
||||||
background-repeat: no-repeat;
|
background-size: 60px 100px;
|
||||||
display: inline-block;
|
background-repeat: no-repeat;
|
||||||
width: 100px;
|
display: inline-block;
|
||||||
height: 100px;
|
width: 100px;
|
||||||
content: "";
|
height: 100px;
|
||||||
padding-bottom: 1rem;
|
content: "";
|
||||||
@media(max-width: 810px){
|
padding-bottom: 1rem;
|
||||||
width: 50px;
|
@media(max-width: 810px){
|
||||||
height: 50px;
|
width: 50px;
|
||||||
background-size: 50px 50px;
|
height: 50px;
|
||||||
}
|
background-size: 50px 50px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -411,7 +434,6 @@
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
h5{
|
h5{
|
||||||
font-size: 5rem;
|
font-size: 5rem;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
|
|
@ -428,7 +450,7 @@
|
||||||
grid-row: 2;
|
grid-row: 2;
|
||||||
grid-column: 3;
|
grid-column: 3;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -50px;
|
top: -70px;
|
||||||
@media(max-width: 820px){
|
@media(max-width: 820px){
|
||||||
grid-row: 4;
|
grid-row: 4;
|
||||||
grid-column: 2;
|
grid-column: 2;
|
||||||
|
|
@ -551,9 +573,45 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/////////////////animation pilliers //////////////
|
||||||
|
#paragraph-id--7 .colone-picto svg #pillier-1-path365{
|
||||||
|
stroke-dasharray: 1000; /* Longueur totale du chemin */
|
||||||
|
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
|
||||||
|
animation: fillAnimation 8s ease-in-out infinite; /* Animation de remplissage sur 2 secondes */
|
||||||
|
animation-delay: 5s;
|
||||||
|
animation-direction: alternate; /* Animation en aller-retour */
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
#paragraph-id--7 .colone-picto svg #pillier-2-path367{
|
||||||
|
stroke-dasharray: 0; /* Longueur totale du chemin */
|
||||||
|
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
|
||||||
|
animation: fillAnimation 8s ease-in-out infinite; /* Animation de remplissage sur 2 secondes */
|
||||||
|
animation-delay: 10s;
|
||||||
|
animation-direction: alternate; /* Animation en aller-retour */
|
||||||
|
|
||||||
|
}
|
||||||
|
#paragraph-id--7 .colone-picto svg #pillier-3-path369{
|
||||||
|
stroke-dasharray: 0; /* Longueur totale du chemin */
|
||||||
|
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
|
||||||
|
animation: fillAnimation 8s ease-in-out; /* Animation de remplissage sur 2 secondes */
|
||||||
|
animation-delay: 15s;
|
||||||
|
animation-direction: alternate; /* Animation en aller-retour */
|
||||||
|
animation-iteration-count: infinite; /* Animation infinie */
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fillAnimation {
|
||||||
|
from {
|
||||||
|
stroke-dashoffset: 1000; /* Début du chemin de décalage complet */
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
stroke-dashoffset: 0; /* Aucun décalage, le chemin est complètement visible */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.paragraph--type--static-parts:not(#paragraph-id--7){
|
.paragraph--type--static-parts:not(#paragraph-id--7){
|
||||||
#svg1{
|
#svg1{
|
||||||
display: none;
|
display: none;
|
||||||
|
|
|
||||||
|
|
@ -94,10 +94,9 @@
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
&::after{
|
&::after{
|
||||||
display: inline-flex;
|
display: inline-block;
|
||||||
content: url("../img/noun-arrow-to-right.svg");
|
content: url("../img/noun-arrow-to-right.svg");
|
||||||
padding-right: 0.2rem;
|
padding-right: 0.5rem;
|
||||||
padding-left: 0.2rem;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -2,40 +2,35 @@ header{
|
||||||
#block-quartiers-de-demain-logoquartiersdedemain{
|
#block-quartiers-de-demain-logoquartiersdedemain{
|
||||||
.field_field_logo{
|
.field_field_logo{
|
||||||
.qdd-header{
|
.qdd-header{
|
||||||
opacity: 0;
|
|
||||||
&.animated{
|
&.animated{
|
||||||
opacity: 1;
|
|
||||||
transform: scale(2);
|
transform: scale(2);
|
||||||
@media(max-width:820px) {
|
@media(max-width:820px) {
|
||||||
transform: scale(1);
|
transform: scale(1);
|
||||||
}
|
}
|
||||||
.blink-blue {
|
.blink-blue {
|
||||||
opacity: 0;
|
|
||||||
// animation: blink 3s 3;
|
// animation: blink 3s 3;
|
||||||
animation-delay: 0.2s;
|
animation-delay: 0.2s;
|
||||||
animation-name: blink;
|
animation-name: blink;
|
||||||
animation-duration: 10s;
|
animation-duration: 5s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.blink-red {
|
.blink-red {
|
||||||
opacity: 0;
|
animation-delay: 0.4s;
|
||||||
animation-delay: 0.8s;
|
|
||||||
animation-name: blink;
|
animation-name: blink;
|
||||||
animation-duration: 10s;
|
animation-duration: 5s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.blink-black {
|
.blink-black {
|
||||||
opacity: 0;
|
animation-delay: 0.6s;
|
||||||
animation-delay: 1.5s;
|
|
||||||
animation-name: blink;
|
animation-name: blink;
|
||||||
animation-duration: 10s;
|
animation-duration: 5s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.blink-black2 {
|
.blink-black2 {
|
||||||
opacity: 0;
|
animation-delay: 0.8s;
|
||||||
animation-delay: 2s;
|
|
||||||
animation-name: blink;
|
animation-name: blink;
|
||||||
animation-duration: 10s;
|
animation-duration: 5s;
|
||||||
}
|
}
|
||||||
@keyframes blink {
|
@keyframes blink {
|
||||||
0%, 100% {
|
0%, 100% {
|
||||||
|
|
|
||||||
|
|
@ -1,98 +0,0 @@
|
||||||
|
|
||||||
|
|
||||||
#home{
|
|
||||||
/////////////////animation pilliers //////////////
|
|
||||||
#paragraph-id--7 .colone-picto h5,
|
|
||||||
#paragraph-id--7 .colone-picto p,
|
|
||||||
#paragraph-id--7 .colone-picto svg #pillier-1-path365,
|
|
||||||
#paragraph-id--7 .colone-picto svg #pillier-2-path367,
|
|
||||||
#paragraph-id--7 .colone-picto svg #pillier-3-path369{
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.visible{
|
|
||||||
h5:nth-of-type(1) {
|
|
||||||
animation: Appear 1s 0.2s forwards;
|
|
||||||
}
|
|
||||||
svg #pillier-1-path365 {
|
|
||||||
stroke-dasharray: 1000; /* Longueur totale du chemin */
|
|
||||||
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
|
|
||||||
animation: Appear 1s 1.5s forwards, fillAnimation 3s 1.5s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
|
|
||||||
}
|
|
||||||
p:nth-of-type(1) {
|
|
||||||
animation: Appear 1.5s 3s forwards;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
h5:nth-of-type(2) {
|
|
||||||
animation: Appear 1s 4s 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 5s forwards, fillAnimation 3s 5s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
|
|
||||||
}
|
|
||||||
p:nth-of-type(2) {
|
|
||||||
animation: Appear 1.5s 6s forwards;
|
|
||||||
}
|
|
||||||
|
|
||||||
h5:nth-of-type(3) {
|
|
||||||
animation: Appear 1s 7s 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 8s forwards, fillAnimation 3s 8s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
|
|
||||||
}
|
|
||||||
p:nth-of-type(3) {
|
|
||||||
animation: Appear 1.5s 9s forwards;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes Appear {
|
|
||||||
0%{
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@keyframes fillAnimation {
|
|
||||||
from {
|
|
||||||
stroke-dashoffset: 1000; /* Début du chemin de décalage complet */
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
stroke-dashoffset: 0; /* Aucun décalage, le chemin est complètement visible */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// #paragraph-id--7 .colone-picto svg #pillier-1-path365{
|
|
||||||
// stroke-dasharray: 1000; /* Longueur totale du chemin */
|
|
||||||
// stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
|
|
||||||
// animation: fillAnimation 5s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
|
|
||||||
// animation-delay: 5s;
|
|
||||||
// animation-direction: alternate; /* Animation en aller-retour */
|
|
||||||
|
|
||||||
|
|
||||||
// }
|
|
||||||
// #paragraph-id--7 .colone-picto svg #pillier-2-path367{
|
|
||||||
// stroke-dasharray: 0; /* Longueur totale du chemin */
|
|
||||||
// stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
|
|
||||||
// animation: fillAnimation 5s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
|
|
||||||
// animation-delay: 5s;
|
|
||||||
// // animation-direction: alternate; /* Animation en aller-retour */
|
|
||||||
|
|
||||||
// }
|
|
||||||
// #paragraph-id--7 .colone-picto svg #pillier-3-path369{
|
|
||||||
// stroke-dasharray: 1000; /* Longueur totale du chemin */
|
|
||||||
// stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
|
|
||||||
// animation: fillAnimation 5s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
|
|
||||||
// animation-delay: 5s;
|
|
||||||
// // animation-direction: alternate; /* Animation en aller-retour */
|
|
||||||
|
|
||||||
// }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
@ -57,8 +57,8 @@ footer{
|
||||||
img{
|
img{
|
||||||
width: auto;
|
width: auto;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
// padding-left: 1rem;
|
padding-left: 1rem;
|
||||||
padding-bottom: 0.2rem;
|
padding-bottom: 1rem;
|
||||||
@media(max-width: 700px){
|
@media(max-width: 700px){
|
||||||
height: 30px;
|
height: 30px;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
|
|
|
||||||
|
|
@ -2,19 +2,19 @@
|
||||||
|
|
||||||
#background-animated {
|
#background-animated {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -400px;
|
top: 1000px;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
pointer-events: none; /* Permet de cliquer à travers l'élément */
|
pointer-events: none; /* Permet de cliquer à travers l'élément */
|
||||||
z-index: 2; /* S'assure que l'élément soit au-dessus */
|
z-index: 5; /* S'assure que l'élément soit au-dessus */
|
||||||
@media(max-width: 1400px){
|
@media(max-width: 1400px){
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
svg{
|
svg{
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
// top: -1500px;
|
top: -1500px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// .not-visible{
|
// .not-visible{
|
||||||
|
|
@ -25,7 +25,7 @@
|
||||||
|
|
||||||
.layout-content {
|
.layout-content {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1; /* S'assure que le contenu soit au-dessus des animations */
|
z-index: 2; /* S'assure que le contenu soit au-dessus des animations */
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-container.home {
|
.layout-container.home {
|
||||||
|
|
|
||||||
|
|
@ -193,9 +193,6 @@ header{
|
||||||
width: 45%;
|
width: 45%;
|
||||||
transform-origin: bottom right;
|
transform-origin: bottom right;
|
||||||
transition: all 1s ease-in-out;
|
transition: all 1s ease-in-out;
|
||||||
.qdd-header{
|
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
|
||||||
@media(max-width: 810px){
|
@media(max-width: 810px){
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 170px;
|
height: 170px;
|
||||||
|
|
@ -223,9 +220,6 @@ header{
|
||||||
width: 45%;
|
width: 45%;
|
||||||
transform-origin: bottom right;
|
transform-origin: bottom right;
|
||||||
transition: all 0s ease-in-out;
|
transition: all 0s ease-in-out;
|
||||||
.qdd-header{
|
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
|
||||||
@media(max-width: 810px){
|
@media(max-width: 810px){
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 170px;
|
height: 170px;
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@
|
||||||
transition: all 1s;
|
transition: all 1s;
|
||||||
.__paragraphs{
|
.__paragraphs{
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-flex;
|
display: inline-block;
|
||||||
width: 500px;
|
width: 500px;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
background: black;
|
background: black;
|
||||||
|
|
@ -138,15 +138,10 @@
|
||||||
@media(max-width:550px){
|
@media(max-width:550px){
|
||||||
font-size: 4rem;
|
font-size: 4rem;
|
||||||
}
|
}
|
||||||
.after{
|
&::after{
|
||||||
&::after{
|
content: '.';
|
||||||
content: '.';
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.annee{
|
.annee{
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
||||||
|
|
@ -31,8 +31,6 @@
|
||||||
@import "partials/actu-caroussel-home";
|
@import "partials/actu-caroussel-home";
|
||||||
@import "partials/animation-logo-header";
|
@import "partials/animation-logo-header";
|
||||||
@import "partials/formes-animees";
|
@import "partials/formes-animees";
|
||||||
@import "partials/animation-pilliers";
|
|
||||||
|
|
||||||
|
|
||||||
// @import "partials/slick_custom";
|
// @import "partials/slick_custom";
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -23,7 +23,6 @@ let config = {
|
||||||
{
|
{
|
||||||
test: /\.scss$/i,
|
test: /\.scss$/i,
|
||||||
use: [
|
use: [
|
||||||
|
|
||||||
{
|
{
|
||||||
loader: 'file-loader',
|
loader: 'file-loader',
|
||||||
options: {
|
options: {
|
||||||
|
|
@ -47,23 +46,12 @@ let config = {
|
||||||
name: '[name].[ext]',
|
name: '[name].[ext]',
|
||||||
outputPath: 'fonts/'
|
outputPath: 'fonts/'
|
||||||
}
|
}
|
||||||
},
|
}
|
||||||
{
|
|
||||||
loader: 'postcss-loader',
|
|
||||||
options: {
|
|
||||||
sourceMap: true,
|
|
||||||
config: {
|
|
||||||
path: 'postcss.config.js'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
],
|
],
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue