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

formes géometriques

This commit is contained in:
ouidade 2024-07-11 12:51:12 +02:00
parent 2ba2192cbd
commit ef68475b9a
23 changed files with 1044 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
web/sites/default/files-10-07-2024.zip Normal file
View File

Binary file not shown.

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

File diff suppressed because one or more lines are too long

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

@ -197,6 +197,11 @@ h2 {
.layout-container main#home {
padding-top: 0;
}
@media (max-width: 810px) {
.layout-container main#home {
padding-top: 320px;
}
}
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
ul {
@ -1041,12 +1046,29 @@ footer {
background-repeat: no-repeat;
background-size: contain;
background-position-x: -20%;
position: relative;
}
@media (max-width: 1090px) {
#home .__container-deroulement {
cursor: grab;
}
}
#home .__container-deroulement::before {
content: url("../img/formes-animees-6.svg");
display: block;
position: absolute;
z-index: 5;
right: 20%;
top: 2rem;
}
#home .__container-deroulement::after {
content: url("../img/formes-animees-7.svg");
display: block;
position: absolute;
z-index: 5;
right: 26%;
bottom: -9rem;
}
#home .__container-deroulement h2 {
width: fit-content;
margin: auto;
@ -1057,7 +1079,7 @@ footer {
white-space: nowrap;
overflow: hidden;
padding-top: 5rem;
padding-bottom: 4rem;
padding-bottom: 8rem;
}
@media (max-width: 1090px) {
#home .timeline {
@ -1422,6 +1444,28 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
}
/*pages*/
#home .config_pages--type--diaporama-home {
position: relative;
}
#home .config_pages--type--diaporama-home::after {
content: url("../img/formes-animees-1.svg");
display: block;
width: 50%;
position: absolute;
z-index: 5;
right: 11rem;
bottom: -6rem;
}
@media (max-width: 810px) {
#home .config_pages--type--diaporama-home::after {
bottom: -5rem;
}
}
@media (max-width: 810px) {
#home .config_pages--type--diaporama-home::after {
bottom: -5rem;
}
}
#home .config_pages--type--diaporama-home .field_field_images img {
width: 100%;
height: auto;
@ -1434,7 +1478,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-bottom: 2rem;
}
#home article.node-type-static {
padding-top: 4rem;
padding-top: 6rem;
}
#home article.node-type-static .field_title {
display: none;
@ -1445,6 +1489,15 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
display: flex;
flex-direction: row;
flex-wrap: wrap;
position: relative;
}
#home article.node-type-static .field_body::after {
content: url("../img/formes-animees-2.svg");
display: block;
position: absolute;
z-index: 5;
left: 1rem;
bottom: 0;
}
@media (max-width: 1090px) {
#home article.node-type-static .field_body {
@ -1496,6 +1549,16 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
}
#home article.node-type-static #paragraph-id--1 {
background-color: #edefe8;
position: relative;
padding-bottom: 6rem;
}
#home article.node-type-static #paragraph-id--1::after {
content: url("../img/formes-animees-3.svg");
display: block;
position: absolute;
z-index: 5;
right: 15%;
bottom: 45%;
}
#home article.node-type-static #paragraph-id--1 .field_field_title {
font-family: "gilroy-bold";
@ -1727,6 +1790,23 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
margin: auto;
align-items: center;
padding-bottom: 2rem;
position: relative;
}
#home article.node-type-static #paragraph-id--6::before {
content: url("../img/formes-animees-4.svg");
display: block;
position: absolute;
z-index: 5;
left: 10%;
top: -6rem;
}
#home article.node-type-static #paragraph-id--6::after {
content: url("../img/formes-animees-5.svg");
display: block;
position: absolute;
z-index: 5;
right: 15%;
top: 3rem;
}
@media (max-width: 500px) {
#home article.node-type-static #paragraph-id--6 {
@ -1735,7 +1815,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
}
}
#home article.node-type-static #paragraph-id--6 .field_field_title {
padding-top: 4rem;
padding-top: 3rem;
padding-bottom: 2rem;
}
@media (max-width: 500px) {
@ -1840,6 +1920,8 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto h5:nth-of-type(2) {
grid-row: 2;
grid-column: 3;
position: relative;
top: -70px;
}
@media (max-width: 700px) {
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto h5:nth-of-type(2) {
@ -1891,6 +1973,8 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
grid-column: inherit;
padding: 1rem;
padding-left: 0;
position: relative;
top: -70px;
}
@media (max-width: 700px) {
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto svg:nth-of-type(2) {

40
web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-1.svg vendored Normal file
View File

@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="100%"
height="100%"
viewBox="0 0 1266.1704 586.80395"
preserveAspectRatio="xMinYMin meet"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<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>
</defs>
<g
id="g1"
transform="translate(-874.12964,-1109.9996)">
<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="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)" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

23
web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-2.svg vendored Normal file
View File

@ -0,0 +1,23 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="308.18021"
height="342.06128"
viewBox="0 0 308.18021 342.06127"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="g1"
transform="translate(-184.13477,-2385.4265)">
<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)" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 716 B

33
web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-3.svg vendored Normal file
View File

@ -0,0 +1,33 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="300"
height="300"
viewBox="0 0 362.80005 362.7998"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<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>
</defs>
<g
id="g1"
transform="translate(-1912,-4139.4219)">
<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)" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 990 B

23
web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-4.svg vendored Normal file
View File

@ -0,0 +1,23 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="100"
height="310"
viewBox="0 0 113.33333 377.33349"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="g1"
transform="translate(-190.55444,-5636.9517)">
<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)" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 693 B

33
web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-5.svg vendored Normal file
View File

@ -0,0 +1,33 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="300"
height="300"
viewBox="0 0 362.79993 362.7998"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<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(-1859.0016,-5939.9996)">
<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)" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 994 B

