Merge branch 'prod'

This commit is contained in:
Bachir Soussi Chiadmi 2025-03-18 10:33:15 +01:00
commit 8d7ef376ee
18 changed files with 1274 additions and 616 deletions

View File

@ -0,0 +1,11 @@
uuid: 0be47de1-35a4-49f3-ae07-99b77c62db51
langcode: fr
status: true
dependencies:
config:
- block_content.type.live_youtube
id: block_content.live_youtube
target_entity_type_id: block_content
target_bundle: live_youtube
default_langcode: site_default
language_alterable: false

View File

@ -0,0 +1,22 @@
uuid: b4825987-4cfe-4342-a7d0-29d190fd71b3
langcode: fr
status: true
dependencies:
module:
- node
id: actus
label: Actus
type: 'canonical_entities:node'
pattern: '/actualites/[node:title]'
selection_criteria:
ae8c556c-ba96-4e19-87c1-46ee3c9639d4:
id: 'entity_bundle:node'
negate: false
uuid: ae8c556c-ba96-4e19-87c1-46ee3c9639d4
context_mapping:
node: node
bundles:
actualite: actualite
selection_logic: and
weight: -5
relationships: { }

File diff suppressed because one or more lines are too long

View File

@ -202,7 +202,7 @@ h2, h3 {
} }
@media (max-width: 810px) { @media (max-width: 810px) {
.layout-container main#home { .layout-container main#home {
padding-top: 380px; padding-top: 300px;
} }
} }
@media (max-width: 810px) { @media (max-width: 810px) {
@ -432,17 +432,17 @@ header .header_nav_container {
transform: translateX(0); transform: translateX(0);
transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;
z-index: -1; z-index: -1;
} display: flex;
@media (max-width: 1090px) { flex-direction: column;
header .header_nav_container {
height: fit-content;
}
} }
@media (max-width: 500px) { @media (max-width: 500px) {
header .header_nav_container { header .header_nav_container {
flex: 0 0 40%; flex: 0 0 40%;
} }
} }
header .header_nav_container #block-quartiers-de-demain-entete {
margin: auto;
}
header .header_nav_container #block-quartiers-de-demain-entete h2 { header .header_nav_container #block-quartiers-de-demain-entete h2 {
display: none; display: none;
} }
@ -453,6 +453,8 @@ header .header_nav_container #block-quartiers-de-demain-entete ul {
position: relative; position: relative;
padding-left: 1rem; padding-left: 1rem;
padding-right: 1rem; padding-right: 1rem;
margin: auto;
padding-top: 1%;
} }
@media (max-width: 1025px) { @media (max-width: 1025px) {
header .header_nav_container #block-quartiers-de-demain-entete ul { header .header_nav_container #block-quartiers-de-demain-entete ul {
@ -562,7 +564,6 @@ header .header:hover + .header_nav_container {
flex: 1 0 100%; flex: 1 0 100%;
position: relative; position: relative;
left: -100%; left: -100%;
top: -45px;
} }
} }
@ -605,7 +606,11 @@ header .header:hover + .header_nav_container {
flex: 1 0 100%; flex: 1 0 100%;
position: relative; position: relative;
left: -100%; left: -100%;
top: -45px; }
}
@media (max-width: 550px) {
.header--collapsed-already .header_nav_container {
top: 0px;
} }
} }
@ -1496,7 +1501,6 @@ footer {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding-bottom: 6rem;
} }
#actus-caroussel h2 { #actus-caroussel h2 {
width: fit-content; width: fit-content;
@ -1510,6 +1514,19 @@ footer {
#actus-caroussel button { #actus-caroussel button {
top: -2.5rem; top: -2.5rem;
} }
@media (max-width: 810px) {
#actus-caroussel button {
top: -1.5rem;
}
}
#actus-caroussel .content-actus .slick-list {
padding-bottom: 4rem;
}
@media (max-width: 810px) {
#actus-caroussel .content-actus .slick-list {
padding-bottom: 0rem;
}
}
#actus-caroussel .content-actus .view { #actus-caroussel .content-actus .view {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -1525,11 +1542,15 @@ footer {
padding-top: 3rem; padding-top: 3rem;
} }
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite { #actus-caroussel .content-actus .views-row article.node-type-actualite a {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images { #actus-caroussel .content-actus .views-row article.node-type-actualite a h2 {
display: none;
}
#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_images {
order: 1;
background-color: black; background-color: black;
-moz-border-radius: 9px; /* pour Mozilla */ -moz-border-radius: 9px; /* pour Mozilla */
-khtml-border-radius: 9px; /* pour Safari et Chrome */ -khtml-border-radius: 9px; /* pour Safari et Chrome */
@ -1539,18 +1560,18 @@ footer {
margin-bottom: 0.6rem; margin-bottom: 0.6rem;
} }
@media (max-width: 550px) { @media (max-width: 550px) {
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images { #actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_images {
height: 170px; height: 170px;
} }
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images div { #actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_images div {
height: 100%; height: 100%;
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images div div a { #actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_images div div a {
display: block; display: block;
height: 100%; height: 100%;
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images div div a img { #actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_images div div a img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
@ -1560,11 +1581,11 @@ footer {
border-radius: 9px; /* CSS3 */ border-radius: 9px; /* CSS3 */
} }
@media (max-width: 550px) { @media (max-width: 550px) {
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images div div a img { #actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_images div div a img {
max-height: 170px; max-height: 170px;
} }
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images img { #actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_images img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
@ -1574,11 +1595,11 @@ footer {
border-radius: 9px; /* CSS3 */ border-radius: 9px; /* CSS3 */
} }
@media (max-width: 550px) { @media (max-width: 550px) {
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images img { #actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_images img {
max-height: 170px; max-height: 170px;
} }
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_type_d_actualite { #actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_type_d_actualite {
text-transform: uppercase; text-transform: uppercase;
color: red; color: red;
font-size: 0.5rem; font-size: 0.5rem;
@ -1586,44 +1607,82 @@ footer {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_type_d_actualite::before { #actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_type_d_actualite::before {
content: url("../img/type-actu.svg"); content: url("../img/type-actu.svg");
padding-right: 0.3rem; padding-right: 0.3rem;
padding-bottom: 0.2rem; padding-bottom: 0.2rem;
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_date { #actus-caroussel .content-actus .views-row article.node-type-actualite a .infos-actu {
order: 2;
}
#actus-caroussel .content-actus .views-row article.node-type-actualite a .infos-actu h2 {
font-family: "gilroy-semibold";
}
#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_date {
color: red; color: red;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
font-size: 0.5rem; font-size: 0.5rem;
font-family: "gilroy-bold"; font-family: "gilroy-bold";
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_date::before { #actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_date::before {
content: url("../img/date-actu.svg"); content: url("../img/date-actu.svg");
padding-right: 0.3rem; padding-right: 0.3rem;
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_title { #actus-caroussel .content-actus .views-row article.node-type-actualite a .field_title {
order: 3;
padding-top: 0.2rem; padding-top: 0.2rem;
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_title h2 { #actus-caroussel .content-actus .views-row article.node-type-actualite a .field_title h2 {
margin: 0; margin: 0;
line-height: 0.4; line-height: 0.4;
padding-bottom: 0.6rem; padding-bottom: 0.6rem;
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_title h2 a { #actus-caroussel .content-actus .views-row article.node-type-actualite a .field_title h2 a {
font-size: 0.8rem; font-size: 0.8rem;
color: rgb(7, 50, 194); color: rgb(7, 50, 194);
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_body { #actus-caroussel .content-actus .views-row article.node-type-actualite a .field_body {
order: 4;
opacity: 1 !important; opacity: 1 !important;
transform: none !important; transform: none !important;
font-family: "gilroy-regular"; font-family: "gilroy-regular";
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_body p { #actus-caroussel .content-actus .views-row article.node-type-actualite a .field_body p {
margin: 0; margin: 0;
margin-bottom: 1rem; margin-bottom: 1rem;
font-size: 0.7rem; font-size: 0.7rem;
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_body a {
color: rgb(7, 50, 194);
}
#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_liens {
order: 5;
width: fit-content;
padding-left: 0.5rem;
background: black;
}
@media (max-width: 810px) {
#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_liens {
margin-left: 0;
}
}
#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_liens a {
display: inline-flex;
align-items: center;
color: white;
text-transform: uppercase;
font-size: 0.6rem;
}
#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_liens a svg {
display: none;
}
#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_liens a::after {
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
}
#actus-caroussel .content-actus .views-row:nth-child(odd) { #actus-caroussel .content-actus .views-row:nth-child(odd) {
position: relative; position: relative;
top: 60px; top: 60px;
@ -2572,6 +2631,29 @@ body {
#home .paragraph--type--static-parts:not(#paragraph-id--7) #svg1 { #home .paragraph--type--static-parts:not(#paragraph-id--7) #svg1 {
display: none; display: none;
} }
#home #live-youtube {
width: 55%;
margin: auto;
margin-left: 14rem;
margin-top: 2rem;
}
@media (max-width: 1090px) {
#home #live-youtube {
flex-direction: column;
width: 90%;
margin-left: 1rem;
}
}
#home #live-youtube h2 {
text-align: center;
font-size: 1.5rem;
font-family: "gilroy-semibold";
}
#home #live-youtube .field_field_descritpion {
margin-bottom: 2rem;
text-align: center;
}
#consultation { #consultation {
background-color: #f6f7f3; background-color: #f6f7f3;
} }
@ -3103,7 +3185,12 @@ body {
width: 100%; width: 100%;
padding-bottom: 7rem; padding-bottom: 7rem;
} }
#page-node .content_container .node-type-actualite a {
display: flex;
flex-direction: column;
}
#page-node .content_container .node-type-actualite .infos-actu { #page-node .content_container .node-type-actualite .infos-actu {
order: 1;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
border-top: solid red 1px; border-top: solid red 1px;
@ -3134,15 +3221,20 @@ body {
padding-right: 0.4rem; padding-right: 0.4rem;
} }
#page-node .content_container .node-type-actualite .field_body { #page-node .content_container .node-type-actualite .field_body {
order: 2;
padding-bottom: 2rem; padding-bottom: 2rem;
} }
#page-node .content_container .node-type-actualite .field_body p { #page-node .content_container .node-type-actualite .field_body p {
font-size: 0.8rem; font-size: 0.8rem;
} }
#page-node .content_container .node-type-actualite .field_field_liens { #page-node .content_container .node-type-actualite .field_field_liens {
order: 3;
padding-bottom: 2rem; padding-bottom: 2rem;
padding-top: 2rem;
} }
#page-node .content_container .node-type-actualite .field_field_liens a { #page-node .content_container .node-type-actualite .field_field_liens a {
display: flex;
flex-direction: row;
padding-left: 0.5rem; padding-left: 0.5rem;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
@ -3160,6 +3252,12 @@ body {
padding-right: 0.2rem; padding-right: 0.2rem;
padding-left: 0.2rem; padding-left: 0.2rem;
} }
#page-node .content_container .node-type-actualite .field_field_liens a:not(.ext) {
display: none;
}
#page-node .content_container .node-type-actualite .field_field_images {
order: 5;
}
#page-node .content_container .node-type-actualite .field_field_images img { #page-node .content_container .node-type-actualite .field_field_images img {
width: 100%; width: 100%;
height: auto; height: auto;
@ -3469,9 +3567,20 @@ body {
flex-direction: row; flex-direction: row;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
@media (max-width: 810px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div {
justify-content: center;
margin: auto;
margin-bottom: 1rem;
width: fit-content;
}
}
@media (max-width: 500px) { @media (max-width: 500px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div { .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div {
justify-content: center; justify-content: center;
margin: auto;
margin-bottom: 1rem;
width: fit-content;
} }
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .prev-site { .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .prev-site {
@ -3517,8 +3626,8 @@ body {
@media (max-width: 810px) { @media (max-width: 810px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site, .node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site,
.node-type-site .layout--threecol-25-50-25 .layout__region--third .field--type-file { .node-type-site .layout--threecol-25-50-25 .layout__region--third .field--type-file {
max-width: 50%;
margin: auto; margin: auto;
margin-bottom: 1rem;
} }
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a, .node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a,
@ -3542,7 +3651,6 @@ body {
content: url("../img/noun-arrow-to-right.svg"); content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem; padding-right: 0.2rem;
padding-left: 0.2rem; padding-left: 0.2rem;
padding-bottom: 0.2rem;
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--third .file--mime-application-pdf { .node-type-site .layout--threecol-25-50-25 .layout__region--third .file--mime-application-pdf {
width: fit-content; width: fit-content;
@ -3597,11 +3705,11 @@ main {
#lessites .content_container #block-quartiers-de-demain-titredepage { #lessites .content_container #block-quartiers-de-demain-titredepage {
margin-top: 14rem; margin-top: 14rem;
grid-column: 2/span 9; grid-column: 2/span 9;
margin-left: 0;
padding-left: 0%; padding-left: 0%;
} }
} }
#lessites .content_container #block-quartiers-de-demain-titredepage h1 { #lessites .content_container #block-quartiers-de-demain-titredepage h1 {
text-align: center;
text-transform: none; text-transform: none;
color: rgb(7, 50, 194); color: rgb(7, 50, 194);
font-size: 2rem; font-size: 2rem;
@ -3639,6 +3747,11 @@ main {
top: 0px; top: 0px;
} }
} }
@media (max-width: 810px) {
#lessites .content_container .view .header_view #block-sitesmap-block {
width: 95vw;
}
}
#lessites .content_container .view .header_view #block-sitesmap-block #sites-map-container { #lessites .content_container .view .header_view #block-sitesmap-block #sites-map-container {
width: 100%; width: 100%;
} }
@ -3647,6 +3760,9 @@ main {
height: fit-content; height: fit-content;
} }
} }
#lessites .content_container .view .header_view #block-sitesmap-block #sites-map-container h2 {
display: none;
}
#lessites .content_container .view .views-row-wrapper { #lessites .content_container .view .views-row-wrapper {
display: flex; display: flex;
flex-direction: row; flex-direction: row;

