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

146
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,65 +68,78 @@
</clipPath>
</defs>
<g
id="g3"
transform="translate(-299.16899,-2704.2078)">
id="g2"
transform="translate(-299.16899,-2519.6031)">
<g
id="g2">
<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" />
<path
id="path256-3"
d="m 1852.1683,5834.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,1756.7965,4238.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)"
clip-path="url(#clipPath303)" />
<path
id="path311"
d="M 552.65311,4967.771 V 4707.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>
id="g1"
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,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,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,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,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,2051.1937,5635.4927)"
clip-path="url(#clipPath303)" />
<path
id="path311"
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>
<rect
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>
<rect
style="fill:none;stroke:none;stroke-width:0;paint-order:fill markers stroke"
id="rect2"
width="1550.348"
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

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

File diff suppressed because it is too large Load Diff

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;
}
}
}

18
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;
a{
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;}
}
}

17
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{
@ -386,15 +395,16 @@
margin-bottom: 0.3rem;
}
}
.field_field_liens_site,
.field_field_liens_site,
.field--type-file{
display: flex;
flex-direction: column !important;
@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,7 +156,41 @@
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;
}
}
}
}
}
}

30
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;
}
}

6
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>