23
web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-6.svg vendored Normal file
View File

@ -0,0 +1,23 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="310"
height="280.17969"
viewBox="0 0 342.0603 308.17968"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="g1"
transform="translate(-1656.6067,-8789.5382)">
<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)" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 707 B

33
web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-7.svg vendored Normal file
View File

@ -0,0 +1,33 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="500"
height="500"
viewBox="0 0 586.80396 586.80273"
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>
</defs>
<g
id="g1"
transform="translate(-1343.1912,-9898.1378)">
<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)" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1004 B

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

@ -0,0 +1,68 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="100%"
height="100%"
viewBox="0 0 2560.2766 11997.26"
preserveAspectRatio="xMinYMin meet"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<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,9630)" />
<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,10900)"
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,2395)" />
<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: 3.2 KiB

51
web/themes/custom/quartiers_de_demain/dist/assets/img/logo-QDD-v2.svg vendored
View File

@ -7,8 +7,53 @@
viewBox="0 0 87.153343 29.698406"
version="1.1"
id="svg1"
sodipodi:docname="logo-QDD-v2.svg"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showguides="true"
inkscape:zoom="1.1817368"
inkscape:cx="-2.1155303"
inkscape:cy="175.16591"
inkscape:window-width="1920"
inkscape:window-height="1172"
inkscape:window-x="1920"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg1">
<sodipodi:guide
position="17.687596,17.692111"
orientation="0,-1"
id="guide1"
inkscape:locked="false" />
<sodipodi:guide
position="15.95242,7.9247515"
orientation="0,-1"
id="guide2"
inkscape:locked="false" />
<sodipodi:guide
position="30.792598,13.629262"
orientation="0,-1"
id="guide3"
inkscape:locked="false" />
<sodipodi:guide
position="20.502012,19.566138"
orientation="0,-1"
id="guide4"
inkscape:locked="false" />
</sodipodi:namedview>
<defs
id="defs1">
<clipPath
@ -236,7 +281,7 @@
id="g1480"
transform="translate(1161.8838,1648.1403)">
<path
d="m 0,0 v -72.393 h -12.214 l 0.002,82.514 H 25.522 V 0 Z"
d="M 0,0.0418843 V -72.351116 h -12.214 l 0.002,82.514 H 25.522 V 0.0418843 Z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1482" />
</g>
@ -320,7 +365,7 @@
id="g1522"
transform="translate(747.5991,1522.7208)">
<path
d="M 0,0 12.318,-0.063 V -48.422 H 0 Z"
d="m 0,2.6062368 12.318,-0.063 V -45.815773 H 0 Z"
style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1524" />
</g>
@ -328,7 +373,7 @@
id="g1526"
transform="translate(746.9782,1556.9387)">
<path
d="m 0,0 h 31.214 c 23.606,0 42.742,-18.5 42.742,-41.32 0,-22.821 -19.136,-41.32 -42.742,-41.32 H 0.444 v 10.162 h 30.77 c 17.801,0 32.231,13.95 32.231,31.158 0,17.208 -14.43,31.158 -32.231,31.158 H 0"
d="m 0,2.6062368 h 31.214 c 23.606,0 42.742,-18.5000078 42.742,-41.3200088 0,-22.821001 -19.136,-41.320001 -42.742,-41.320001 H 0.444 v 10.162 h 30.77 c 17.801,0 32.231,13.95 32.231,31.158001 0,17.208001 -14.43,31.1580094 -32.231,31.1580094 H 0"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1528" />
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 20 KiB

102
web/themes/custom/quartiers_de_demain/src/assets/img/formes-animees.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

399
web/themes/custom/quartiers_de_demain/src/assets/img/logo-QDD-v2.svg Normal file
View File

