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

Merge branch 'prod'

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
config/sync/language.content_settings.block_content.live_youtube.yml Normal file
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

22
config/sync/pathauto.pattern.actus.yml Normal file
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: { }

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

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

@ -202,7 +202,7 @@ h2, h3 {
}
@media (max-width: 810px) {
.layout-container main#home {
padding-top: 380px;
padding-top: 300px;
}
}
@media (max-width: 810px) {
@ -432,17 +432,17 @@ header .header_nav_container {
transform: translateX(0);
transition: transform 0.3s ease-in-out;
z-index: -1;
}
@media (max-width: 1090px) {
header .header_nav_container {
height: fit-content;
}
display: flex;
flex-direction: column;
}
@media (max-width: 500px) {
header .header_nav_container {
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 {
display: none;
}
@ -453,6 +453,8 @@ header .header_nav_container #block-quartiers-de-demain-entete ul {
position: relative;
padding-left: 1rem;
padding-right: 1rem;
margin: auto;
padding-top: 1%;
}
@media (max-width: 1025px) {
header .header_nav_container #block-quartiers-de-demain-entete ul {
@ -562,7 +564,6 @@ header .header:hover + .header_nav_container {
flex: 1 0 100%;
position: relative;
left: -100%;
top: -45px;
}
}
@ -605,7 +606,11 @@ header .header:hover + .header_nav_container {
flex: 1 0 100%;
position: relative;
left: -100%;
top: -45px;
}
}
@media (max-width: 550px) {
.header--collapsed-already .header_nav_container {
top: 0px;
}
}
@ -1496,7 +1501,6 @@ footer {
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 6rem;
}
#actus-caroussel h2 {
width: fit-content;
@ -1510,6 +1514,19 @@ footer {
#actus-caroussel button {
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 {
display: flex;
flex-direction: row;
@ -1525,11 +1542,15 @@ footer {
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;
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;
-moz-border-radius: 9px; /* pour Mozilla */
-khtml-border-radius: 9px; /* pour Safari et Chrome */
@ -1539,18 +1560,18 @@ footer {
margin-bottom: 0.6rem;
}
@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;
}
}
#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%;
}
#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;
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%;
height: 100%;
object-fit: cover;
@ -1560,11 +1581,11 @@ footer {
border-radius: 9px; /* CSS3 */
}
@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;
}
}
#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%;
height: 100%;
object-fit: cover;
@ -1574,11 +1595,11 @@ footer {
border-radius: 9px; /* CSS3 */
}
@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;
}
}
#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;
color: red;
font-size: 0.5rem;
@ -1586,44 +1607,82 @@ footer {
display: inline-flex;
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");
padding-right: 0.3rem;
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;
display: inline-flex;
align-items: center;
font-size: 0.5rem;
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");
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;
}
#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;
line-height: 0.4;
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;
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;
transform: none !important;
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-bottom: 1rem;
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) {
position: relative;
top: 60px;
@ -2572,6 +2631,29 @@ body {
#home .paragraph--type--static-parts:not(#paragraph-id--7) #svg1 {
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 {
background-color: #f6f7f3;
}
@ -3103,7 +3185,12 @@ body {
width: 100%;
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 {
order: 1;
display: flex;
flex-direction: row;
border-top: solid red 1px;
@ -3134,15 +3221,20 @@ body {
padding-right: 0.4rem;
}
#page-node .content_container .node-type-actualite .field_body {
order: 2;
padding-bottom: 2rem;
}
#page-node .content_container .node-type-actualite .field_body p {
font-size: 0.8rem;
}
#page-node .content_container .node-type-actualite .field_field_liens {
order: 3;
padding-bottom: 2rem;
padding-top: 2rem;
}
#page-node .content_container .node-type-actualite .field_field_liens a {
display: flex;
flex-direction: row;
padding-left: 0.5rem;
display: inline-flex;
align-items: center;
@ -3160,6 +3252,12 @@ body {
padding-right: 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 {
width: 100%;
height: auto;
@ -3469,9 +3567,20 @@ body {
flex-direction: row;
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) {
.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;
}
}
.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) {
.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 {
max-width: 50%;
margin: auto;
margin-bottom: 1rem;
}
}
.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");
padding-right: 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 {
width: fit-content;
@ -3597,11 +3705,11 @@ main {
#lessites .content_container #block-quartiers-de-demain-titredepage {
margin-top: 14rem;
grid-column: 2/span 9;
margin-left: 0;
padding-left: 0%;
}
}
#lessites .content_container #block-quartiers-de-demain-titredepage h1 {
text-align: center;
text-transform: none;
color: rgb(7, 50, 194);
font-size: 2rem;
@ -3639,6 +3747,11 @@ main {
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 {
width: 100%;
}
@ -3647,6 +3760,9 @@ main {
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 {
display: flex;
flex-direction: row;

102
web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-live.svg vendored Normal file
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>
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

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

@ -4,11 +4,42 @@
<svg
version="1.1"
id="svg1"
width="1800.8781"
height="3633.5603"
viewBox="0 0 1800.878 3633.5604"
width="1801.0212"
height="4029.4231"
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: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
id="defs1">
<clipPath
@ -37,42 +68,46 @@
</clipPath>
</defs>
<g
id="g3"
transform="translate(-299.16899,-2704.2078)">
<g
id="g2">
id="g2"
transform="translate(-299.16899,-2519.6031)">
<g
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
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" />
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"
inkscape:export-filename="formes-animees.svg"
inkscape:export-xdpi="300"
inkscape:export-ydpi="300" />
<path
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" />
<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)"
transform="matrix(-0.80902482,0,0,-0.80902482,1725.8143,3047.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,1756.7965,4238.0583)"
transform="matrix(0.72647042,0,0,-0.72647042,1908.7965,4672.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,1945.1937,5133.4927)"
transform="matrix(0.82260013,0,0,-0.82260013,2051.1937,5635.4927)"
clip-path="url(#clipPath303)" />
<path
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" />
</g>
</g>
@ -80,22 +115,31 @@
style="fill:none;stroke:none;stroke-width:0;paint-order:fill markers stroke"
id="rect2"
width="1550.348"
height="114.74608"
x="425.98532"
y="2704.2078" />
</g>
height="201.3089"
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="77.598511"
y="68.049271" />
height="196.83549"
x="73.095963"
y="119.38474" />
<rect
style="fill:none;stroke-width:0;paint-order:stroke fill markers"
id="rect3"
width="1559.4871"
height="238.19258"
x="113.2123"
x="108.70975"
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>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

129
web/themes/custom/quartiers_de_demain/dist/assets/img/rect4.svg vendored Normal file
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>
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

102
web/themes/custom/quartiers_de_demain/src/assets/img/formes-animees-original.svg Normal file
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>
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

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

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

2
web/themes/custom/quartiers_de_demain/src/assets/scss/global/_layout.scss
View File

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

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

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

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

@ -697,6 +697,28 @@
// 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;
}
}
}