View File

@ -0,0 +1,102 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="2560.2766"
height="11997.26"
viewBox="0 0 2560.2766 11997.26"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath255">
<path
d="M 0,0 H 1920 V 9000 H 0 Z"
transform="translate(-1378.7554,-1136.295)"
id="path255" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath258">
<path
d="M 0,0 H 1920 V 9000 H 0 Z"
transform="translate(-1095.6993,-8098.7595)"
id="path258" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath301">
<path
d="M 0,0 H 1920 V 9000 H 0 Z"
transform="translate(-1476.5001,-5895.4337)"
id="path301" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath303">
<path
d="M 0,0 H 1920 V 9000 H 0 Z"
transform="translate(-1623.8512,-4272.9005)"
id="path303" />
</clipPath>
</defs>
<g
id="g1"
transform="translate(0.17944336,-2.9196463)">
<path
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,9061.9695)" />
<path
id="path151"
d="M 0,0 V -174.775"
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,2083.6333,1370.6667)" />
<path
id="path254"
d="M 0,0 C 0,205.098 -166.265,371.361 -371.362,371.361"
style="fill:none;stroke:#000000;stroke-width:137.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,10484.94)"
clip-path="url(#clipPath255)" />
<path
id="path256"
d="M 0,0 177.512,-211.551"
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,219.88347,2415.4232)" />
<path
id="path257"
d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(1.3333333,0,0,-1.3333333,1460.9323,1201.6543)"
clip-path="url(#clipPath258)" />
<path
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,4139.4219)"
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,6302.7995)"
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,6014.2852)" />
<rect
style="fill:none;stroke:#000000;stroke-width:0.872103;paint-order:fill markers stroke"
id="rect717"
width="2559.4043"
height="11996.388"
x="0.25652406"
y="3.3556976" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.1 KiB

