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

Compare commits

base: bachir:prd
Branches Tags
bachir:master bachir:prod bachir:stage bachir:newPages bachir:live bachir:tmp bachir:avantLive bachir:prd
...
compare: bachir:f0a2f5925cfe7391d9883f40a34d27cdef2b5be3
Branches Tags
bachir:master bachir:prod bachir:stage bachir:newPages bachir:live bachir:tmp bachir:avantLive bachir:prd

9 Commits
prd ... f0a2f5925c

Author SHA1 Message Date
bach
f0a2f5925c removed files.zip 2024-07-19 14:51:12 +02:00
ouidade
be3962d129 display none RS en attente liens 2024-07-19 14:25:31 +02:00
ouidade
3361ef3171 top background 2024-07-19 14:23:31 +02:00
ouidade
b4735efc49 top background 2024-07-19 14:20:15 +02:00
ouidade
e65e0afa70 top background 2024-07-19 14:18:18 +02:00
ouidade
e5617ee03f top background 2024-07-19 14:02:54 +02:00
ouidade
6e0dc17a46 top background 2024-07-19 13:39:42 +02:00
ouidade
b576b7125b css fix 2024-07-19 13:36:23 +02:00
ouidade
452fe0ac6f media logo 2024-07-18 21:20:50 +02:00
15 changed files with 67 additions and 31 deletions
Expand all files Collapse all files

BIN
web/sites/default/files.zip
View File

Binary file not shown.

2
web/themes/custom/quartiers_de_demain/dist/assets/bundle.js vendored
View File

File diff suppressed because one or more lines are too long