@ -0,0 +1,399 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="87.153343mm"
height="29.698406mm"
viewBox="0 0 87.153343 29.698406"
version="1.1"
id="svg1"
sodipodi:docname="logo-QDD-v2.svg"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showguides="true"
inkscape:zoom="1.1817368"
inkscape:cx="-2.1155303"
inkscape:cy="175.16591"
inkscape:window-width="1920"
inkscape:window-height="1172"
inkscape:window-x="1920"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg1">
<sodipodi:guide
position="17.687596,17.692111"
orientation="0,-1"
id="guide1"
inkscape:locked="false" />
<sodipodi:guide
position="15.95242,7.9247515"
orientation="0,-1"
id="guide2"
inkscape:locked="false" />
<sodipodi:guide
position="30.792598,13.629262"
orientation="0,-1"
id="guide3"
inkscape:locked="false" />
<sodipodi:guide
position="20.502012,19.566138"
orientation="0,-1"
id="guide4"
inkscape:locked="false" />
</sodipodi:namedview>
<defs
id="defs1">
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath1418">
<path
d="M 0,2282.662 H 4095.992 V 0 H 0 Z"
id="path1416" />
</clipPath>
</defs>
<g
id="layer1"
transform="translate(-61.433626,-104.40973)">
<g
aria-label="CONSULTATION INTERNATIONALE"
id="text1410"
style="font-weight:500;font-size:4.50432px;font-family:'Gilroy Medium';-inkscape-font-specification:Gilroy-Medium;fill:#1d1d1b;stroke-width:0.118122"
transform="matrix(1.0184296,0,0,1.0184296,0.73102698,-49.645398)">
<path
d="m 62.125028,180.42832 c 0.585562,0 1.099054,-0.30629 1.360305,-0.77024 l -0.36485,-0.2072 c -0.180173,0.34233 -0.56304,0.56755 -0.995455,0.56755 -0.738709,0 -1.234184,-0.53601 -1.234184,-1.22518 0,-0.69366 0.495475,-1.22968 1.234184,-1.22968 0.432415,0 0.815282,0.22522 0.995455,0.57205 l 0.36485,-0.2117 c -0.265755,-0.46394 -0.779248,-0.76573 -1.360305,-0.76573 -0.963925,0 -1.648581,0.72519 -1.648581,1.63506 0,0.90537 0.684656,1.63507 1.648581,1.63507 z"
id="path45503" />
<path
d="m 66.043793,180.42832 c 0.914377,0 1.635069,-0.7297 1.635069,-1.63507 0,-0.90987 -0.720692,-1.63506 -1.635069,-1.63506 -0.914377,0 -1.630563,0.72519 -1.630563,1.63506 0,0.90537 0.716186,1.63507 1.630563,1.63507 z m 0,-0.40989 c -0.68916,0 -1.216166,-0.53601 -1.216166,-1.22518 0,-0.69366 0.527006,-1.22968 1.216166,-1.22968 0.689161,0 1.216167,0.53602 1.216167,1.22968 0,0.68917 -0.527006,1.22518 -1.216167,1.22518 z"
id="path45505" />
<path
d="m 70.773331,177.21674 v 2.35126 l -1.621555,-2.35126 h -0.337824 v 3.15303 h 0.418901 v -2.35576 l 1.621556,2.35576 h 0.337824 v -3.15303 z"
id="path45507" />
<path
d="m 73.466922,180.42832 c 0.644118,0 1.090046,-0.35133 1.090046,-0.90537 0,-0.60808 -0.517997,-0.77023 -1.067524,-0.95041 -0.441423,-0.13963 -0.662135,-0.24774 -0.662135,-0.54052 0,-0.28827 0.234225,-0.46845 0.572049,-0.46845 0.382867,0 0.603579,0.21621 0.716187,0.48647 l 0.351337,-0.20269 c -0.175669,-0.39638 -0.549527,-0.68916 -1.067524,-0.68916 -0.527006,0 -0.990951,0.32431 -0.990951,0.89185 0,0.58556 0.486467,0.74321 0.990951,0.90537 0.463945,0.14414 0.743213,0.25224 0.743213,0.57655 0,0.28377 -0.220712,0.48647 -0.66664,0.48647 -0.459441,0 -0.7297,-0.22522 -0.842308,-0.57205 l -0.360345,0.2072 c 0.16666,0.47295 0.59457,0.77474 1.193644,0.77474 z"
id="path45509" />
<path
d="m 76.827151,180.42832 c 0.689161,0 1.180132,-0.43241 1.180132,-1.11707 v -2.09451 h -0.414397 v 2.07649 c 0,0.43692 -0.261251,0.7252 -0.765735,0.7252 -0.504483,0 -0.765734,-0.28828 -0.765734,-0.7252 v -2.07649 h -0.418902 v 2.09451 c 0,0.68466 0.495475,1.11707 1.184636,1.11707 z"
id="path45511" />
<path
d="m 79.696415,179.97339 v -2.75665 h -0.418901 v 3.15303 h 1.779206 v -0.39638 z"
id="path45513" />
<path
d="m 83.804353,177.21674 h -2.274682 v 0.39638 h 0.92789 v 2.75665 h 0.414397 v -2.75665 h 0.932395 z"
id="path45515" />
<path
d="m 86.696138,180.36977 h 0.445927 l -1.175627,-3.15303 h -0.472954 l -1.175627,3.15303 h 0.445927 l 0.256747,-0.70718 h 1.418861 z m -1.531469,-1.09906 0.56304,-1.55399 0.567544,1.55399 z"
id="path45517" />
<path
d="m 89.934747,177.21674 h -2.274682 v 0.39638 h 0.92789 v 2.75665 h 0.414397 v -2.75665 h 0.932395 z"
id="path45519" />
<path
d="m 90.979754,177.21674 v 3.15303 h 0.418901 v -3.15303 z"
id="path45521" />
<path
d="m 94.168816,180.42832 c 0.914377,0 1.635069,-0.7297 1.635069,-1.63507 0,-0.90987 -0.720692,-1.63506 -1.635069,-1.63506 -0.914377,0 -1.630564,0.72519 -1.630564,1.63506 0,0.90537 0.716187,1.63507 1.630564,1.63507 z m 0,-0.40989 c -0.689161,0 -1.216166,-0.53601 -1.216166,-1.22518 0,-0.69366 0.527005,-1.22968 1.216166,-1.22968 0.689161,0 1.216167,0.53602 1.216167,1.22968 0,0.68917 -0.527006,1.22518 -1.216167,1.22518 z"
id="path45523" />
<path
d="m 98.898361,177.21674 v 2.35126 l -1.621555,-2.35126 h -0.337824 v 3.15303 h 0.418902 v -2.35576 l 1.621555,2.35576 h 0.337824 v -3.15303 z"
id="path45525" />
<path
d="m 102.38021,177.21674 v 3.15303 h 0.4189 v -3.15303 z"
id="path45527" />
<path
d="m 106.06475,177.21674 v 2.35126 l -1.62155,-2.35126 h -0.33783 v 3.15303 h 0.4189 v -2.35576 l 1.62156,2.35576 h 0.33782 v -3.15303 z"
id="path45529" />
<path
d="m 109.80785,177.21674 h -2.27468 v 0.39638 h 0.92789 v 2.75665 h 0.41439 v -2.75665 h 0.9324 z"
id="path45531" />
<path
d="m 111.27175,179.97339 v -0.99996 h 1.32877 v -0.39188 h -1.32877 v -0.96843 h 1.44138 v -0.39638 h -1.86028 v 3.15303 h 1.8828 v -0.39638 z"
id="path45533" />
<path
d="m 115.74005,180.36977 h 0.46394 l -0.74321,-1.26121 c 0.37836,-0.13513 0.65312,-0.49998 0.65312,-0.91438 0,-0.54052 -0.44142,-0.97744 -0.98194,-0.97744 h -1.26121 v 3.15303 h 0.4189 v -1.20716 h 0.74322 z m -1.4504,-2.76115 h 0.84231 c 0.3108,0 0.56304,0.26125 0.56304,0.58556 0,0.32431 -0.25224,0.59007 -0.56304,0.59007 h -0.84231 z"
id="path45535" />
<path
d="m 119.21288,177.21674 v 2.35126 l -1.62156,-2.35126 h -0.33782 v 3.15303 h 0.4189 v -2.35576 l 1.62155,2.35576 h 0.33783 v -3.15303 z"
id="path45537" />
<path
d="m 123.01453,180.36977 h 0.44593 l -1.17563,-3.15303 h -0.47296 l -1.17562,3.15303 h 0.44592 l 0.25675,-0.70718 h 1.41886 z m -1.53147,-1.09906 0.56304,-1.55399 0.56754,1.55399 z"
id="path45539" />
<path
d="m 126.25314,177.21674 h -2.27469 v 0.39638 h 0.92789 v 2.75665 h 0.4144 v -2.75665 h 0.9324 z"
id="path45541" />
<path
d="m 127.29815,177.21674 v 3.15303 h 0.4189 v -3.15303 z"
id="path45543" />
<path
d="m 130.48721,180.42832 c 0.91438,0 1.63507,-0.7297 1.63507,-1.63507 0,-0.90987 -0.72069,-1.63506 -1.63507,-1.63506 -0.91437,0 -1.63056,0.72519 -1.63056,1.63506 0,0.90537 0.71619,1.63507 1.63056,1.63507 z m 0,-0.40989 c -0.68916,0 -1.21616,-0.53601 -1.21616,-1.22518 0,-0.69366 0.527,-1.22968 1.21616,-1.22968 0.68916,0 1.21617,0.53602 1.21617,1.22968 0,0.68917 -0.52701,1.22518 -1.21617,1.22518 z"
id="path45545" />
<path
d="m 135.21676,177.21674 v 2.35126 l -1.62156,-2.35126 h -0.33782 v 3.15303 h 0.4189 v -2.35576 l 1.62156,2.35576 h 0.33782 v -3.15303 z"
id="path45547" />
<path
d="m 139.01841,180.36977 h 0.44593 l -1.17563,-3.15303 h -0.47295 l -1.17563,3.15303 h 0.44593 l 0.25674,-0.70718 h 1.41886 z m -1.53147,-1.09906 0.56304,-1.55399 0.56755,1.55399 z"
id="path45549" />
<path
d="m 140.88771,179.97339 v -2.75665 h -0.4189 v 3.15303 h 1.7792 v -0.39638 z"
id="path45551" />
<path
d="m 143.71643,179.97339 v -0.99996 h 1.32877 v -0.39188 h -1.32877 v -0.96843 h 1.44138 v -0.39638 h -1.86028 v 3.15303 h 1.8828 v -0.39638 z"
id="path45553" />
</g>
<g
id="g1412"
transform="matrix(0.11812184,0,0,-0.11812184,-25.84332,300.63755)">
<g
id="g1414"
clip-path="url(#clipPath1418)">
<g
id="g1420"
transform="translate(751.3907,1648.7133)">
<path
d="m 0,0 c 16.692,16.692 43.755,16.692 60.447,0 16.692,-16.692 16.692,-43.755 0,-60.447 -16.692,-16.692 -43.755,-16.692 -60.447,0 l 7.433,7.433 c 12.587,-12.587 32.994,-12.587 45.581,0 12.587,12.587 12.587,32.994 0,45.581 -12.587,12.587 -32.994,12.587 -45.581,0 z"
style="fill:#2b21c8;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1422" />
</g>
<g
id="g1424"
transform="translate(1405.2317,1559.5776)">
<path
d="M 0,0 12.318,-0.061 V -46.545 H 0 Z"
style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1426" />
</g>
<g
id="g1428"
transform="translate(1148.891,1559.5776)">
<path
d="M 0,0 12.318,-0.061 V -46.545 H 0 Z"
style="fill:#2b21c8;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1430" />
</g>
<g
id="g1432"
transform="translate(1059.3877,1523.8738)">
<path
d="M 0,0 12.318,-0.061 V -46.81 H 0 Z"
style="fill:#0732c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1434" />
</g>
<g
id="g1436"
transform="translate(842.5666,1525.142)">
<path
d="M 0,0 12.318,-0.054 V -41.613 H 0 Z"
style="fill:#0732c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1438" />
</g>
<g
id="g1440"
transform="translate(1246.5872,1623.5623)">
<path
d="M -0.19798272,0 12.120017,-0.051 V -39.192 H -0.19798272 Z"
style="fill:#2b21c8;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1442" />
</g>
<g
id="g1444"
transform="translate(1050.5181,1658.2612)">
<path
d="M 0,0 12.214,-0.045 V -34.094 H 0 Z"
style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1446" />
</g>
<g
id="g1448"
transform="translate(1328.6346,1658.2612)">
<path
d="M 0,0 12.214,-0.045 V -34.094 H 0 Z"
style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1450" />
</g>
<g
id="g1452"
transform="translate(910.89509,1659.3624)">
<path
d="M 0.09799602,0 12.318,-0.061 V -46.545 H 0.09799602 Z"
style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1454" />
</g>
<g
id="g1456"
transform="translate(1121.2274,1648.2275)">
<path
d="M 0,0 0.061,10.076 H 46.545 V 0 Z"
style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1458" />
</g>
<path
d="m 1302.919,1494.638 h -26.436 v 10.895 h 26.436 z"
style="fill:#0732c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1460" />
<path
d="m 987.263,1592.995 h -26.437 v 10.895 h 26.437 z"
style="fill:#0732c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1462" />
<g
id="g1464"
transform="translate(1022.9188,1576.3727)">
<path
d="m 0,0 h -12.398 l -25.003,60.878 -0.232,0.644 -0.013,-0.043 -0.013,0.024 -0.016,-0.024 -0.014,0.043 L -37.92,60.878 -62.923,0 h -12.385 l 33.882,82.514 h 7.53 z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1466" />
</g>
<g
id="g1468"
transform="translate(817.5048,1596.5179)">
<path
d="m 0,0 16.707,-17.04 -8.6,-8.985 -16.821,17.311 z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1470" />
</g>
<g
id="g1472"
transform="translate(923.2098,1609.196)">
<path
d="m 0,0 c 0,-13.313 -5.283,-33.449 -33.004,-33.449 -27.725,0 -33.228,20.136 -33.228,33.449 v 50.166 h 12.214 V 0 c 0,-4.953 1.099,-23.325 21.014,-23.325 19.912,0 20.792,18.372 20.792,23.325 V 16.965 H 0 Z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1474" />
</g>
<g
id="g1476"
transform="translate(1099.4768,1628.9966)">
<path
d="m 0,0 c 0,11.111 -7.698,19.144 -17.053,19.144 h -31.906 v 10.121 h 12.215 19.803 C -0.769,29.156 12.214,16.614 12.214,0 c 0,-12.542 -7.261,-22.663 -17.712,-27.065 L 12.214,-53.249 H -1.319 l -16.173,23.984 h -19.252 v -23.984 h -12.215 v 34.105 h 31.906 C -7.698,-19.144 0,-11.222 0,0"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1478" />
</g>
<g
id="g1480"
transform="translate(1161.8838,1648.1403)">
<path
d="M 0,0.0418843 V -72.351116 h -12.214 l 0.002,82.514 H 25.522 V 0.0418843 Z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1482" />
</g>
<path
d="m 1206.879,1658.261 h 12.209 v -82.514 h -12.209 z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1484" />
<path
d="m 1246.395,1585.868 h 54.904 v -10.121 h -54.904 z m 47.086,27.616 h -47.086 v 10.233 h 47.086 z m 7.817,34.656 h -54.904 v 10.121 h 54.904 z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1486" />
<g
id="g1488"
transform="translate(1377.5935,1628.9966)">
<path
d="m 0,0 c 0,11.111 -7.698,19.144 -17.053,19.144 h -31.906 v 10.121 h 12.215 19.803 C -0.769,29.156 12.214,16.614 12.214,0 c 0,-12.542 -7.261,-22.663 -17.712,-27.065 L 12.214,-53.249 H -1.319 l -16.173,23.984 h -19.252 v -23.984 h -12.215 v 34.105 h 31.906 C -7.698,-19.144 0,-11.222 0,0"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1490" />
</g>
<g
id="g1492"
transform="translate(1474.0773,1591.0393)">
<path
d="m 0,0 c -3.958,-9.344 -15.055,-15.17 -28.897,-15.292 v 10.124 c 9.546,0.117 15.148,3.636 17.454,9.129 1.761,4.072 0.33,8.472 0.221,8.581 -2.312,6.381 -8.693,7.812 -17.713,10.562 -10.232,3.08 -22.005,5.613 -25.854,16.393 -2.094,5.61 -1.54,12.103 1.319,17.383 6.381,12.103 22.663,12.435 24.535,12.435 12.1,0 22.881,-5.282 30.584,-13.754 l -8.03,-8.031 c -4.514,6.602 -13.313,11.662 -22.554,11.662 -0.111,0 -9.794,0 -13.534,-7.041 -1.431,-2.751 -1.76,-6.381 -0.771,-9.244 2.203,-6.048 8.472,-7.479 17.274,-10.121 C -15.513,29.594 -3.742,27.174 0.439,16.063 0.769,15.292 3.41,7.812 0,0"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1494" />
</g>
<path
d="m 842.567,1487.123 h 54.904 v -10.121 h -54.904 z m 47.086,27.615 h -47.086 v 10.233 h 47.086 z m 7.817,34.657 h -54.904 v 10.121 h 54.904 z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1496" />
<path
d="m 1059.388,1487.185 h 54.904 v -10.121 h -54.904 z m 47.086,27.615 h -47.086 v 10.233 h 47.086 z m 7.817,34.657 h -54.904 v 10.121 h 54.904 z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1498" />
<g
id="g1500"
transform="translate(1148.891,1514.2576)">
<path
d="M 0,0 12.318,-0.051 V -37.194 H 0 Z M 86.754,45.32 V -37.194 H 74.545 V 24.748 L 46.841,-37.194 H 39.912 L 0,45.32 H 14.731 L 43.322,-17.127 70.533,45.32 Z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1502" />
</g>
<g
id="g1504"
transform="translate(1338.3157,1477.0637)">
<path
d="m 0,0 h -12.398 l -25.003,60.878 -0.232,0.644 -0.013,-0.043 -0.013,0.024 -0.016,-0.024 -0.014,0.043 L -37.92,60.878 -62.923,0 h -12.385 l 33.882,82.514 h 7.53 z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1506" />
</g>
<path
d="m 1365.716,1559.578 h 12.209 v -82.514 h -12.209 z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1508" />
<g
id="g1510"
transform="translate(1405.2317,1513.6991)">
<path
d="M 0,0 12.318,-0.048 V -36.635 H 0 Z M 71.292,45.879 V -36.635 H 56.55 L 0,45.879 h 14.744 l 44.333,-65.68 v 65.68 z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1512" />
</g>
<g
id="g1514"
transform="translate(781.6142,1575.7473)">
<path
d="m 0,0 c -23.606,0 -42.742,19.136 -42.742,42.742 0,23.606 19.136,42.743 42.742,42.743 23.606,0 42.742,-19.137 42.742,-42.743 H 32.231 C 32.231,60.543 17.8,74.973 0,74.973 c -17.8,0 -32.231,-14.43 -32.231,-32.231 0,-17.8 14.431,-32.23 32.231,-32.23 z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1516" />
</g>
<g
id="g1518"
transform="translate(1445.9412,1575.62)">
<path
d="m 0,0 c -0.872,0.021 -21.482,0.684 -31.741,13.637 l 8.115,6.427 c 7.23,-9.132 23.728,-9.712 23.895,-9.717 z"
style="fill:#0732c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1520" />
</g>
<g
id="g1522"
transform="translate(747.5991,1522.7208)">
<path
d="m 0,2.6062368 12.318,-0.063 V -45.815773 H 0 Z"
style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1524" />
</g>
<g
id="g1526"
transform="translate(746.9782,1556.9387)">
<path
d="m 0,2.6062368 h 31.214 c 23.606,0 42.742,-18.5000078 42.742,-41.3200088 0,-22.821001 -19.136,-41.320001 -42.742,-41.320001 H 0.444 v 10.162 h 30.77 c 17.801,0 32.231,13.95 32.231,31.158001 0,17.208001 -14.43,31.1580094 -32.231,31.1580094 H 0"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1528" />
</g>
<g
id="g1530"
transform="translate(960.9559,1530.3488)">
<path
d="M 0,0 12.318,-0.07 V -53.265 H 0 Z"
style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1532" />
</g>
<g
id="g1534"
transform="translate(960.335,1559.7245)">
<path
d="m 0,0 h 31.214 c 23.606,0 42.742,-18.5 42.742,-41.32 0,-22.821 -19.136,-41.321 -42.742,-41.321 H 0.444 v 10.163 h 30.77 c 17.801,0 32.231,13.95 32.231,31.158 0,17.208 -14.43,31.158 -32.231,31.158 H 0"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1536" />
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

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