View File

@ -4,11 +4,42 @@
<svg <svg
version="1.1" version="1.1"
id="svg1" id="svg1"
width="1800.8781" width="1801.0212"
height="3633.5603" height="4029.4231"
viewBox="0 0 1800.878 3633.5604" viewBox="0 0 1801.0212 4029.4232"
sodipodi:docname="formes-animees.svg"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
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="http://www.w3.org/2000/svg"
xmlns:svg="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="0.22209622"
inkscape:cx="900.51061"
inkscape:cy="1339.5095"
inkscape:window-width="1920"
inkscape:window-height="1016"
inkscape:window-x="0"
inkscape:window-y="36"
inkscape:window-maximized="1"
inkscape:current-layer="g2">
<inkscape:page
x="0"
y="0"
width="1801.0212"
height="4029.4231"
id="page2"
margin="0"
bleed="0" />
</sodipodi:namedview>
<defs <defs
id="defs1"> id="defs1">
<clipPath <clipPath
@ -37,42 +68,46 @@
</clipPath> </clipPath>
</defs> </defs>
<g <g
id="g3" id="g2"
transform="translate(-299.16899,-2704.2078)"> transform="translate(-299.16899,-2519.6031)">
<g
id="g2">
<g <g
id="g1" id="g1"
transform="translate(0.17944336,-2.9196463)"> transform="translate(0.17944336,-2.9196463)"
inkscape:export-filename="formes-animees.svg"
inkscape:export-xdpi="300"
inkscape:export-ydpi="300">
<path <path
id="path256" id="path256"
d="m 321.27266,3336.1817 182.91889,175.8201" d="m 321.27266,3436.1817 182.91889,175.8201"
style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:export-filename="formes-animees.svg"
inkscape:export-xdpi="300"
inkscape:export-ydpi="300" />
<path <path
id="path256-3" id="path256-3"
d="m 1852.1683,5834.9184 -163.0856,194.3583" d="m 1852.1683,6336.9184 -163.0856,194.3583"
style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path <path
id="path257" id="path257"
d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362" d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(-0.80902482,0,0,-0.80902482,1743.8143,2885.2905)" transform="matrix(-0.80902482,0,0,-0.80902482,1725.8143,3047.2905)"
clip-path="url(#clipPath258)" /> clip-path="url(#clipPath258)" />
<path <path
id="path300" id="path300"
d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6" 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" 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(0.72647042,0,0,-0.72647042,1756.7965,4238.0583)" transform="matrix(0.72647042,0,0,-0.72647042,1908.7965,4672.0583)"
clip-path="url(#clipPath301)" /> clip-path="url(#clipPath301)" />
<path <path
id="path302" id="path302"
d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6" 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" 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(0.82260013,0,0,-0.82260013,1945.1937,5133.4927)" transform="matrix(0.82260013,0,0,-0.82260013,2051.1937,5635.4927)"
clip-path="url(#clipPath303)" /> clip-path="url(#clipPath303)" />
<path <path
id="path311" id="path311"
d="M 552.65311,4967.771 V 4707.7705" d="M 372.65311,5225.771 V 4965.7705"
style="fill:none;stroke:#000000;stroke-width:78.092;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> style="fill:none;stroke:#000000;stroke-width:78.092;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g> </g>
</g> </g>
@ -80,22 +115,31 @@
style="fill:none;stroke:none;stroke-width:0;paint-order:fill markers stroke" style="fill:none;stroke:none;stroke-width:0;paint-order:fill markers stroke"
id="rect2" id="rect2"
width="1550.348" width="1550.348"
height="114.74608" height="201.3089"
x="425.98532" x="122.31378"
y="2704.2078" /> y="-9.4031076e-13" />
</g>
<rect <rect
style="fill:none;stroke:none;stroke-width:0;paint-order:fill markers stroke" style="fill:none;stroke:none;stroke-width:0;paint-order:fill markers stroke"
id="rect1" id="rect1"
width="1540.1483" width="1540.1483"
height="112.19624" height="196.83549"
x="77.598511" x="73.095963"
y="68.049271" /> y="119.38474" />
<rect <rect
style="fill:none;stroke-width:0;paint-order:stroke fill markers" style="fill:none;stroke-width:0;paint-order:stroke fill markers"
id="rect3" id="rect3"
width="1559.4871" width="1559.4871"
height="238.19258" height="238.19258"
x="113.2123" x="108.70975"
y="3395.3674" /> y="3395.3674" />
<rect
style="fill:none;stroke-width:0;paint-order:stroke fill markers"
id="rect4"
width="1801.0212"
height="442.35608"
x="1.3299257e-06"
y="7.8992786"
inkscape:export-filename="formes-animees.svg"
inkscape:export-xdpi="300"
inkscape:export-ydpi="300" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