40
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@ -616,10 +616,11 @@ footer {
.footer #footer-right {
display: flex;
justify-content: flex-end;
max-width: 35%;
max-width: 50%;
}
}
.footer #footer-right #block-quartiers-de-demain-socialmedialinks {
display: none;
flex-direction: column;
}
.footer #footer-right #block-quartiers-de-demain-socialmedialinks h2 {
@ -868,7 +869,7 @@ footer {
}
.slick-prev {
left: 46%;
left: 45%;
}
@media (max-width: 810px) {
.slick-prev {
@ -1142,6 +1143,7 @@ footer {
#home .timeline .__timeline-arrows button {
background-color: transparent;
border: none;
padding-left: 1rem;
}
#home .timeline .__timeline-arrows button:hover {
opacity: 0.5;
@ -1300,6 +1302,9 @@ footer {
font-size: 1rem;
}
}
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_description {
font-family: "gilroy-regular";
}
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_description p {
font-size: 0.6rem !important;
margin: 0;
@ -1438,6 +1443,7 @@ footer {
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_body {
opacity: 1 !important;
transform: none !important;
font-family: "gilroy-regular";
}
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_body p {
margin: 0;
@ -1514,7 +1520,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
#home #background-animated {
position: absolute;
top: -400px;
top: -150px;
left: 0;
width: 100%;
height: 100%;
@ -1551,32 +1557,32 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
#home .visible svg #pillier-1-path365 {
stroke-dasharray: 1000; /* Longueur totale du chemin */
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
animation: Appear 1s 0.2s forwards, fillAnimation 2s 0.2s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
animation: Appear 1s 0s forwards, fillAnimation 2s 0s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
}
#home .visible p:nth-of-type(1) {
animation: Appear 1s 1s forwards;
animation: Appear 1s 0.5s forwards;
}
#home .visible h5:nth-of-type(2) {
animation: Appear 1s 2s forwards;
animation: Appear 1s 1.2s forwards;
}
#home .visible svg #pillier-2-path367 {
stroke-dasharray: 1000; /* Longueur totale du chemin */
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
animation: Appear 1s 2.2s forwards, fillAnimation 2s 2.2s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
animation: Appear 1s 1.5s forwards, fillAnimation 2s 1.5s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
}
#home .visible p:nth-of-type(2) {
animation: Appear 1s 3s forwards;
animation: Appear 1s 2s forwards;
}
#home .visible h5:nth-of-type(3) {
animation: Appear 1s 4s forwards;
animation: Appear 1s 2.2s forwards;
}
#home .visible svg #pillier-3-path369 {
stroke-dasharray: 1000; /* Longueur totale du chemin */
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
animation: Appear 1s 4.2s forwards, fillAnimation 2s 4.2s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
animation: Appear 1s 2.5s forwards, fillAnimation 2s 2.5s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
}
#home .visible p:nth-of-type(3) {
animation: Appear 1s 5s forwards;
animation: Appear 1s 3s forwards;
}
@keyframes Appear {
0% {
@ -1611,7 +1617,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-bottom: 2rem;
}
#home article.node-type-static {
padding-top: 6rem;
padding-top: 3rem;
}
@media (max-width: 810px) {
#home article.node-type-static {
@ -1650,6 +1656,8 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
#home article.node-type-static .field_body p:nth-child(3) {
flex: 1;
padding: 1rem;
font-family: "gilroy-regular";
margin-top: 0;
}
@media (max-width: 1090px) {
#home article.node-type-static .field_body > p:nth-child(2),
@ -1727,6 +1735,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
max-width: 30%;
display: flex;
flex-direction: column;
font-family: "gilroy-regular";
}
@media (max-width: 1090px) {
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p {
@ -2183,6 +2192,9 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
#home .paragraph--type--static-parts:not(#paragraph-id--7) #svg1 {
display: none;
}
#home #actus-caroussel {
display: none;
}
#consultation {
background-color: #f6f7f3;
@ -2274,6 +2286,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-top: 2rem;
margin-top: 2rem;
margin: auto;
font-family: "gilroy-regular";
}
@media (max-width: 500px) {
#consultation .layout-content .content_container .node-type-static #paragraph-id--10 .colone-picto p:last-of-type {
@ -2313,6 +2326,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
#consultation .layout-content .content_container .node-type-static #paragraph-id--11 .colone-picto p {
padding: 0rem;
margin: 0;
font-family: "gilroy-regular";
}
#consultation .layout-content .content_container .node-type-static #paragraph-id--11 .colone-picto p:nth-of-type(1) {
grid-column: 1;
@ -2351,6 +2365,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
flex-direction: column;
align-items: center;
padding: 1rem;
font-family: "gilroy-regular";
}
@media (max-width: 500px) {
#consultation .layout-content .content_container .node-type-static #paragraph-id--12,
@ -2475,6 +2490,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
grid-column: 3/span 4;
grid-row: 2;
margin-left: 1rem;
font-family: "gilroy-regular";
}
@media (max-width: 810px) {
.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_body {

11
web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.svg vendored
View File

@ -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,8050)" />
transform="matrix(1.3333333,0,0,-1.3333333,1686.6035, 8750)" />
<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,9150)"
transform="matrix(1.3333333,0,0,-1.3333333,1838.3405,9800)"
clip-path="url(#clipPath255)" />
<path
id="path256"
@ -78,20 +78,19 @@
id="path300"
d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
style="fill:none;stroke:#f7002b;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(1.3333333,0,0,-1.3333333,1968.6667,3650
)"
transform="matrix(1.3333333,0,0,-1.3333333,1968.6667,3850)"
clip-path="url(#clipPath301)" />
<path
id="path302"
d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(1.3333333,0,0,-1.3333333,2165.1349,5600)"
transform="matrix(1.3333333,0,0,-1.3333333,2165.1349,5700)"
clip-path="url(#clipPath303)" />
<path
id="path311"
d="M 0,0 V 283"
style="fill:none;stroke:#000000;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(1.3333333,0,0,-1.3333333,247.22107,5400)" />
transform="matrix(1.3333333,0,0,-1.3333333,247.22107,5500)" />
<rect
style="fill:none;stroke:none;stroke-width:0.872103;paint-order:fill markers stroke"
id="rect717"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.0 KiB

After

Width:  |  Height:  |  Size: 4.0 KiB

5
web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js
View File

@ -433,6 +433,9 @@ observer.observe(document.body, config);
arrows: true,
centerMode: true,
adaptiveHeight: true,
autoplay: true,
autoplaySpeed: 1500,
infinite: true,
// centerPadding: '100px',
responsive: [
{
@ -443,6 +446,8 @@ observer.observe(document.body, config);
arrows: true,
draggable: true,
centerMode: true,
autoplay: true,
autoplaySpeed: 2000,
}
}]
});

1
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualite.scss
View File

