Compare commits
11 Commits
0db3a90e5c
...
prd
| Author | SHA1 | Date | |
|---|---|---|---|
| de35e4aebc | |||
| f25ebcca08 | |||
| d5eb3707e4 | |||
| 707811c43a | |||
| 3431807f04 | |||
| ce0b9b07b0 | |||
| 2c7bb085f8 | |||
| 90075e0826 | |||
| adca214c4b | |||
| 119451da1a | |||
| 7a3a139c3f |
File diff suppressed because one or more lines are too long
@@ -445,6 +445,9 @@ header .header:hover + .header_nav_container {
|
||||
transform-origin: bottom right;
|
||||
transition: all 1s ease-in-out;
|
||||
}
|
||||
.header--collapsed .qdd-header {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
@media (max-width: 810px) {
|
||||
.header--collapsed {
|
||||
width: 100%;
|
||||
@@ -478,6 +481,9 @@ header .header:hover + .header_nav_container {
|
||||
transform-origin: bottom right;
|
||||
transition: all 0s ease-in-out;
|
||||
}
|
||||
.header--collapsed-already .qdd-header {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
@media (max-width: 810px) {
|
||||
.header--collapsed-already {
|
||||
width: 100%;
|
||||
@@ -571,8 +577,7 @@ footer {
|
||||
.footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau img {
|
||||
width: auto;
|
||||
height: 40px;
|
||||
padding-left: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
padding-bottom: 0.2rem;
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
.footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau img {
|
||||
@@ -625,13 +630,29 @@ footer {
|
||||
padding-bottom: 0.6rem;
|
||||
font-size: 0.6rem;
|
||||
}
|
||||
.footer #footer-right #block-quartiers-de-demain-socialmedialinks h2::before {
|
||||
content: "Nous contacter";
|
||||
padding-bottom: 0.6rem;
|
||||
font-weight: 600;
|
||||
.footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-x-twitter::before {
|
||||
display: none;
|
||||
}
|
||||
.footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-3x {
|
||||
font-size: 1.5em;
|
||||
.footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-x-twitter::after {
|
||||
content: url("../img/logo_x.svg") !important;
|
||||
display: block;
|
||||
width: 50px;
|
||||
}
|
||||
.footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-linkedin::before {
|
||||
display: none;
|
||||
}
|
||||
.footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-linkedin::after {
|
||||
content: url("../img/linkedin.svg") !important;
|
||||
display: block;
|
||||
width: 55px;
|
||||
}
|
||||
.footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-youtube::before {
|
||||
display: none;
|
||||
}
|
||||
.footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-youtube::after {
|
||||
content: url("../img/youtube_black.svg") !important;
|
||||
display: block;
|
||||
width: 55px;
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
.footer div {
|
||||
@@ -859,14 +880,23 @@ footer {
|
||||
right: -25px;
|
||||
}
|
||||
.slick-prev:before {
|
||||
content: url("../img/prev.svg ");
|
||||
content: url("../img/prev.svg");
|
||||
display: block;
|
||||
transform: scale(0.8);
|
||||
}
|
||||
@media (max-width: 810px) {
|
||||
.slick-prev:before {
|
||||
transform: scale(0.8);
|
||||
}
|
||||
}
|
||||
[dir=rtl] .slick-prev:before {
|
||||
content: url("../img/next.svg ");
|
||||
content: url("../img/next.svg");
|
||||
display: block;
|
||||
transform: scale(0.8);
|
||||
}
|
||||
@media (max-width: 810px) {
|
||||
[dir=rtl] .slick-prev:before {
|
||||
left: 35%;
|
||||
transform: scale(0.8);
|
||||
}
|
||||
}
|
||||
|
||||
.slick-next {
|
||||
@@ -882,14 +912,23 @@ footer {
|
||||
right: auto;
|
||||
}
|
||||
.slick-next:before {
|
||||
content: url("../img/next.svg ");
|
||||
content: url("../img/next.svg");
|
||||
display: block;
|
||||
transform: scale(0.8);
|
||||
}
|
||||
@media (max-width: 810px) {
|
||||
.slick-next:before {
|
||||
transform: scale(0.8);
|
||||
}
|
||||
}
|
||||
[dir=rtl] .slick-next:before {
|
||||
content: url("../img/prev.svg ");
|
||||
content: url("../img/prev.svg");
|
||||
display: block;
|
||||
transform: scale(0.8);
|
||||
}
|
||||
@media (max-width: 810px) {
|
||||
[dir=rtl] .slick-next:before {
|
||||
right: 42%;
|
||||
transform: scale(0.8);
|
||||
}
|
||||
}
|
||||
|
||||
/* Dots */
|
||||
@@ -978,6 +1017,7 @@ footer {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
padding-top: 1rem !important;
|
||||
}
|
||||
.slick-list:focus {
|
||||
outline: none;
|
||||
@@ -1056,7 +1096,7 @@ footer {
|
||||
}
|
||||
#home .__container-deroulement {
|
||||
background-color: #f3f5fc;
|
||||
background-image: url(../../../dist/assets/img/pillier-1.svg);
|
||||
background-image: url("../../../dist/assets/img/pillier-1-background.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position-x: -20%;
|
||||
@@ -1074,27 +1114,29 @@ footer {
|
||||
font-size: 1.7rem;
|
||||
}
|
||||
#home .timeline {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
padding-top: 5rem;
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 8rem;
|
||||
height: 950px;
|
||||
}
|
||||
@media (max-width: 1090px) {
|
||||
#home .timeline {
|
||||
padding-top: 14rem;
|
||||
overflow: scroll;
|
||||
height: 600px;
|
||||
}
|
||||
}
|
||||
#home .timeline .__timeline-arrows {
|
||||
width: fit-content;
|
||||
margin: auto;
|
||||
position: relative;
|
||||
top: -115px;
|
||||
margin-top: 0;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
@media (max-width: 1090px) {
|
||||
#home .timeline .__timeline-arrows {
|
||||
top: -211px;
|
||||
margin-bottom: 9rem;
|
||||
}
|
||||
}
|
||||
#home .timeline .__timeline-arrows button {
|
||||
@@ -1110,21 +1152,19 @@ footer {
|
||||
}
|
||||
}
|
||||
#home .timeline .__timeline-content {
|
||||
width: 100vw;
|
||||
width: fit-content;
|
||||
padding-top: 7rem;
|
||||
padding-bottom: 2rem;
|
||||
padding-left: 3rem;
|
||||
transition: all 1s;
|
||||
}
|
||||
#home .timeline .__timeline-content .__paragraphs {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 500px;
|
||||
display: inline-flex;
|
||||
width: 700px;
|
||||
height: 1px;
|
||||
background: black;
|
||||
}
|
||||
#home .timeline .__timeline-content .__paragraphs:first-of-type {
|
||||
height: 0px;
|
||||
}
|
||||
#home .timeline .__timeline-content .__paragraphs:not(:first-child) {
|
||||
margin-left: 14px;
|
||||
}
|
||||
@@ -1132,7 +1172,7 @@ footer {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 100%;
|
||||
left: -18px;
|
||||
bottom: 0;
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
@@ -1146,20 +1186,18 @@ footer {
|
||||
}
|
||||
}
|
||||
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
position: absolute;
|
||||
left: 65%;
|
||||
padding-bottom: 1rem;
|
||||
left: -18px;
|
||||
top: -16px;
|
||||
transform: translateY(-100%);
|
||||
width: 400px;
|
||||
width: 600px;
|
||||
height: 300px;
|
||||
font-size: 1rem;
|
||||
white-space: normal;
|
||||
color: black;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
padding-bottom: 1rem;
|
||||
padding-left: 2rem;
|
||||
padding-right: 2rem;
|
||||
}
|
||||
@media (max-width: 550px) {
|
||||
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement {
|
||||
@@ -1199,7 +1237,7 @@ footer {
|
||||
font-size: 4rem;
|
||||
}
|
||||
}
|
||||
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date .field_field_date_de_moi::after {
|
||||
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date .field_field_date_de_moi .after::after {
|
||||
content: ".";
|
||||
}
|
||||
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date .annee {
|
||||
@@ -1244,11 +1282,13 @@ footer {
|
||||
border-radius: 5%;
|
||||
padding: 0.6rem 0.6rem;
|
||||
line-height: 1.1;
|
||||
min-width: 65%;
|
||||
width: fit-content;
|
||||
min-width: 35%;
|
||||
}
|
||||
@media (max-width: 1090px) {
|
||||
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text {
|
||||
height: 200px;
|
||||
min-width: 80%;
|
||||
}
|
||||
}
|
||||
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre {
|
||||
@@ -1362,7 +1402,7 @@ footer {
|
||||
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_type_d_actualite {
|
||||
text-transform: uppercase;
|
||||
color: red;
|
||||
font-size: 0.6rem;
|
||||
font-size: 0.5rem;
|
||||
font-family: "gilroy-bold";
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
@@ -1376,7 +1416,7 @@ footer {
|
||||
color: red;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
font-size: 0.6rem;
|
||||
font-size: 0.5rem;
|
||||
font-family: "gilroy-bold";
|
||||
}
|
||||
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_date::before {
|
||||
@@ -1413,7 +1453,11 @@ 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 {
|
||||
opacity: 1;
|
||||
transform: scale(2);
|
||||
}
|
||||
@media (max-width: 820px) {
|
||||
@@ -1422,24 +1466,28 @@ 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 {
|
||||
opacity: 0;
|
||||
animation-delay: 0.2s;
|
||||
animation-name: blink;
|
||||
animation-duration: 5s;
|
||||
animation-duration: 10s;
|
||||
}
|
||||
header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header.animated .blink-red {
|
||||
animation-delay: 0.4s;
|
||||
animation-name: blink;
|
||||
animation-duration: 5s;
|
||||
}
|
||||
header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header.animated .blink-black {
|
||||
animation-delay: 0.6s;
|
||||
animation-name: blink;
|
||||
animation-duration: 5s;
|
||||
}
|
||||
header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header.animated .blink-black2 {
|
||||
opacity: 0;
|
||||
animation-delay: 0.8s;
|
||||
animation-name: blink;
|
||||
animation-duration: 5s;
|
||||
animation-duration: 10s;
|
||||
}
|
||||
header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header.animated .blink-black {
|
||||
opacity: 0;
|
||||
animation-delay: 1.5s;
|
||||
animation-name: blink;
|
||||
animation-duration: 10s;
|
||||
}
|
||||
header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header.animated .blink-black2 {
|
||||
opacity: 0;
|
||||
animation-delay: 2s;
|
||||
animation-name: blink;
|
||||
animation-duration: 10s;
|
||||
}
|
||||
@keyframes blink {
|
||||
0%, 100% {
|
||||
@@ -1466,12 +1514,12 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||
|
||||
#home #background-animated {
|
||||
position: absolute;
|
||||
top: 1000px;
|
||||
top: -400px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
pointer-events: none; /* Permet de cliquer à travers l'élément */
|
||||
z-index: 5; /* S'assure que l'élément soit au-dessus */
|
||||
z-index: 2; /* S'assure que l'élément soit au-dessus */
|
||||
}
|
||||
@media (max-width: 1400px) {
|
||||
#home #background-animated {
|
||||
@@ -1481,16 +1529,72 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||
#home #background-animated svg {
|
||||
max-width: 100%;
|
||||
position: relative;
|
||||
top: -1500px;
|
||||
}
|
||||
#home .layout-content {
|
||||
position: relative;
|
||||
z-index: 2; /* S'assure que le contenu soit au-dessus des animations */
|
||||
z-index: 1; /* S'assure que le contenu soit au-dessus des animations */
|
||||
}
|
||||
#home .layout-container.home {
|
||||
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 0s 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 0.2s forwards, fillAnimation 2s 0.2s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
|
||||
}
|
||||
#home .visible p:nth-of-type(1) {
|
||||
animation: Appear 1s 1s forwards;
|
||||
}
|
||||
#home .visible h5:nth-of-type(2) {
|
||||
animation: Appear 1s 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 */
|
||||
}
|
||||
#home .visible p:nth-of-type(2) {
|
||||
animation: Appear 1s 3s forwards;
|
||||
}
|
||||
#home .visible h5:nth-of-type(3) {
|
||||
animation: Appear 1s 4s 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 */
|
||||
}
|
||||
#home .visible p:nth-of-type(3) {
|
||||
animation: Appear 1s 5s 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*/
|
||||
#home .config_pages--type--diaporama-home {
|
||||
position: relative;
|
||||
@@ -1534,6 +1638,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||
#home article.node-type-static .field_body > p:nth-child(1) {
|
||||
margin-bottom: 0;
|
||||
flex: 1 100%;
|
||||
z-index: 6;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
@media (max-width: 1090px) {
|
||||
@@ -1711,51 +1816,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||
background-size: 50px 50px;
|
||||
}
|
||||
}
|
||||
#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 {
|
||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
padding-left: 6rem;
|
||||
}
|
||||
@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 {
|
||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux h3 {
|
||||
flex: 0 80%;
|
||||
color: #0833c2;
|
||||
display: flex;
|
||||
@@ -1764,26 +1831,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||
padding-top: 3rem;
|
||||
border-top: solid 1px #0833c2;
|
||||
}
|
||||
#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 {
|
||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(1)::before {
|
||||
background-image: url("../img/ampoule.svg");
|
||||
background-size: 90px 100px;
|
||||
background-repeat: no-repeat;
|
||||
@@ -1794,15 +1842,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
@media (max-width: 810px) {
|
||||
#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 {
|
||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(1)::before {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background-size: 50px 50px;
|
||||
}
|
||||
}
|
||||
#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 {
|
||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(2)::before {
|
||||
background-image: url("../img/bonhome.svg");
|
||||
background-size: 90px 100px;
|
||||
background-repeat: no-repeat;
|
||||
@@ -1813,15 +1859,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
@media (max-width: 810px) {
|
||||
#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 {
|
||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(2)::before {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background-size: 50px 50px;
|
||||
}
|
||||
}
|
||||
#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 {
|
||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(3)::before {
|
||||
background-image: url("../img/feuilles.svg");
|
||||
background-size: 90px 100px;
|
||||
background-repeat: no-repeat;
|
||||
@@ -1832,15 +1876,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
@media (max-width: 810px) {
|
||||
#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 {
|
||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(3)::before {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background-size: 50px 50px;
|
||||
}
|
||||
}
|
||||
#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 {
|
||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(4)::before {
|
||||
background-image: url("../img/calendrier.svg");
|
||||
background-size: 90px 100px;
|
||||
background-repeat: no-repeat;
|
||||
@@ -1851,15 +1893,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
@media (max-width: 810px) {
|
||||
#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 {
|
||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(4)::before {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background-size: 50px 50px;
|
||||
}
|
||||
}
|
||||
#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 {
|
||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(5)::before {
|
||||
background-image: url("../img/crayons.svg");
|
||||
background-size: 60px 100px;
|
||||
background-repeat: no-repeat;
|
||||
@@ -1870,8 +1910,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
@media (max-width: 810px) {
|
||||
#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 {
|
||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(5)::before {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background-size: 50px 50px;
|
||||
@@ -2004,7 +2043,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||
grid-row: 2;
|
||||
grid-column: 3;
|
||||
position: relative;
|
||||
top: -70px;
|
||||
top: -50px;
|
||||
}
|
||||
@media (max-width: 820px) {
|
||||
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto h5:nth-of-type(2) {
|
||||
@@ -2130,6 +2169,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto p:nth-of-type(3) {
|
||||
grid-row: 3;
|
||||
grid-column: 5/span 6;
|
||||
max-width: 406px;
|
||||
}
|
||||
@media (max-width: 820px) {
|
||||
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto p:nth-of-type(3) {
|
||||
@@ -2140,36 +2180,6 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||
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 {
|
||||
display: none;
|
||||
}
|
||||
@@ -2496,9 +2506,10 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||
display: none;
|
||||
}
|
||||
.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_field_lien a::after {
|
||||
display: inline-block;
|
||||
display: inline-flex;
|
||||
content: url("../img/noun-arrow-to-right.svg");
|
||||
padding-right: 0.5rem;
|
||||
padding-right: 0.2rem;
|
||||
padding-left: 0.2rem;
|
||||
}
|
||||
|
||||
.node-type-static main {
|
||||
@@ -2595,6 +2606,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||
}
|
||||
#page-node .content_container .node-type-actualite {
|
||||
width: 100%;
|
||||
padding-bottom: 7rem;
|
||||
}
|
||||
#page-node .content_container .node-type-actualite .infos-actu {
|
||||
display: flex;
|
||||
@@ -2626,6 +2638,9 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
||||
content: url("../img/date-actu.svg");
|
||||
padding-right: 0.4rem;
|
||||
}
|
||||
#page-node .content_container .node-type-actualite .field_body {
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
#page-node .content_container .node-type-actualite .field_body p {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
@@ -51,7 +51,7 @@
|
||||
id="path148"
|
||||
d="M 0,0 211.55,177.512"
|
||||
style="fill:none;stroke:#0833c2;stroke-width:70;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
transform="matrix(1.3333333,0,0,-1.3333333,1686.6035,8250)" />
|
||||
transform="matrix(1.3333333,0,0,-1.3333333,1686.6035,8050)" />
|
||||
<path
|
||||
id="path151"
|
||||
d="M 0,0 V -174.775"
|
||||
@@ -61,7 +61,7 @@
|
||||
id="path254"
|
||||
d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
|
||||
style="fill:none;stroke:#000000;stroke-width:100.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
transform="matrix(1.3333333,0,0,-1.3333333,1838.3405,9350)"
|
||||
transform="matrix(1.3333333,0,0,-1.3333333,1838.3405,9150)"
|
||||
clip-path="url(#clipPath255)" />
|
||||
<path
|
||||
id="path256"
|
||||
|
||||
|
Before Width: | Height: | Size: 4.0 KiB After Width: | Height: | Size: 4.0 KiB |
@@ -1 +1,45 @@
|
||||
<?xml version="1.0" ?><svg enable-background="new 0 0 32 32" version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Flat_copy"><g><path d="M16,0C7.163,0,0,7.163,0,16c0,8.836,7.163,16,16,16s16-7.164,16-16C32,7.163,24.837,0,16,0z" fill="#333333"/></g><path d="M24.294,22.942v-6.137c0-3.288-1.755-4.818-4.096-4.818c-1.889,0-2.735,1.039-3.206,1.768v-1.517h-3.558 c0.047,1.005,0,10.704,0,10.704h3.558v-5.978c0-0.319,0.023-0.639,0.117-0.867c0.257-0.639,0.842-1.301,1.825-1.301 c1.288,0,1.803,0.981,1.803,2.42v5.727L24.294,22.942L24.294,22.942z M9.685,10.777c1.24,0,2.013-0.823,2.013-1.85 c-0.023-1.05-0.773-1.849-1.99-1.849S7.696,7.877,7.696,8.927c0,1.028,0.772,1.85,1.967,1.85H9.685z M11.464,22.942V12.238H7.907 v10.704H11.464z" fill="#FFFFFF"/></g></svg>
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="53.05183"
|
||||
height="53.337986"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
sodipodi:docname="linkedin.svg"
|
||||
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:zoom="15.223672"
|
||||
inkscape:cx="26.504775"
|
||||
inkscape:cy="26.668993"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1016"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="36"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg1" />
|
||||
<defs
|
||||
id="defs1" />
|
||||
<ellipse
|
||||
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.929115;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
id="path2"
|
||||
cx="26.525915"
|
||||
cy="26.668993"
|
||||
rx="26.525915"
|
||||
ry="26.668993" />
|
||||
<path
|
||||
d="M 41.203877,38.673405 V 28.097989 c 0,-5.665951 -3.024254,-8.302481 -7.058317,-8.302481 -3.255166,0 -4.713012,1.790427 -5.52465,3.046656 v -2.614129 h -6.131224 c 0.081,1.731839 0,18.44537 0,18.44537 H 28.62091 V 28.371983 c 0,-0.549707 0.03963,-1.10114 0.201618,-1.494034 0.442868,-1.10114 1.450953,-2.241912 3.144879,-2.241912 2.219511,0 3.106971,1.690481 3.106971,4.170198 v 9.868892 z M 16.029328,17.710409 c 2.136795,0 3.468845,-1.418212 3.468845,-3.187962 -0.03963,-1.809382 -1.33205,-3.186237 -3.429211,-3.186237 -2.097161,0 -3.467123,1.376855 -3.467123,3.186237 0,1.771474 1.330329,3.187962 3.389578,3.187962 z m 3.065612,20.962996 v -18.44537 h -6.129499 v 18.44537 z"
|
||||
fill="#ffffff"
|
||||
id="path2-9"
|
||||
style="stroke-width:1.72322" />
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 843 B After Width: | Height: | Size: 2.0 KiB |
21
web/themes/custom/quartiers_de_demain/dist/assets/img/linkedin2.svg
vendored
Normal file
21
web/themes/custom/quartiers_de_demain/dist/assets/img/linkedin2.svg
vendored
Normal file
@@ -0,0 +1,21 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
enable-background="new 0 0 32 32"
|
||||
version="1.1"
|
||||
viewBox="0 0 31.999998 32"
|
||||
xml:space="preserve"
|
||||
id="svg2"
|
||||
width="31.999998"
|
||||
height="32"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><defs
|
||||
id="defs2" /><g
|
||||
id="g1"
|
||||
style="fill:#000000;fill-opacity:1"><path
|
||||
d="M 16,0 C 7.163,0 0,7.163 0,16 0,24.836 7.163,32 16,32 24.837,32 32,24.836 32,16 32,7.163 24.837,0 16,0 Z"
|
||||
fill="#333333"
|
||||
id="path1"
|
||||
style="fill:#000000;fill-opacity:1" /></g><path
|
||||
d="m 24.294,22.942 v -6.137 c 0,-3.288 -1.755,-4.818 -4.096,-4.818 -1.889,0 -2.735,1.039 -3.206,1.768 v -1.517 h -3.558 c 0.047,1.005 0,10.704 0,10.704 h 3.558 v -5.978 c 0,-0.319 0.023,-0.639 0.117,-0.867 0.257,-0.639 0.842,-1.301 1.825,-1.301 1.288,0 1.803,0.981 1.803,2.42 v 5.727 z M 9.6849997,10.777 C 10.925,10.777 11.698,9.954 11.698,8.927 11.675,7.877 10.925,7.078 9.7079997,7.078 8.491,7.078 7.696,7.877 7.696,8.927 c 0,1.028 0.7720001,1.85 1.9669997,1.85 z M 11.464,22.942 V 12.238 H 7.9070001 v 10.704 z"
|
||||
fill="#ffffff"
|
||||
id="path2" /></svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
@@ -1,22 +1,47 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="268.03613"
|
||||
height="269.48193"
|
||||
width="53.051826"
|
||||
height="53.33799"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
sodipodi:docname="logo_x.svg"
|
||||
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:zoom="18.148415"
|
||||
inkscape:cx="26.531242"
|
||||
inkscape:cy="26.668995"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1016"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="36"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg1" />
|
||||
<defs
|
||||
id="defs1" />
|
||||
<ellipse
|
||||
style="fill:#333333;fill-rule:evenodd;stroke:none;stroke-width:4.69421;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
style="fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.929115;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers;fill-opacity:1"
|
||||
id="path2"
|
||||
cx="134.01807"
|
||||
cy="134.74095"
|
||||
rx="134.01807"
|
||||
ry="134.74095" />
|
||||
cx="26.525915"
|
||||
cy="26.668991"
|
||||
rx="26.525915"
|
||||
ry="26.668993"
|
||||
inkscape:export-filename="logo_x.svg"
|
||||
inkscape:export-xdpi="300"
|
||||
inkscape:export-ydpi="300" />
|
||||
<path
|
||||
d="m 182.04042,59.990498 h 25.37653 l -55.71807,63.441352 65.09636,86.05957 H 165.71116 L 125.7155,157.19367 79.927403,209.49142 H 54.550874 L 113.57892,141.63674 51.240878,59.990498 h 52.352912 l 36.13399,47.774082 z m -8.88177,134.605972 h 14.06741 L 96.201523,74.33374 h -15.11563 z"
|
||||
d="m 36.030879,11.87379 h 5.022723 L 30.025441,24.430604 42.909827,41.464194 H 32.798863 L 24.882606,31.11301 15.819864,41.464194 H 10.797141 L 22.480438,28.03386 10.142,11.87379 h 10.362102 l 7.151925,9.455824 z m -1.75795,26.642278 h 2.784333 L 19.040966,14.712718 h -2.991805 z"
|
||||
id="path1"
|
||||
style="fill:#ffffff;stroke-width:0.551663" />
|
||||
style="fill:#ffffff;stroke-width:0.109189" />
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 877 B After Width: | Height: | Size: 1.7 KiB |
@@ -2,8 +2,8 @@
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="7mm"
|
||||
height="7mm"
|
||||
width="35px"
|
||||
height="35px"
|
||||
viewBox="0 0 10.531931 10.531931"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
|
||||
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
34
web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-1-background.svg
vendored
Normal file
34
web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-1-background.svg
vendored
Normal file
@@ -0,0 +1,34 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
width="300"
|
||||
height="300"
|
||||
viewBox="0 0 362.79999 362.80029"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs1">
|
||||
<clipPath
|
||||
clipPathUnits="userSpaceOnUse"
|
||||
id="clipPath366">
|
||||
<path
|
||||
d="M 0,0 H 1920 V 9000 H 0 Z"
|
||||
transform="translate(-579.53411,-2913.3184)"
|
||||
id="path366" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
<g
|
||||
id="g1"
|
||||
transform="translate(-466.57886,-7752.7755)">
|
||||
<path
|
||||
class='pilliers-animes'
|
||||
id="pillier-1-path365"
|
||||
d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
|
||||
style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dashoffset:1000;stroke-opacity:1"
|
||||
transform="matrix(1.3333333,0,0,-1.3333333,700,8200)"
|
||||
clip-path="url(#clipPath366)" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
@@ -1,33 +1,24 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
enable-background="new 0 0 32 32"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
width="50.094727"
|
||||
height="50.094727"
|
||||
viewBox="0 0 50.094727 50.094726"
|
||||
viewBox="0 0 31.768332 31.76833"
|
||||
xml:space="preserve"
|
||||
id="svg2"
|
||||
width="31.768332"
|
||||
height="31.76833"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs1">
|
||||
<clipPath
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><defs
|
||||
id="defs2"><clipPath
|
||||
clipPathUnits="userSpaceOnUse"
|
||||
id="clipPath14">
|
||||
<path
|
||||
id="clipPath14"><path
|
||||
d="M 0,0 H 1920 V 9000 H 0 Z"
|
||||
transform="translate(-1656.5101,-178.248)"
|
||||
id="path14" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
<g
|
||||
id="g1"
|
||||
transform="translate(-2158.5854,-11737.288)">
|
||||
<path
|
||||
id="path14" /></clipPath></defs><g
|
||||
id="g2"
|
||||
transform="matrix(0.63416594,0,0,0.63416594,-1368.9014,-7443.3883)"><path
|
||||
id="path13"
|
||||
d="m 0,0 c 0,10.375 -8.411,18.786 -18.786,18.786 -10.374,0 -18.785,-8.411 -18.785,-18.786 0,-10.375 8.411,-18.785 18.785,-18.785 C -8.411,-18.785 0,-10.375 0,0 m -8.66,-2.644 c 0,-2.455 -1.989,-4.444 -4.444,-4.444 h -11.363 c -2.455,0 -4.444,1.989 -4.444,4.444 v 5.288 c 0,2.454 1.989,4.444 4.444,4.444 h 11.363 c 2.455,0 4.444,-1.99 4.444,-4.444 z m -6.683,2.248 c 0.207,0.112 -0.007,0.407 -0.212,0.524 l -4.878,2.654 c -0.199,0.114 -0.884,-0.031 -0.884,-0.261 v -5.175 c 0,-0.227 0.679,-0.371 0.879,-0.263 z"
|
||||
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||
transform="matrix(1.3333333,0,0,-1.3333333,2208.6801,11762.336)"
|
||||
clip-path="url(#clipPath14)" />
|
||||
</g>
|
||||
</svg>
|
||||
clip-path="url(#clipPath14)" /></g></svg>
|
||||
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
74
web/themes/custom/quartiers_de_demain/dist/assets/img/youtube_black.svg
vendored
Normal file
74
web/themes/custom/quartiers_de_demain/dist/assets/img/youtube_black.svg
vendored
Normal file
@@ -0,0 +1,74 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
enable-background="new 0 0 32 32"
|
||||
version="1.1"
|
||||
viewBox="0 0 32 32"
|
||||
xml:space="preserve"
|
||||
id="svg25"
|
||||
sodipodi:docname="youtube_black.svg"
|
||||
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"><metadata
|
||||
id="metadata31"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs29" /><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1015"
|
||||
id="namedview27"
|
||||
showgrid="false"
|
||||
inkscape:zoom="13.515625"
|
||||
inkscape:cx="9.3724133"
|
||||
inkscape:cy="18.847089"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg25" /><g
|
||||
id="Flat_copy"><g
|
||||
id="g4"><path
|
||||
d="M16-0.005c-8.837,0-16,7.163-16,16c0,8.836,7.163,16,16,16s16-7.164,16-16C32,7.158,24.837-0.005,16-0.005 z"
|
||||
fill="#333333"
|
||||
id="path2"
|
||||
style="fill:#000000" /></g><g
|
||||
id="g22"><path
|
||||
d="M15.997,15.202c0-0.001,6.331,0.009,7.082,0.76c0.754,0.752,0.763,4.462,0.763,4.483 c0,0-0.006,3.73-0.763,4.484c-0.752,0.749-7.082,0.766-7.082,0.766s-6.33-0.016-7.083-0.766c-0.754-0.752-0.755-4.456-0.755-4.484 c0-0.021,0.002-3.731,0.755-4.483C9.667,15.212,15.997,15.202,15.997,15.202z"
|
||||
fill="#FFFFFF"
|
||||
id="path6" /><path
|
||||
d="M22.491,21.325v-1.186c0-0.441-0.112-0.779-0.336-1.014c-0.225-0.235-0.547-0.353-0.966-0.353 c-0.41,0-0.743,0.127-1.002,0.381c-0.258,0.254-0.389,0.584-0.389,0.986v2.089c0,0.449,0.12,0.801,0.354,1.055 c0.235,0.256,0.559,0.383,0.968,0.383c0.455,0,0.798-0.12,1.026-0.36c0.231-0.243,0.344-0.602,0.344-1.079v-0.239H21.55V22.2 c0,0.275-0.032,0.451-0.092,0.531c-0.06,0.08-0.166,0.12-0.318,0.12c-0.146,0-0.248-0.046-0.31-0.141 c-0.059-0.095-0.089-0.265-0.089-0.51v-0.875H22.491z M20.741,20.599v-0.47c0-0.195,0.031-0.335,0.094-0.417 c0.064-0.087,0.169-0.128,0.314-0.128c0.139,0,0.242,0.041,0.303,0.128c0.064,0.082,0.097,0.222,0.097,0.417v0.47H20.741z"
|
||||
fill="#333333"
|
||||
id="path8"
|
||||
style="fill:#000000" /><path
|
||||
d="M19.09,19.126c-0.152-0.197-0.373-0.296-0.663-0.296c-0.142,0-0.282,0.036-0.422,0.111 c-0.138,0.073-0.268,0.182-0.392,0.323v-2.031h-0.924v6.306h0.924v-0.357c0.119,0.144,0.251,0.247,0.391,0.315 c0.139,0.068,0.298,0.101,0.478,0.101c0.271,0,0.48-0.086,0.622-0.263c0.144-0.176,0.215-0.428,0.215-0.757v-2.582 C19.319,19.615,19.244,19.324,19.09,19.126z M18.378,22.449c0,0.15-0.028,0.255-0.08,0.32c-0.052,0.067-0.134,0.099-0.246,0.099 c-0.078,0-0.15-0.017-0.221-0.05c-0.071-0.032-0.144-0.09-0.218-0.164v-2.899c0.062-0.064,0.125-0.112,0.189-0.142 c0.063-0.031,0.128-0.045,0.194-0.045c0.123,0,0.219,0.04,0.285,0.121c0.064,0.081,0.097,0.201,0.097,0.357V22.449z"
|
||||
fill="#333333"
|
||||
id="path10"
|
||||
style="fill:#000000" /><path
|
||||
d="M15.087,23.538v-0.511c-0.17,0.189-0.345,0.333-0.529,0.431c-0.183,0.1-0.36,0.148-0.531,0.148 c-0.212,0-0.369-0.068-0.478-0.208c-0.105-0.139-0.16-0.345-0.16-0.623v-3.89h0.914v3.568c0,0.111,0.019,0.19,0.056,0.24 c0.04,0.05,0.103,0.074,0.188,0.074c0.067,0,0.153-0.032,0.256-0.099c0.103-0.066,0.197-0.148,0.284-0.249v-3.534H16v4.653 L15.087,23.538L15.087,23.538z"
|
||||
fill="#333333"
|
||||
id="path12"
|
||||
style="fill:#000000" /><polygon
|
||||
fill="#333333"
|
||||
points="11.921,18.149 11.921,23.538 10.889,23.538 10.889,18.149 9.823,18.149 9.823,17.233 12.987,17.233 12.987,18.149 "
|
||||
id="polygon14"
|
||||
style="fill:#000000" /><path
|
||||
d="M21.146,13.251h-1.03v-0.566c-0.188,0.208-0.386,0.368-0.592,0.476c-0.205,0.109-0.404,0.164-0.597,0.164 c-0.24,0-0.418-0.077-0.538-0.229c-0.12-0.153-0.181-0.381-0.181-0.687V8.126h1.028v3.929c0,0.121,0.024,0.209,0.067,0.263 c0.042,0.055,0.113,0.082,0.209,0.082c0.075,0,0.171-0.036,0.287-0.108c0.115-0.072,0.222-0.164,0.317-0.276v-3.89h1.03 L21.146,13.251L21.146,13.251z"
|
||||
fill="#FFFFFF"
|
||||
id="path16" /><path
|
||||
d="M16.965,8.369c-0.273-0.248-0.623-0.373-1.049-0.373c-0.467,0-0.841,0.118-1.117,0.353 c-0.278,0.235-0.417,0.551-0.416,0.949v2.656c0,0.436,0.136,0.782,0.405,1.04c0.271,0.257,0.632,0.386,1.082,0.386 c0.469,0,0.835-0.125,1.104-0.374c0.266-0.25,0.399-0.593,0.399-1.031V9.327C17.372,8.937,17.236,8.617,16.965,8.369z M16.323,12.052c0,0.136-0.041,0.244-0.123,0.324c-0.083,0.078-0.193,0.117-0.332,0.117c-0.137,0-0.242-0.038-0.314-0.115 c-0.073-0.078-0.111-0.186-0.111-0.326V9.26c0-0.112,0.04-0.203,0.118-0.272c0.079-0.069,0.181-0.103,0.307-0.103 c0.135,0,0.245,0.034,0.329,0.103c0.084,0.069,0.126,0.16,0.126,0.272V12.052z"
|
||||
fill="#FFFFFF"
|
||||
id="path18" /><polygon
|
||||
fill="#FFFFFF"
|
||||
points="11.578,6.305 10.41,6.305 11.79,10.499 11.79,13.251 12.95,13.251 12.95,10.369 14.299,6.305 13.12,6.305 12.404,9.081 12.331,9.081 "
|
||||
id="polygon20" /></g></g></svg>
|
||||
|
After Width: | Height: | Size: 5.5 KiB |
5803
web/themes/custom/quartiers_de_demain/package-lock.json
generated
5803
web/themes/custom/quartiers_de_demain/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@@ -2,445 +2,14 @@
|
||||
"name": "quartiers_de_demain",
|
||||
"version": "1.0.0",
|
||||
"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": {
|
||||
"autoprefixer": "^10.4.19",
|
||||
"file-loader": "^6.2.0",
|
||||
"postcss-loader": "^8.1.1",
|
||||
"sass": "^1.77.2",
|
||||
"sass-loader": "^14.2.1",
|
||||
"webpack": "^5.91.0",
|
||||
"webpack-cli": "^5.1.4"
|
||||
|
||||
},
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1",
|
||||
@@ -449,5 +18,13 @@
|
||||
"keywords": [],
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"description": ""
|
||||
"description": "",
|
||||
"browserslist": [
|
||||
"defaults",
|
||||
"not ie < 11",
|
||||
"last 2 versions",
|
||||
"> 1%",
|
||||
"iOS 7",
|
||||
"last 3 iOS versions"
|
||||
]
|
||||
}
|
||||
|
||||
5
web/themes/custom/quartiers_de_demain/postcss.config.js
Normal file
5
web/themes/custom/quartiers_de_demain/postcss.config.js
Normal file
@@ -0,0 +1,5 @@
|
||||
module.exports = {
|
||||
plugins: [
|
||||
require('autoprefixer')
|
||||
]
|
||||
};
|
||||
@@ -11,18 +11,42 @@ document.addEventListener('scroll', function() {
|
||||
|
||||
|
||||
//ANimation Pilliers
|
||||
const svg = document.querySelector('#paragraph-id--7 .pilliers-animes');
|
||||
// const svg = document.querySelector('#paragraph-id--7 .colone-picto');
|
||||
|
||||
// // 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
|
||||
const observer = new IntersectionObserver(entries => {
|
||||
entries.forEach(entry => {
|
||||
if (entry.isIntersecting) {
|
||||
// Ajoute une classe lorsque l'élément est visible
|
||||
svg.classList.add('svg-visible');
|
||||
} else {
|
||||
// Optionnel : Retirez la classe si nécessaire
|
||||
svg.classList.remove('svg-visible');
|
||||
}
|
||||
// svg.classList.remove('invisible');
|
||||
svg.classList.add('visible');
|
||||
}
|
||||
// else {
|
||||
// // Optionnel : Retirez la classe si nécessaire
|
||||
// svg.classList.remove('visible');
|
||||
|
||||
// }
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
@@ -254,6 +254,7 @@
|
||||
logo : document.querySelectorAll('#logo-animated-container'),
|
||||
chapeau : document.querySelectorAll('.field_body'),
|
||||
paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'),
|
||||
enjeux : document.querySelectorAll('.field_field_textes .paragraph--type--static-parts .enjeux'),
|
||||
}
|
||||
|
||||
const showUp = {
|
||||
@@ -275,6 +276,7 @@
|
||||
ScrollReveal().reveal(nodes.logo, Show);
|
||||
ScrollReveal().reveal(nodes.chapeau, showUp);
|
||||
ScrollReveal().reveal(nodes.paragraph, showUp);
|
||||
ScrollReveal().reveal(nodes.enjeux, showUp);
|
||||
}
|
||||
|
||||
|
||||
@@ -302,17 +304,17 @@
|
||||
}
|
||||
|
||||
function showSlides(index) {
|
||||
const slides = document.querySelectorAll('.paragraph--type--phase-deroulement');
|
||||
const slides = document.querySelectorAll('.__paragraphs');
|
||||
const totalSlides = slides.length;
|
||||
const visibleSlides = getVisibleSlides();
|
||||
const maxSlide = totalSlides - visibleSlides + 1;
|
||||
const maxSlide = totalSlides - visibleSlides;
|
||||
|
||||
// Adjust the index to ensure it stays within bounds
|
||||
currentSlide = Math.max(0.6, Math.min(index, maxSlide));
|
||||
currentSlide = Math.max(0, Math.min(index, maxSlide));
|
||||
|
||||
// Calculate the offset for the transform
|
||||
const offset = currentSlide * -70 / visibleSlides;
|
||||
const offsetmobile = currentSlide * -100 / visibleSlides;
|
||||
const offset = currentSlide * -50 / visibleSlides;
|
||||
const offsetmobile = currentSlide * -10 / visibleSlides;
|
||||
if (window.innerWidth <= 600){
|
||||
document.querySelector('.__timeline-content').style.transform = `translateX(${offsetmobile}%)`;
|
||||
} else {
|
||||
@@ -342,23 +344,54 @@
|
||||
const monthField = paragraph.querySelector('.field_field_date_de_moi div:nth-of-type(2)');
|
||||
if (monthField) {
|
||||
const monthText = monthField.textContent.trim();
|
||||
if (monthText.length >= 3) {
|
||||
if (monthText === "juillet") {
|
||||
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.classList.add('after');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// for each .date element add or remove ::before
|
||||
document.querySelectorAll('.date').forEach(function(dateElement) {
|
||||
const date2Element = dateElement.querySelector('.date2');
|
||||
const yearElement = dateElement.querySelector('.field_field_date_de_annee');
|
||||
// Fonction pour ajouter ou retirer la classe .only
|
||||
function updateDateClasses() {
|
||||
document.querySelectorAll('.paragraph--type--phase-deroulement .date').forEach(function(dateElement) {
|
||||
const date2Element = dateElement.querySelector('.date2');
|
||||
const yearElement = dateElement.querySelector('.field_field_date_de_annee');
|
||||
|
||||
// Check if the .date2 element is empty
|
||||
if (date2Element && !date2Element.textContent.trim()) {
|
||||
// Add the .only class to the year element
|
||||
if (date2Element && !date2Element.textContent.trim()) {
|
||||
if (yearElement) {
|
||||
yearElement.classList.add('only');
|
||||
}
|
||||
});
|
||||
} else {
|
||||
if (yearElement) {
|
||||
yearElement.classList.remove('only');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Exécuter la fonction une première fois pour le contenu déjà présent
|
||||
updateDateClasses();
|
||||
|
||||
// MutationObserver pour surveiller les changements dans le DOM
|
||||
const observer = new MutationObserver(function(mutationsList, observer) {
|
||||
for(let mutation of mutationsList) {
|
||||
if (mutation.type === 'childList') {
|
||||
updateDateClasses();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Configuration de l'observateur
|
||||
const config = { childList: true, subtree: true };
|
||||
|
||||
// Démarrer l'observateur sur le document entier ou sur un conteneur spécifique
|
||||
observer.observe(document.body, config);
|
||||
|
||||
|
||||
// Handle window resize
|
||||
window.addEventListener('resize', function() {
|
||||
|
||||
@@ -27,6 +27,7 @@
|
||||
}
|
||||
.node-type-actualite{
|
||||
width: 100%;
|
||||
padding-bottom: 7rem;
|
||||
.infos-actu{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
@@ -58,8 +59,11 @@
|
||||
}
|
||||
|
||||
}
|
||||
.field_body p{
|
||||
.field_body {
|
||||
padding-bottom: 2rem;
|
||||
p{
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -42,6 +42,7 @@
|
||||
> p:nth-child(1){
|
||||
margin-bottom: 0;
|
||||
flex: 1 100%;
|
||||
z-index: 6;
|
||||
font-size: 1.5rem;
|
||||
@media(max-width: 1090px){
|
||||
font-size: 1.3rem;
|
||||
@@ -201,135 +202,111 @@
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#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;
|
||||
.enjeux{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 1rem;
|
||||
padding-top: 3rem;
|
||||
border-top: solid 1px #0833c2ff;
|
||||
}
|
||||
|
||||
p{
|
||||
padding-right: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
flex: 1 30%;
|
||||
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;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
h3{
|
||||
flex: 0 80%;
|
||||
color: #0833c2ff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 1rem;
|
||||
padding-top: 3rem;
|
||||
border-top: solid 1px #0833c2ff;
|
||||
}
|
||||
|
||||
/////////
|
||||
&: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;
|
||||
|
||||
p{
|
||||
// padding-right: 1rem;
|
||||
// padding-bottom: 1rem;
|
||||
// flex: 1 30%;
|
||||
// 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;
|
||||
// }
|
||||
|
||||
|
||||
/////////
|
||||
&: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");
|
||||
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");
|
||||
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(3)::before{
|
||||
background-image: url("../img/feuilles.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(3)::before{
|
||||
background-image: url("../img/feuilles.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(4)::before{
|
||||
background-image: url("../img/calendrier.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(4)::before{
|
||||
background-image: url("../img/calendrier.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(5)::before{
|
||||
background-image: url("../img/crayons.svg");
|
||||
background-size: 60px 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(5)::before{
|
||||
background-image: url("../img/crayons.svg");
|
||||
background-size: 60px 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -433,6 +410,7 @@
|
||||
@media(max-width: 1090px){
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
|
||||
h5{
|
||||
font-size: 5rem;
|
||||
@@ -450,7 +428,7 @@
|
||||
grid-row: 2;
|
||||
grid-column: 3;
|
||||
position: relative;
|
||||
top: -70px;
|
||||
top: -50px;
|
||||
@media(max-width: 820px){
|
||||
grid-row: 4;
|
||||
grid-column: 2;
|
||||
@@ -557,6 +535,7 @@
|
||||
p:nth-of-type(3){
|
||||
grid-row: 3;
|
||||
grid-column: 5 /span 6;
|
||||
max-width: 406px;
|
||||
@media(max-width: 820px){
|
||||
grid-row: 9;
|
||||
grid-column: 1 /span 2;
|
||||
@@ -573,45 +552,9 @@
|
||||
}
|
||||
|
||||
|
||||
/////////////////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){
|
||||
#svg1{
|
||||
display: none;
|
||||
|
||||
@@ -94,9 +94,10 @@
|
||||
display: none;
|
||||
}
|
||||
&::after{
|
||||
display: inline-block;
|
||||
display: inline-flex;
|
||||
content: url("../img/noun-arrow-to-right.svg");
|
||||
padding-right: 0.5rem;
|
||||
padding-right: 0.2rem;
|
||||
padding-left: 0.2rem;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@@ -81,7 +81,7 @@
|
||||
.field_field_type_d_actualite{
|
||||
text-transform: uppercase;
|
||||
color: red;
|
||||
font-size: 0.6rem;
|
||||
font-size: 0.5rem;
|
||||
font-family: 'gilroy-bold';
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
@@ -95,7 +95,7 @@
|
||||
color: red;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
font-size: 0.6rem;
|
||||
font-size: 0.5rem;
|
||||
font-family: 'gilroy-bold';
|
||||
|
||||
&::before{
|
||||
|
||||
@@ -2,35 +2,40 @@ header{
|
||||
#block-quartiers-de-demain-logoquartiersdedemain{
|
||||
.field_field_logo{
|
||||
.qdd-header{
|
||||
|
||||
opacity: 0;
|
||||
&.animated{
|
||||
opacity: 1;
|
||||
transform: scale(2);
|
||||
@media(max-width:820px) {
|
||||
transform: scale(1);
|
||||
}
|
||||
.blink-blue {
|
||||
opacity: 0;
|
||||
// animation: blink 3s 3;
|
||||
animation-delay: 0.2s;
|
||||
animation-name: blink;
|
||||
animation-duration: 5s;
|
||||
animation-duration: 10s;
|
||||
}
|
||||
|
||||
.blink-red {
|
||||
animation-delay: 0.4s;
|
||||
opacity: 0;
|
||||
animation-delay: 0.8s;
|
||||
animation-name: blink;
|
||||
animation-duration: 5s;
|
||||
animation-duration: 10s;
|
||||
}
|
||||
|
||||
.blink-black {
|
||||
animation-delay: 0.6s;
|
||||
opacity: 0;
|
||||
animation-delay: 1.5s;
|
||||
animation-name: blink;
|
||||
animation-duration: 5s;
|
||||
animation-duration: 10s;
|
||||
}
|
||||
|
||||
.blink-black2 {
|
||||
animation-delay: 0.8s;
|
||||
opacity: 0;
|
||||
animation-delay: 2s;
|
||||
animation-name: blink;
|
||||
animation-duration: 5s;
|
||||
animation-duration: 10s;
|
||||
}
|
||||
@keyframes blink {
|
||||
0%, 100% {
|
||||
|
||||
@@ -0,0 +1,98 @@
|
||||
|
||||
|
||||
#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 0s 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 0.2s forwards, fillAnimation 2s 0.2s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
|
||||
}
|
||||
p:nth-of-type(1) {
|
||||
animation: Appear 1s 1s forwards;
|
||||
}
|
||||
|
||||
|
||||
h5:nth-of-type(2) {
|
||||
animation: Appear 1s 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 */
|
||||
}
|
||||
p:nth-of-type(2) {
|
||||
animation: Appear 1s 3s forwards;
|
||||
}
|
||||
|
||||
h5:nth-of-type(3) {
|
||||
animation: Appear 1s 4s 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 */
|
||||
}
|
||||
p:nth-of-type(3) {
|
||||
animation: Appear 1s 5s 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{
|
||||
width: auto;
|
||||
height: 40px;
|
||||
padding-left: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
// padding-left: 1rem;
|
||||
padding-bottom: 0.2rem;
|
||||
@media(max-width: 700px){
|
||||
height: 30px;
|
||||
padding-left: 0;
|
||||
@@ -116,17 +116,42 @@ footer{
|
||||
flex-direction: column;
|
||||
font-size: $font-medium;
|
||||
font-weight: 400;
|
||||
&::before{
|
||||
content: "Nous contacter";
|
||||
padding-bottom: 0.6rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
padding-bottom: 0.6rem;
|
||||
font-size: 0.6rem;
|
||||
|
||||
}
|
||||
.fa-3x{
|
||||
font-size: 1.5em;
|
||||
// .fa-3x{
|
||||
// font-size: 1.5em;
|
||||
// }
|
||||
|
||||
.fa-x-twitter::before{
|
||||
display: none;
|
||||
}
|
||||
.fa-x-twitter::after{
|
||||
content: url('../img/logo_x.svg') !important;
|
||||
display: block;
|
||||
width: 50px;
|
||||
|
||||
}
|
||||
|
||||
.fa-linkedin::before{
|
||||
display: none;
|
||||
|
||||
}
|
||||
.fa-linkedin::after{
|
||||
content: url('../img/linkedin.svg') !important;
|
||||
display: block;
|
||||
width: 55px;
|
||||
}
|
||||
|
||||
.fa-youtube::before{
|
||||
display: none;
|
||||
}
|
||||
.fa-youtube::after{
|
||||
content: url('../img/youtube_black.svg') !important;
|
||||
display: block;
|
||||
width: 55px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,19 +2,19 @@
|
||||
|
||||
#background-animated {
|
||||
position: absolute;
|
||||
top: 1000px;
|
||||
top: -400px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
pointer-events: none; /* Permet de cliquer à travers l'élément */
|
||||
z-index: 5; /* S'assure que l'élément soit au-dessus */
|
||||
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;
|
||||
// top: -1500px;
|
||||
}
|
||||
}
|
||||
// .not-visible{
|
||||
@@ -25,7 +25,7 @@
|
||||
|
||||
.layout-content {
|
||||
position: relative;
|
||||
z-index: 2; /* S'assure que le contenu soit au-dessus des animations */
|
||||
z-index: 1; /* S'assure que le contenu soit au-dessus des animations */
|
||||
}
|
||||
|
||||
.layout-container.home {
|
||||
|
||||
@@ -193,6 +193,9 @@ header{
|
||||
width: 45%;
|
||||
transform-origin: bottom right;
|
||||
transition: all 1s ease-in-out;
|
||||
.qdd-header{
|
||||
opacity: 1 !important;
|
||||
}
|
||||
@media(max-width: 810px){
|
||||
width: 100%;
|
||||
height: 170px;
|
||||
@@ -220,6 +223,9 @@ header{
|
||||
width: 45%;
|
||||
transform-origin: bottom right;
|
||||
transition: all 0s ease-in-out;
|
||||
.qdd-header{
|
||||
opacity: 1 !important;
|
||||
}
|
||||
@media(max-width: 810px){
|
||||
width: 100%;
|
||||
height: 170px;
|
||||
|
||||
@@ -16,8 +16,8 @@ $slick-dot-color-active: $slick-dot-color !default;
|
||||
// $slick-prev-character: "\2190" !default;
|
||||
// $slick-next-character: "\2192" !default;
|
||||
|
||||
$slick-prev-character: url('../img/prev.svg ') !default;
|
||||
$slick-next-character: url('../img/next.svg ') !default;
|
||||
$slick-prev-character: url('../img/prev.svg') !default;
|
||||
$slick-next-character: url('../img/next.svg') !default;
|
||||
|
||||
$slick-dot-character: "\2022" !default;
|
||||
$slick-dot-size: 6px !default;
|
||||
@@ -125,11 +125,16 @@ $slick-opacity-not-active: 0.25 !default;
|
||||
&:before {
|
||||
content: $slick-prev-character;
|
||||
display: block;
|
||||
transform: scale(0.8);
|
||||
@media(max-width:810px){
|
||||
transform: scale(0.8);
|
||||
}
|
||||
[dir="rtl"] & {
|
||||
content: $slick-next-character;
|
||||
display: block;
|
||||
transform: scale(0.8);
|
||||
@media(max-width:810px){
|
||||
left: 35%;
|
||||
transform: scale(0.8);
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@@ -147,12 +152,18 @@ $slick-opacity-not-active: 0.25 !default;
|
||||
&:before {
|
||||
content: $slick-next-character;
|
||||
display: block;
|
||||
transform: scale(0.8);
|
||||
@media(max-width:810px){
|
||||
transform: scale(0.8);
|
||||
}
|
||||
|
||||
[dir="rtl"] & {
|
||||
content: $slick-prev-character;
|
||||
display: block;
|
||||
transform: scale(0.8);
|
||||
@media(max-width:810px){
|
||||
right: 42%;
|
||||
transform: scale(0.8);
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@@ -20,6 +20,7 @@
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
padding-top: 1rem !important;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
* { box-sizing: border-box; }
|
||||
.__container-deroulement{
|
||||
background-color: #f3f5fcff;
|
||||
background-image: url(../../../dist/assets/img/pillier-1.svg);
|
||||
background-image: url('../../../dist/assets/img/pillier-1-background.svg');
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position-x: -20%;
|
||||
@@ -24,23 +24,27 @@
|
||||
|
||||
}
|
||||
.timeline {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
padding-top: 5rem;
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 8rem;
|
||||
height: 950px;
|
||||
@media(max-width:1090px){
|
||||
padding-top: 14rem;
|
||||
// padding-top: 14rem;
|
||||
overflow: scroll;
|
||||
height: 600px;
|
||||
}
|
||||
.__timeline-arrows{
|
||||
width: fit-content;
|
||||
margin: auto;
|
||||
position: relative;
|
||||
top: -115px;
|
||||
margin-top: 0;
|
||||
padding-bottom: 2rem;
|
||||
@media(max-width:1090px){
|
||||
top: -211px;
|
||||
// top: -211px;
|
||||
// display: none;
|
||||
margin-bottom: 9rem;
|
||||
}
|
||||
button{
|
||||
background-color: transparent;
|
||||
@@ -49,28 +53,29 @@
|
||||
opacity: 0.5;
|
||||
}
|
||||
@media(max-width:1090px){
|
||||
svg{
|
||||
padding: 0.5rem;
|
||||
|
||||
}
|
||||
svg{
|
||||
padding: 0.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.__timeline-content{
|
||||
// font-size: 0;
|
||||
width: 100vw;
|
||||
// width: 100vw;
|
||||
width: fit-content;
|
||||
padding-top: 7rem;
|
||||
padding-bottom: 2rem;
|
||||
padding-left: 3rem;
|
||||
transition: all 1s;
|
||||
.__paragraphs{
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 500px;
|
||||
display: inline-flex;
|
||||
width: 700px;
|
||||
height: 1px;
|
||||
background: black;
|
||||
&:first-of-type{
|
||||
height: 0px;
|
||||
}
|
||||
// &:last-of-type{
|
||||
// height: 0px;
|
||||
// }
|
||||
// &:last-child {
|
||||
// width: 20px;
|
||||
// }
|
||||
@@ -81,7 +86,7 @@
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 100%;
|
||||
left: -18px;
|
||||
bottom: 0;
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
@@ -94,20 +99,23 @@
|
||||
}
|
||||
|
||||
.paragraph--type--phase-deroulement{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
position: absolute;
|
||||
left: 65%;
|
||||
padding-bottom: 1rem;
|
||||
// left: 65%;
|
||||
left: -18px;
|
||||
top: -16px;
|
||||
transform: translateY(-100%);
|
||||
width: 400px;
|
||||
width: 600px;
|
||||
height: 300px;
|
||||
font-size: 1rem;
|
||||
white-space: normal;
|
||||
color: black;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
padding-bottom: 1rem;
|
||||
padding-left: 2rem;
|
||||
padding-right: 2rem;
|
||||
|
||||
// padding-bottom: 1rem;
|
||||
// padding-left: 2rem;
|
||||
// padding-right: 2rem;
|
||||
@media(max-width:550px){
|
||||
padding-left: 0rem;
|
||||
width: 240px;
|
||||
@@ -138,10 +146,15 @@
|
||||
@media(max-width:550px){
|
||||
font-size: 4rem;
|
||||
}
|
||||
&::after{
|
||||
content: '.';
|
||||
.after{
|
||||
&::after{
|
||||
content: '.';
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.annee{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -193,10 +206,11 @@
|
||||
border-radius: 5%;
|
||||
padding: 0.6rem 0.6rem;
|
||||
line-height: 1.1;
|
||||
// width: fit-content;
|
||||
min-width: 65%;
|
||||
width: fit-content;
|
||||
min-width: 35%;
|
||||
@media(max-width:1090px){
|
||||
height: 200px;
|
||||
min-width: 80%;
|
||||
}
|
||||
.field_field_titre{
|
||||
font-size: 0.6rem;
|
||||
|
||||
@@ -31,6 +31,8 @@
|
||||
@import "partials/actu-caroussel-home";
|
||||
@import "partials/animation-logo-header";
|
||||
@import "partials/formes-animees";
|
||||
@import "partials/animation-pilliers";
|
||||
|
||||
|
||||
// @import "partials/slick_custom";
|
||||
|
||||
|
||||
@@ -0,0 +1,31 @@
|
||||
{#
|
||||
/**
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
|
||||
{%
|
||||
set classes = [
|
||||
'social-media-links--platforms',
|
||||
'platforms',
|
||||
appearance.orientation == 'h' ? 'inline horizontal' : 'vertical',
|
||||
]
|
||||
%}
|
||||
|
||||
<ul{{ attributes.addClass(classes) }}>
|
||||
{% for platform in platforms %}
|
||||
<li>
|
||||
<a class="social-media-link-icon--{{ platform.id }}" href="{{ platform.url }}" {{ platform.attributes }} >
|
||||
{{ platform.element }}
|
||||
</a>
|
||||
|
||||
{% if appearance.show_name %}
|
||||
{% if appearance.orientation == 'h' %}
|
||||
<br />
|
||||
{% endif %}
|
||||
|
||||
<span><a class="social-media-link--{{ platform.id }}" href="{{ platform.url }}" {{ platform.attributes }}>{{ platform.name }}</a></span>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
@@ -23,6 +23,7 @@ let config = {
|
||||
{
|
||||
test: /\.scss$/i,
|
||||
use: [
|
||||
|
||||
{
|
||||
loader: 'file-loader',
|
||||
options: {
|
||||
@@ -46,12 +47,23 @@ let config = {
|
||||
name: '[name].[ext]',
|
||||
outputPath: 'fonts/'
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
loader: 'postcss-loader',
|
||||
options: {
|
||||
sourceMap: true,
|
||||
config: {
|
||||
path: 'postcss.config.js'
|
||||
}
|
||||
}
|
||||
},
|
||||
]
|
||||
},
|
||||
|
||||
|
||||
|
||||
],
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user