View File

@ -0,0 +1,129 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="1801.0212"
height="4029.4231"
viewBox="0 0 1801.0212 4029.4232"
sodipodi:docname="formes-animees.svg"
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:page
x="0"
y="0"
width="1801.0212"
height="4029.4231"
id="page2"
margin="0"
bleed="0" />
</sodipodi:namedview>
<defs
id="defs1">
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath258">
<path
d="M 0,0 H 1920 V 9000 H 0 Z"
transform="translate(-1095.6993,-8098.7595)"
id="path258" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath301">
<path
d="M 0,0 H 1920 V 9000 H 0 Z"
transform="translate(-1476.5001,-5895.4337)"
id="path301" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath303">
<path
d="M 0,0 H 1920 V 9000 H 0 Z"
transform="translate(-1623.8512,-4272.9005)"
id="path303" />
</clipPath>
</defs>
<g
id="g2"
transform="translate(-299.16899,-2519.6031)">
<g
id="g1"
transform="translate(0.17944336,-2.9196463)">
<path
id="path256"
d="m 321.27266,3336.1817 182.91889,175.8201"
style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:export-filename="formes-animees.svg"
inkscape:export-xdpi="300"
inkscape:export-ydpi="300" />
<path
id="path256-3"
d="m 1852.1683,6336.9184 -163.0856,194.3583"
style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
id="path257"
d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(-0.80902482,0,0,-0.80902482,1743.8143,2885.2905)"
clip-path="url(#clipPath258)" />
<path
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(0.72647042,0,0,-0.72647042,1836.7965,4740.0583)"
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(0.82260013,0,0,-0.82260013,2025.1937,5635.4927)"
clip-path="url(#clipPath303)" />
<path
id="path311"
d="M 456.65311,5469.771 V 5209.7705"
style="fill:none;stroke:#000000;stroke-width:78.092;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g>
</g>
<rect
style="fill:none;stroke:none;stroke-width:0;paint-order:fill markers stroke"
id="rect2"
width="1550.348"
height="114.74608"
x="122.31378"
y="-9.4031076e-13" />
<rect
style="fill:none;stroke:none;stroke-width:0;paint-order:fill markers stroke"
id="rect1"
width="1540.1483"
height="112.19624"
x="73.095963"
y="68.049309" />
<rect
style="fill:none;stroke-width:0;paint-order:stroke fill markers"
id="rect3"
width="1559.4871"
height="238.19258"
x="108.70975"
y="3395.3674" />
<rect
style="fill:none;stroke-width:0;paint-order:stroke fill markers"
id="rect4"
width="1801.0212"
height="252.14297"
x="1.3299257e-06"
y="4.5025892" />
</svg>

After

Width:  |  Height:  |  Size: 4.5 KiB

View File

@ -0,0 +1,102 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="2560.2766"
height="11997.26"
viewBox="0 0 2560.2766 11997.26"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath255">
<path
d="M 0,0 H 1920 V 9000 H 0 Z"
transform="translate(-1378.7554,-1136.295)"
id="path255" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath258">
<path
d="M 0,0 H 1920 V 9000 H 0 Z"
transform="translate(-1095.6993,-8098.7595)"
id="path258" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath301">
<path
d="M 0,0 H 1920 V 9000 H 0 Z"
transform="translate(-1476.5001,-5895.4337)"
id="path301" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath303">
<path
d="M 0,0 H 1920 V 9000 H 0 Z"
transform="translate(-1623.8512,-4272.9005)"
id="path303" />
</clipPath>
</defs>
<g
id="g1"
transform="translate(0.17944336,-2.9196463)">
<path
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,9061.9695)" />
<path
id="path151"
d="M 0,0 V -174.775"
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,2083.6333,1370.6667)" />
<path
id="path254"
d="M 0,0 C 0,205.098 -166.265,371.361 -371.362,371.361"
style="fill:none;stroke:#000000;stroke-width:137.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,10484.94)"
clip-path="url(#clipPath255)" />
<path
id="path256"
d="M 0,0 177.512,-211.551"
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,219.88347,2415.4232)" />
<path
id="path257"
d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(1.3333333,0,0,-1.3333333,1460.9323,1201.6543)"
clip-path="url(#clipPath258)" />
<path
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,4139.4219)"
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,6302.7995)"
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,6014.2852)" />
<rect
style="fill:none;stroke:#000000;stroke-width:0.872103;paint-order:fill markers stroke"
id="rect717"
width="2559.4043"
height="11996.388"
x="0.25652406"
y="3.3556976" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.1 KiB