@ -157,7 +157,7 @@
function handleScroll() {
let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
const isMobile = window.innerWidth < 810;
const isMobile = window.innerWidth < 811;
if (scrollTop > threshold && !isHidden) {
if (isMobile) {
@ -179,7 +179,7 @@
function handleTouchAndMouseEnter() {
if (isHidden) {
if (window.innerWidth < 810) {
if (window.innerWidth < 811) {
slideDown();
} else {
slideIn();
@ -189,7 +189,7 @@
function handleTouchAndMouseLeave() {
if (lastScrollTop > threshold && !isHidden) {
if (window.innerWidth < 810) {
if (window.innerWidth < 811) {
slideUp();
} else {
slideOut();
@ -210,13 +210,13 @@
// Initial check to see if we're at the top of the page
if (window.pageYOffset <= threshold) {
if (window.innerWidth < 810) {
if (window.innerWidth < 811) {
slideDown();
} else {
slideIn();
}
} else {
if (window.innerWidth < 810) {
if (window.innerWidth < 811) {
slideUp();
} else {
slideIn();

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

@ -42,6 +42,11 @@ $width-menu-slidedown : 550px;
}
&#home{
padding-top: 0;
@media(max-width: 810px){
padding-top: 320px;
}
}
}
}

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

@ -21,8 +21,6 @@
font-size: 2rem;
}
}
.node-type-static{
&::before{

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

@ -1,6 +1,23 @@
#home{
.config_pages--type--diaporama-home{
position: relative;
&::after{
content: url('../img/formes-animees-1.svg');
display: block;
width: 50%;
position: absolute;
z-index: 5;
right: 11rem;
bottom: -6rem;
@media(max-width: 810px){
bottom: -5rem;
}
@media(max-width: 810px){
bottom: -5rem;
}
}
.field_field_images{
img{
width: 100%;
@ -18,7 +35,8 @@
padding-bottom: 2rem;
}
article.node-type-static{
padding-top: 4rem;
padding-top: 6rem;
.field_title{
display: none;
}
@ -28,6 +46,21 @@
display: flex;
flex-direction: row;
flex-wrap: wrap ;
position: relative;
&::after{
content: url('../img/formes-animees-2.svg');
display: block;
position: absolute;
z-index: 5;
left: 1rem;
bottom: 0;
// @media(max-width: 810px){
// bottom: -5rem;
// }
// @media(max-width: 810px){
// bottom: -5rem;
// }
}
@media(max-width: 1090px){
flex-direction: column;
}
@ -70,6 +103,16 @@
}
#paragraph-id--1{ ///// Les enjeux
background-color: #edefe8;
position: relative;
padding-bottom: 6rem;
&::after{
content: url('../img/formes-animees-3.svg');
display: block;
position: absolute;
z-index: 5;
right: 15%;
bottom: 45%;
}
.field_field_title{
font-family: 'gilroy-bold';
}
@ -278,12 +321,29 @@
margin: auto;
align-items: center;
padding-bottom: 2rem;
position: relative;
&::before{
content: url('../img/formes-animees-4.svg');
display: block;
position: absolute;
z-index: 5;
left: 10%;
top: -6rem;
}
&::after{
content: url('../img/formes-animees-5.svg');
display: block;
position: absolute;
z-index: 5;
right: 15%;
top: 3rem;
}
@media(max-width: 500px){
width: 90%;
text-align: center;
}
.field_field_title{
padding-top: 4rem;
padding-top: 3rem;
padding-bottom: 2rem;
@media(max-width: 500px){
padding-top: 0;
@ -378,6 +438,8 @@
h5:nth-of-type(2){
grid-row: 2;
grid-column: 3;
position: relative;
top: -70px;
@media(max-width: 700px){
grid-row: 4;
grid-column: 2;
@ -421,6 +483,8 @@
grid-column: inherit;
padding: 1rem;
padding-left: 0;
position: relative;
top: -70px;
@media(max-width: 700px){
grid-row: 4;
grid-column: 1 /span 2 ;
@ -486,44 +550,4 @@
}
}
// .config_pages--type--deroulement{
// .field_field_phase{
// .__timeline{
// display: flex;
// flex-direction: row;
// .paragraph--type--phase-deroulement{
// width: 30%;
// display: grid;
// grid-template-columns: auto auto;
// grid-template-rows: auto auto auto;
// .field_field_date_de_jour{
// grid-row: 1 /span 3;
// grid-column: 1;
// }
// .field_field_date_de_moi{
// grid-row: 2 /span 3;
// grid-column: 1;
// }
// .field_field_date_de_annee{
// grid-row: 3;
// grid-column: 1;
// }
// .field_field_titre{
// grid-column: 2;
// grid-row: 1;
// }
// .field_field_description{
// grid-row: 2 /span 3;
// grid-column: 2;
// }
// }
// #paragraph-id--16{
// }
// }
// }
// }
}

29
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss Normal file
View File

@ -0,0 +1,29 @@
// #home{
// #background-animated {
// position: absolute;
// top: 0;
// left: 0;
// width: 100%;
// height: 100%;
// pointer-events: none; /* Permet de cliquer à travers l'élément */
// z-index: 5; /* S'assure que l'élément soit au-dessus */
// @media(max-width: 810px){
// top: 1820px;
// }
// svg{
// max-width: 100%;
// position: relative;
// top: -1500px;
// }
// }
// .layout-content {
// position: relative;
// z-index: 2; /* S'assure que le contenu soit au-dessus des animations */
// }
// .layout-container.home {
// position: relative;
// }
// }

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

@ -12,7 +12,24 @@
background-position-x: -20%;
@media(max-width:1090px){
cursor:grab;
}
}
position: relative;
&::before{
content: url('../img/formes-animees-6.svg');
display: block;
position: absolute;
z-index: 5;
right: 20%;
top: 2rem;
}
&::after{
content: url('../img/formes-animees-7.svg');
display: block;
position: absolute;
z-index: 5;
right: 26%;
bottom: -9rem;
}
h2{
width: fit-content;
margin: auto;
@ -26,7 +43,7 @@
white-space: nowrap;
overflow: hidden;
padding-top: 5rem;
padding-bottom: 4rem;
padding-bottom: 8rem;
@media(max-width:1090px){
padding-top: 18rem;
overflow: scroll;

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

@ -30,7 +30,7 @@
@import "partials/timeline";
@import "partials/actu-caroussel-home";
@import "partials/animation-logo-header";
@import "partials/formes-animees";
// @import "partials/slick_custom";

6
web/themes/custom/quartiers_de_demain/templates/field--block-content--logo-link.html.twig
View File

@ -288,7 +288,7 @@
transform="translate(1161.8838,1648.1403)">
<path
class="blink-black"
d="m 0,0 v -72.393 h -12.214 l 0.002,82.514 H 25.522 V 0 Z"
d="M 0,0.0418843 V -72.351116 h -12.214 l 0.002,82.514 H 25.522 V 0.0418843 Z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1482" />
</g>
@ -385,7 +385,7 @@
transform="translate(747.5991,1522.7208)">
<path
class="blink-red"
d="M 0,0 12.318,-0.063 V -48.422 H 0 Z"
d="m 0,2.6062368 12.318,-0.063 V -45.815773 H 0 Z"
style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1524" />
</g>
@ -394,7 +394,7 @@
transform="translate(746.9782,1556.9387)">
<path
class="blink-black"
d="m 0,0 h 31.214 c 23.606,0 42.742,-18.5 42.742,-41.32 0,-22.821 -19.136,-41.32 -42.742,-41.32 H 0.444 v 10.162 h 30.77 c 17.801,0 32.231,13.95 32.231,31.158 0,17.208 -14.43,31.158 -32.231,31.158 H 0"
d="m 0,2.6062368 h 31.214 c 23.606,0 42.742,-18.5000078 42.742,-41.3200088 0,-22.821001 -19.136,-41.320001 -42.742,-41.320001 H 0.444 v 10.162 h 30.77 c 17.801,0 32.231,13.95 32.231,31.158001 0,17.208001 -14.43,31.1580094 -32.231,31.1580094 H 0"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1528" />
</g>

4
web/themes/custom/quartiers_de_demain/templates/page--front.html.twig
View File

@ -81,7 +81,9 @@
</div> #}
{{ page.content }}
</div>{# /.layout-content #}
{# <div id="background-animated" >
{% include active_theme_path() ~ '/dist/assets/img/formes-animees.svg' %}
</div> #}
{% if page.sidebar_first %}
<aside class="layout-sidebar-first" role="complementary">
{{ page.sidebar_first }}