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

formes géometriques

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

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