View File

@ -11,11 +11,11 @@
console.log('It works!'); console.log('It works!');
} }
}; };
} (Drupal)); } (Drupal));
//////// start header //////////// //////// start header ////////////
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
const header = document.querySelector('header'); const header = document.querySelector('header');
const logo = document.querySelector('#block-quartiers-de-demain-logoquartiersdedemain > div:nth-child(1) > div:nth-child(1) > a:nth-child(1) > svg:nth-child(1)'); const logo = document.querySelector('#block-quartiers-de-demain-logoquartiersdedemain > div:nth-child(1) > div:nth-child(1) > a:nth-child(1) > svg:nth-child(1)');
@ -200,7 +200,7 @@
} }
} }
}); });
//////// end header //////////// //////// end header ////////////
@ -210,22 +210,22 @@
(function($, window) { (function($, window) {
var adjustAnchor = function() { var adjustAnchor = function() {
var $anchor = $('.sidebar_first_container'), var $anchor = $('.sidebar_first_container'),
fixedElementHeight = 500; fixedElementHeight = 500;
if ($anchor.length > 0) { if ($anchor.length > 0) {
$('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0); $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);
} }
}; };
$(window).on('hashchange', function() { $(window).on('hashchange', function() {
adjustAnchor(); adjustAnchor();
}); });
//////////////////////// start script smooth apparition des textes ///////////////// //////////////////////// start script smooth apparition des textes /////////////////
function scrollReaveal(){ function scrollReaveal(){
const nodes = { const nodes = {
logo : document.querySelectorAll('#logo-animated-container'), logo : document.querySelectorAll('#logo-animated-container'),
@ -263,16 +263,16 @@
ScrollReveal().reveal(nodes.lienDoc, showUp); ScrollReveal().reveal(nodes.lienDoc, showUp);
ScrollReveal().reveal(nodes.lienURL, showUp); ScrollReveal().reveal(nodes.lienURL, showUp);
} }
$( document ).ready(function() { $( document ).ready(function() {
scrollReaveal(); scrollReaveal();
}); });
//////////////////////// end script smooth apparition des textes ///////////////// //////////////////////// end script smooth apparition des textes /////////////////
// //////////////////// start Timeline script /////////////////////// // //////////////////// start Timeline script ///////////////////////
// Update month field to only show the first 3 letters // Update month field to only show the first 3 letters
document.querySelectorAll('.paragraph--type--phase-deroulement').forEach(function(paragraph) { document.querySelectorAll('.paragraph--type--phase-deroulement').forEach(function(paragraph) {
@ -322,7 +322,7 @@
}); });
// ////////////////////// start calendrier home ///////////////////////////////// // ////////////////////// start calendrier home /////////////////////////////////
$(document).ready(function(){ $(document).ready(function(){
$('.__timeline-content').slick({ $('.__timeline-content').slick({
slidesToShow: 3, slidesToShow: 3,
@ -349,49 +349,33 @@
}); });
//////////////////////// end calendrier home ///////////////////////////////// //////////////////////// end calendrier home /////////////////////////////////
//////////////////////// end Timeline script ///////////////////////////////////////////// //////////////////////// end Timeline script /////////////////////////////////////////////
/////////////////// caracteres body actus///////////////////////// /////////////////// caracteres body actus/////////////////////////
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
// Nombre maximum de caractères à afficher // Maximum number of characters to display
const maxChars = 140; // Ajustez cette valeur selon vos besoins const maxChars = 140; // Adjust this value as needed
document.querySelectorAll('#actus-caroussel .node-type-actualite').forEach(function(node) { document.querySelectorAll('#actus-caroussel .node-type-actualite .field_body p').forEach(function(paragraph) {
let paragraphs = node.querySelectorAll('.field_body p'); let text = paragraph.textContent.trim();
let fullText = ""; if (text.length > maxChars) {
let truncatedText = text.slice(0, maxChars) + '...';
// Concaténer tous les paragraphes paragraph.textContent = truncatedText;
paragraphs.forEach(p => fullText += p.textContent.trim() + " ");
fullText = fullText.trim();
// Vérifier si le texte dépasse la limite
if (fullText.length > maxChars) {
let truncatedText = fullText.slice(0, maxChars) + '...';
// Vider tout le contenu et insérer seulement le texte tronqué
let firstParagraph = paragraphs[0];
firstParagraph.textContent = truncatedText;
// Masquer les autres paragraphes
for (let i = 1; i < paragraphs.length; i++) {
paragraphs[i].style.display = "none";
}
} }
}); });
}); });
//////////// start slideshow home //////////////////////////
//////////// start slideshow home ////////////////////////// $(document).ready(function(){
$(document).ready(function(){
let actuview = $('.content-actus .view ') let actuview = $('.content-actus .view ')
if (actuview) { if (actuview) {
actuview.slick({ actuview.slick({
@ -428,12 +412,12 @@
lazyLoad: 'progressive', // Option 'ondemand' ou 'progressive' lazyLoad: 'progressive', // Option 'ondemand' ou 'progressive'
}); });
}); });
$(document).ready(function () { $(document).ready(function () {
let diapohome = $('.config_pages--type--diaporama-home .diaporama'); let diapohome = $('.config_pages--type--diaporama-home .diaporama');
if (diapohome.length) { if (diapohome.length) {
@ -462,10 +446,10 @@
}] }]
}); });
} }
}); });
//////////// end slideshow home ////////////////////////// //////////// end slideshow home //////////////////////////
//////////////// start lightbox galerie image page site//////////////////////// //////////////// start lightbox galerie image page site////////////////////////
@ -504,56 +488,56 @@ lightbox.appendChild(nextBtn);
// Fonction pour afficher l'image et la légende à l'index donné // Fonction pour afficher l'image et la légende à l'index donné
function showImage(index) { function showImage(index) {
if (index < 0) index = images.length - 1; if (index < 0) index = images.length - 1;
if (index >= images.length) index = 0; if (index >= images.length) index = 0;
currentIndex = index; currentIndex = index;
// Mettre à jour l'image // Mettre à jour l'image
img.src = images[currentIndex].getAttribute('src'); img.src = images[currentIndex].getAttribute('src');
// Récupérer la légende associée (le paragraphe dans blockquote suivant l'image) // Récupérer la légende associée (le paragraphe dans blockquote suivant l'image)
const captionText = images[currentIndex] const captionText = images[currentIndex]
.closest('.cadre-img-zoom') .closest('.cadre-img-zoom')
.nextElementSibling.querySelector('.image-field-caption p') .nextElementSibling.querySelector('.image-field-caption p')
.textContent; .textContent;
caption.textContent = captionText || ''; // Affiche la légende ou une chaîne vide si elle est absente caption.textContent = captionText || ''; // Affiche la légende ou une chaîne vide si elle est absente
lightbox.style.display = 'flex'; lightbox.style.display = 'flex';
} }
// Événements de clic sur chaque image pour ouvrir le lightbox avec la légende // Événements de clic sur chaque image pour ouvrir le lightbox avec la légende
images.forEach((image, index) => { images.forEach((image, index) => {
image.addEventListener('click', () => { image.addEventListener('click', () => {
showImage(index); showImage(index);
}); });
}); });
// Fermer le lightbox // Fermer le lightbox
closeBtn.addEventListener('click', () => { closeBtn.addEventListener('click', () => {
lightbox.style.display = 'none'; lightbox.style.display = 'none';
}); });
// Navigation pour images précédente et suivante // Navigation pour images précédente et suivante
prevBtn.addEventListener('click', (e) => { prevBtn.addEventListener('click', (e) => {
e.stopPropagation(); e.stopPropagation();
showImage(currentIndex - 1); showImage(currentIndex - 1);
}); });
nextBtn.addEventListener('click', (e) => { nextBtn.addEventListener('click', (e) => {
e.stopPropagation(); e.stopPropagation();
showImage(currentIndex + 1); showImage(currentIndex + 1);
}); });
// Fermer le lightbox en cliquant en dehors de l'image // Fermer le lightbox en cliquant en dehors de l'image
lightbox.addEventListener('click', (e) => { lightbox.addEventListener('click', (e) => {
if (e.target === lightbox) { if (e.target === lightbox) {
lightbox.style.display = 'none'; lightbox.style.display = 'none';
} }
}); });
// Ajout des contrôles clavier (Échap, flèches gauche/droite) // Ajout des contrôles clavier (Échap, flèches gauche/droite)
document.addEventListener('keydown', (e) => { document.addEventListener('keydown', (e) => {
if (lightbox.style.display === 'flex') { if (lightbox.style.display === 'flex') {
if (e.key === 'Escape') { if (e.key === 'Escape') {
lightbox.style.display = 'none'; lightbox.style.display = 'none';
} else if (e.key === 'ArrowLeft') { } else if (e.key === 'ArrowLeft') {
@ -561,7 +545,7 @@ document.addEventListener('keydown', (e) => {
} else if (e.key === 'ArrowRight') { } else if (e.key === 'ArrowRight') {
showImage(currentIndex + 1); showImage(currentIndex + 1);
} }
} }
}); });
@ -571,11 +555,11 @@ document.addEventListener('keydown', (e) => {
//////////////////// start wrapper views-row lessites ///////////////////////// //////////////////// start wrapper views-row lessites /////////////////////////
document.addEventListener("DOMContentLoaded", function() { document.addEventListener("DOMContentLoaded", function() {
// Sélectionne le conteneur principal avec l'ID 'lessites' // Sélectionne le conteneur principal avec l'ID 'lessites'
const container = document.getElementById("lessites"); const container = document.getElementById("lessites");
// Vérifie si le conteneur existe pour éviter toute erreur sur d'autres pages // Vérifie si le conteneur existe pour éviter toute erreur sur d'autres pages
if (container) { if (container) {
// Sélectionne l'élément 'view' à l'intérieur de '.views-element-container' // Sélectionne l'élément 'view' à l'intérieur de '.views-element-container'
const viewContainer = container.querySelector(".views-element-container .view"); const viewContainer = container.querySelector(".views-element-container .view");
@ -592,7 +576,7 @@ document.addEventListener("DOMContentLoaded", function() {
// Ajoute la div englobante dans le 'viewContainer' // Ajoute la div englobante dans le 'viewContainer'
viewContainer.appendChild(wrapperDiv); viewContainer.appendChild(wrapperDiv);
} }
} }
}); });
@ -604,31 +588,31 @@ document.addEventListener("DOMContentLoaded", function() {
// Vérifie si la page a la classe 'node-type-site' dans le <body> // Vérifie si la page a la classe 'node-type-site' dans le <body>
if (document.body.classList.contains('node-type-site')) { if (document.body.classList.contains('node-type-site')) {
// Sélectionne le conteneur principal // Sélectionne le conteneur principal
const blockRegion = document.querySelector('.block-region-second'); const blockRegion = document.querySelector('.block-region-second');
// Liste des classes spécifiques à cibler // Liste des classes spécifiques à cibler
const fieldClasses = [ const fieldClasses = [
'.field_field_region', '.field_field_region',
'.field_field_nom_du_qpv_nb_d_hab', '.field_field_nom_du_qpv_nb_d_hab',
'.field_field_departement_s', '.field_field_departement_s',
'.field_field_programme_de_l_etat', '.field_field_programme_de_l_etat',
'.field_field_porteur_s_de_site', '.field_field_porteur_s_de_site',
'.field_field_nom_de_la_commune_nb_d_hab' '.field_field_nom_de_la_commune_nb_d_hab'
]; ];
// Sélectionne les div parents de chacun des champs listés // Sélectionne les div parents de chacun des champs listés
const elementsToWrap = []; const elementsToWrap = [];
fieldClasses.forEach(className => { fieldClasses.forEach(className => {
const fieldElement = blockRegion.querySelector(className); const fieldElement = blockRegion.querySelector(className);
if (fieldElement) { if (fieldElement) {
// Ajoute le parent du champ au tableau si trouvé // Ajoute le parent du champ au tableau si trouvé
elementsToWrap.push(fieldElement.parentElement); elementsToWrap.push(fieldElement.parentElement);
} }
}); });
// Vérifie que des éléments ont été trouvés // Vérifie que des éléments ont été trouvés
if (elementsToWrap.length > 0) { if (elementsToWrap.length > 0) {
// Crée le conteneur avec la classe 'infos' // Crée le conteneur avec la classe 'infos'
const infosContainer = document.createElement('div'); const infosContainer = document.createElement('div');
infosContainer.className = 'infos'; infosContainer.className = 'infos';
@ -639,47 +623,47 @@ if (document.body.classList.contains('node-type-site')) {
// Déplace chaque élément dans le conteneur `.infos` // Déplace chaque élément dans le conteneur `.infos`
elementsToWrap.forEach(element => infosContainer.appendChild(element)); elementsToWrap.forEach(element => infosContainer.appendChild(element));
} }
} }
//////////////////// end div infos site //////////////////////// //////////////////// end div infos site ////////////////////////
document.addEventListener("DOMContentLoaded", function() { document.addEventListener("DOMContentLoaded", function() {
// Sélectionner les éléments à déplacer // Sélectionner les éléments à déplacer
const documentsField = document.querySelector(".field_field_documents"); const documentsField = document.querySelector(".field_field_documents");
const liensSiteField = document.querySelector(".field_field_liens_site"); const liensSiteField = document.querySelector(".field_field_liens_site");
// Sélectionner la destination // Sélectionner la destination
const thirdRegion = document.querySelector(".block-region-third > div"); const thirdRegion = document.querySelector(".block-region-third > div");
// Créer une nouvelle div pour englober les éléments déplacés // Créer une nouvelle div pour englober les éléments déplacés
const wrapperDiv = document.createElement("div"); const wrapperDiv = document.createElement("div");
wrapperDiv.classList.add("documents-liens-wrapper"); wrapperDiv.classList.add("documents-liens-wrapper");
// Déplacer les éléments dans la nouvelle div // Déplacer les éléments dans la nouvelle div
if (documentsField && liensSiteField && thirdRegion) { if (documentsField && liensSiteField && thirdRegion) {
wrapperDiv.appendChild(documentsField); wrapperDiv.appendChild(documentsField);
wrapperDiv.appendChild(liensSiteField); wrapperDiv.appendChild(liensSiteField);
// Ajouter la nouvelle div dans la destination // Ajouter la nouvelle div dans la destination
thirdRegion.appendChild(wrapperDiv); thirdRegion.appendChild(wrapperDiv);
} }
}); });
document.addEventListener("DOMContentLoaded", function() { document.addEventListener("DOMContentLoaded", function() {
// Sélectionner les éléments pertinents // Sélectionner les éléments pertinents
const documentsLiensWrapper = document.querySelector(".documents-liens-wrapper"); const documentsLiensWrapper = document.querySelector(".documents-liens-wrapper");
const blockRegionThird = document.querySelector(".block-region-third"); const blockRegionThird = document.querySelector(".block-region-third");
// Vérifier que les éléments existent avant de les manipuler // Vérifier que les éléments existent avant de les manipuler
if (documentsLiensWrapper && blockRegionThird) { if (documentsLiensWrapper && blockRegionThird) {
// Déplacer .documents-liens-wrapper en dehors du div contenant les boutons prev/next // Déplacer .documents-liens-wrapper en dehors du div contenant les boutons prev/next
blockRegionThird.appendChild(documentsLiensWrapper); blockRegionThird.appendChild(documentsLiensWrapper);
} }
}); });
document.addEventListener("DOMContentLoaded", function () { document.addEventListener("DOMContentLoaded", function () {
// Fonction pour déplacer le bloc en fonction de la taille de l'écran // Fonction pour déplacer le bloc en fonction de la taille de l'écran
function moveLanguageSwitcher() { function moveLanguageSwitcher() {
const languageSwitcher = document.getElementById("block-quartiers-de-demain-selecteurdelangue"); const languageSwitcher = document.getElementById("block-quartiers-de-demain-selecteurdelangue");
const navContainer = document.querySelector(".header_nav_container"); const navContainer = document.querySelector(".header_nav_container");
@ -693,11 +677,11 @@ document.addEventListener("DOMContentLoaded", function () {
headerRightContainer.appendChild(languageSwitcher); // Remet le bloc dans sa position initiale headerRightContainer.appendChild(languageSwitcher); // Remet le bloc dans sa position initiale
} }
} }
} }
// Déclencher au chargement et au redimensionnement // Déclencher au chargement et au redimensionnement
moveLanguageSwitcher(); moveLanguageSwitcher();
window.addEventListener("resize", moveLanguageSwitcher); window.addEventListener("resize", moveLanguageSwitcher);
}); });

View File

@ -45,7 +45,7 @@ $width-menu-slidedown : 550px;
@media(max-width: 810px){ @media(max-width: 810px){
padding-top: 380px; padding-top: 300px;
} }
} }
} }

View File

@ -33,7 +33,13 @@
.node-type-actualite{ .node-type-actualite{
width: 100%; width: 100%;
padding-bottom: 7rem; padding-bottom: 7rem;
a{
display: flex;
flex-direction: column;
}
.infos-actu{ .infos-actu{
order: 1;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
border-top: solid red 1px; border-top: solid red 1px;
@ -65,14 +71,19 @@
} }
.field_body { .field_body {
order: 2;
padding-bottom: 2rem; padding-bottom: 2rem;
p{ p{
font-size: 0.8rem; font-size: 0.8rem;
} }
} }
.field_field_liens{ .field_field_liens{
order: 3;
padding-bottom: 2rem; padding-bottom: 2rem;
padding-top: 2rem;
a{ a{
display: flex;
flex-direction: row;
padding-left: 0.5rem; padding-left: 0.5rem;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
@ -91,9 +102,14 @@
} }
} }
a:not(.ext){
display: none;
}
} }
.field_field_images{ .field_field_images{
order: 5;
img{ img{
width: 100%; width: 100%;
height: auto; height: auto;

View File

@ -697,6 +697,28 @@
// display: none; // display: none;
} }
#live-youtube{
width: 55%;
margin: auto;
margin-left: 14rem;
margin-top: 2rem;
@media(max-width: 1090px){
flex-direction: column;
width: 90%;
margin-left: 1rem;
}
h2{
text-align: center;
font-size: 1.5rem;
font-family: "gilroy-semibold";
}
.field_field_descritpion{
margin-bottom: 2rem;
text-align: center;
}
}
} }