@ -1,5 +1,6 @@
#page-node{
.content_container{
width: 60%;
display: flex;
flex-direction: column;

3
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/consultation.scss
View File

@ -86,6 +86,7 @@
padding-top: 2rem;
margin-top: 2rem;
margin: auto;
font-family: 'gilroy-regular';
@media(max-width: 500px){
width: 80%;
}
@ -121,6 +122,7 @@
p{
padding: 0rem;
margin: 0;
font-family: 'gilroy-regular';
&:nth-of-type(1){
grid-column: 1;
@ -162,6 +164,7 @@
flex-direction: column;
align-items: center;
padding: 1rem;
font-family: 'gilroy-regular';
@media(max-width: 500px){
width: 90%;
}

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

@ -20,7 +20,7 @@
padding-bottom: 2rem;
}
article.node-type-static{
padding-top: 6rem;
padding-top: 3rem;
@media(max-width: 810px){
padding-top: 2rem;
}
@ -52,6 +52,8 @@
p:nth-child(3){
flex: 1 ;
padding: 1rem;
font-family: 'gilroy-regular';
margin-top: 0;
@media(max-width: 1090px){
padding-left: 0 ;
font-size: 1rem;
@ -118,6 +120,7 @@
max-width: 30%;
display: flex;
flex-direction: column;
font-family: 'gilroy-regular';
@media(max-width: 1090px){
padding-right: 1rem;
flex: 1 30%;
@ -560,6 +563,9 @@
display: none;
}
}
#actus-caroussel{
display: none;
}
}

1
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/partenaires.scss
View File

@ -67,6 +67,7 @@
grid-column: 3 /span 4 ;
grid-row: 2;
margin-left: 1rem;
font-family: 'gilroy-regular';
@media (max-width:810px) {
margin-left: 0;
}

1
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss
View File

@ -121,6 +121,7 @@
// visibility: visible;
opacity: 1 !important;
transform: none !important;
font-family: 'gilroy-regular';
p{
margin: 0;
font-size: 0.7rem ;

16
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/animation-pilliers.scss
View File

@ -17,36 +17,36 @@
svg #pillier-1-path365 {
stroke-dasharray: 1000; /* Longueur totale du chemin */
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
animation: Appear 1s 0.2s forwards, fillAnimation 2s 0.2s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
animation: Appear 1s 0s forwards, fillAnimation 2s 0s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
}
p:nth-of-type(1) {
animation: Appear 1s 1s forwards;
animation: Appear 1s 0.5s forwards;
}
h5:nth-of-type(2) {
animation: Appear 1s 2s forwards;
animation: Appear 1s 1.2s forwards;
}
svg #pillier-2-path367 {
stroke-dasharray: 1000; /* Longueur totale du chemin */
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
animation: Appear 1s 2.2s forwards, fillAnimation 2s 2.2s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
animation: Appear 1s 1.5s forwards, fillAnimation 2s 1.5s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
}
p:nth-of-type(2) {
animation: Appear 1s 3s forwards;
animation: Appear 1s 2s forwards;
}
h5:nth-of-type(3) {
animation: Appear 1s 4s forwards;
animation: Appear 1s 2.2s forwards;
}
svg #pillier-3-path369 {
stroke-dasharray: 1000; /* Longueur totale du chemin */
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
animation: Appear 1s 4.2s forwards, fillAnimation 2s 4.2s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
animation: Appear 1s 2.5s forwards, fillAnimation 2s 2.5s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
}
p:nth-of-type(3) {
animation: Appear 1s 5s forwards;
animation: Appear 1s 3s forwards;
}
@keyframes Appear {

3
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss
View File

@ -107,9 +107,10 @@ footer{
@media (max-width: 700px){
display: flex;
justify-content: flex-end;
max-width: 35%;
max-width: 50%;
}
#block-quartiers-de-demain-socialmedialinks{
display: none;
flex-direction: column;
h2{
display: flex;

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

@ -1,8 +1,9 @@
#home{
#background-animated {
// display: none;
position: absolute;
top: -400px;
top: -150px;
left: 0;
width: 100%;
height: 100%;

2
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/slick-theme.scss
View File

@ -113,7 +113,7 @@ $slick-opacity-not-active: 0.25 !default;
}
.slick-prev {
left: 46%;
left: 45%;
@media(max-width:810px){
left: 35%;

2
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss
View File

@ -49,6 +49,7 @@
button{
background-color: transparent;
border: none;
padding-left: 1rem;
&:hover{
opacity: 0.5;
}
@ -220,6 +221,7 @@
}
}
.field_field_description{
font-family: 'gilroy-regular';
p{
font-size: 0.6rem !important;
margin: 0;