7
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lessites.scss
View File

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

15
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
View File

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

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

@ -2,7 +2,7 @@
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 6rem;
// padding-bottom: 4rem;
h2{
width: fit-content;
@ -16,8 +16,17 @@
}
button{
top: -2.5rem;
@media(max-width: 810px){
top: -1.5rem;
}
}
.content-actus{
.slick-list{
padding-bottom: 4rem;
@media(max-width: 810px){
padding-bottom: 0rem;
}
}
.view{
display: flex;
flex-direction: row;
@ -33,9 +42,14 @@
padding-top: 3rem;
}
article.node-type-actualite{
a{
display: flex;
flex-direction: column;
h2{
display: none;
}
.field_field_images{
order: 1;
background-color: black;
-moz-border-radius: 9px; /* pour Mozilla */
-khtml-border-radius: 9px; /* pour Safari et Chrome */
@ -97,7 +111,14 @@
padding-bottom: 0.2rem;
}
}
.infos-actu{
order: 2;
h2{
font-family: 'gilroy-semibold';
}
}
.field_field_date{
color: red;
display: inline-flex;
align-items: center;
@ -112,6 +133,7 @@
.field_title{
order: 3;
padding-top: 0.2rem;
h2{
margin: 0;
@ -124,6 +146,7 @@
}
}
.field_body{
order: 4;
// visibility: visible;
opacity: 1 !important;
transform: none !important;
@ -133,6 +156,40 @@
margin-bottom: 1rem;
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;
}
}
}
}
}

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

@ -1,5 +1,5 @@
#home{
/////////////////start à remettre après fin live ///////////////
#background-animated {
// display: none;
position: absolute;
@ -18,6 +18,29 @@
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{
// @media (max-width:1100px) {
// display: none;
@ -32,4 +55,7 @@
.layout-container.home {
position: relative;
}
}

15
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
View File

@ -184,14 +184,18 @@ header{
transform: translateX(0);
transition: transform 0.3s ease-in-out;
z-index: -1 ;
display: flex;
flex-direction: column;
@media(max-width: 1090px){
// text-align:left;
height: fit-content;
// height: fit-content;
}
@media(max-width: 500px){
flex: 0 0 40%;
}
#block-quartiers-de-demain-entete{
margin: auto;
h2{
display: none;
}
@ -202,6 +206,8 @@ header{
position: relative;
padding-left: 1rem;
padding-right: 1rem;
margin: auto;
padding-top: 1%;
@media(max-width: 1025px){
top: 0;
align-items: center;
@ -305,7 +311,7 @@ header{
flex: 1 0 100%;
position: relative;
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%;
position: relative;
left: -100%;
top: -45px;
// top: -75px;
}
@media(max-width: 550px){
top: 0px;
}
}

4
web/themes/custom/quartiers_de_demain/templates/node--actualite.html.twig
View File

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