View File

@ -17,11 +17,12 @@ main{
@media(max-width: 810px){ @media(max-width: 810px){
margin-top: 14rem; margin-top: 14rem;
grid-column: 2 /span 9; grid-column: 2 /span 9;
margin-left: 0; // margin-left: 0;
padding-left: 0%; padding-left: 0%;
} }
h1{ h1{
text-align: center;
text-transform: none; text-transform: none;
color: $blue_QDD; color: $blue_QDD;
font-size: 2rem; font-size: 2rem;
@ -61,12 +62,16 @@ main{
top: 0px; top: 0px;
} }
@media(max-width: 810px){
width: 95vw;
}
#sites-map-container{ #sites-map-container{
width: 100%; width: 100%;
@media(max-width: 810px){ @media(max-width: 810px){
height:fit-content; height:fit-content;
} }
h2{display: none;}
} }
} }

View File

@ -341,8 +341,17 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin-bottom: 1rem; margin-bottom: 1rem;
@media(max-width: 810px){
justify-content: center;
margin: auto;
margin-bottom: 1rem;
width: fit-content;
}
@media(max-width: 500px){ @media(max-width: 500px){
justify-content: center; justify-content: center;
margin: auto;
margin-bottom: 1rem;
width: fit-content;
} }
.prev-site{ .prev-site{
@ -393,8 +402,9 @@
@media (max-width:810px) { @media (max-width:810px) {
// margin-left: 0; // margin-left: 0;
max-width: 50%; // max-width: 50%;
margin: auto; margin: auto;
margin-bottom: 1rem;
} }
a{ a{
@ -407,6 +417,7 @@
font-size: 0.6rem; font-size: 0.6rem;
margin-bottom: 0.3rem; margin-bottom: 0.3rem;
svg{ svg{
display: none; display: none;
} }
@ -415,7 +426,7 @@
content: url("../img/noun-arrow-to-right.svg"); content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem; padding-right: 0.2rem;
padding-left: 0.2rem; padding-left: 0.2rem;
padding-bottom: 0.2rem; // padding-bottom: 0.2rem;
} }

View File

@ -2,7 +2,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding-bottom: 6rem; // padding-bottom: 4rem;
h2{ h2{
width: fit-content; width: fit-content;
@ -16,8 +16,17 @@
} }
button{ button{
top: -2.5rem; top: -2.5rem;
@media(max-width: 810px){
top: -1.5rem;
}
} }
.content-actus{ .content-actus{
.slick-list{
padding-bottom: 4rem;
@media(max-width: 810px){
padding-bottom: 0rem;
}
}
.view{ .view{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -33,9 +42,14 @@
padding-top: 3rem; padding-top: 3rem;
} }
article.node-type-actualite{ article.node-type-actualite{
a{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
h2{
display: none;
}
.field_field_images{ .field_field_images{
order: 1;
background-color: black; background-color: black;
-moz-border-radius: 9px; /* pour Mozilla */ -moz-border-radius: 9px; /* pour Mozilla */
-khtml-border-radius: 9px; /* pour Safari et Chrome */ -khtml-border-radius: 9px; /* pour Safari et Chrome */
@ -97,7 +111,14 @@
padding-bottom: 0.2rem; padding-bottom: 0.2rem;
} }
} }
.infos-actu{
order: 2;
h2{
font-family: 'gilroy-semibold';
}
}
.field_field_date{ .field_field_date{
color: red; color: red;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
@ -112,6 +133,7 @@
.field_title{ .field_title{
order: 3;
padding-top: 0.2rem; padding-top: 0.2rem;
h2{ h2{
margin: 0; margin: 0;
@ -124,6 +146,7 @@
} }
} }
.field_body{ .field_body{
order: 4;
// visibility: visible; // visibility: visible;
opacity: 1 !important; opacity: 1 !important;
transform: none !important; transform: none !important;
@ -133,6 +156,40 @@
margin-bottom: 1rem; margin-bottom: 1rem;
font-size: 0.7rem ; font-size: 0.7rem ;
} }
a{
color: $blue_QDD;
}
}
.field_field_liens{
order: 5;
width: fit-content;
padding-left: 0.5rem;
// padding-bottom: 0.2rem;
// padding-top: 0.2rem;
background: black;
@media (max-width:810px) {
margin-left: 0;
}
a{
display: inline-flex;
align-items: center;
color: white;
text-transform: uppercase;
font-size: 0.6rem;
svg{
display: none;
}
&::after{
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
// padding-bottom: 0.2rem;
}
}
}
} }
} }

View File

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

View File

@ -184,14 +184,18 @@ header{
transform: translateX(0); transform: translateX(0);
transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;
z-index: -1 ; z-index: -1 ;
display: flex;
flex-direction: column;
@media(max-width: 1090px){ @media(max-width: 1090px){
// text-align:left; // text-align:left;
height: fit-content; // height: fit-content;
} }
@media(max-width: 500px){ @media(max-width: 500px){
flex: 0 0 40%; flex: 0 0 40%;
} }
#block-quartiers-de-demain-entete{ #block-quartiers-de-demain-entete{
margin: auto;
h2{ h2{
display: none; display: none;
} }
@ -202,6 +206,8 @@ header{
position: relative; position: relative;
padding-left: 1rem; padding-left: 1rem;
padding-right: 1rem; padding-right: 1rem;
margin: auto;
padding-top: 1%;
@media(max-width: 1025px){ @media(max-width: 1025px){
top: 0; top: 0;
align-items: center; align-items: center;
@ -305,7 +311,7 @@ header{
flex: 1 0 100%; flex: 1 0 100%;
position: relative; position: relative;
left: -100%; left: -100%;
top: -45px; // top: -45px; /* a remettre et faire varier si ajoute éléments dans menu */
} }
} }
@ -341,7 +347,10 @@ header{
flex: 1 0 100%; flex: 1 0 100%;
position: relative; position: relative;
left: -100%; left: -100%;
top: -45px; // top: -75px;
}
@media(max-width: 550px){
top: 0px;
} }
} }

View File

@ -92,15 +92,17 @@
{# {{ content }} #} {# {{ content }} #}
{# </div> #} {# </div> #}
{% block content %} {% block content %}
<a href="{{ url }}" rel="bookmark">{{ label }}
{{content.field_images}}
<div class="infos-actu"> <div class="infos-actu">
{{content.field_type_d_actualite}} {{content.field_type_d_actualite}}
{{content.field_date}} {{content.field_date}}
</div> </div>
{{content.body}} {{content.body}}
{{content.field_liens}} {{content.field_liens}}
{{content.field_images}}
</a>
{% endblock %} {% endblock %}
</article> </article>