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

formes background home

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi 2024-11-08 13:14:15 +01:00
parent 766f1e7f13
commit 81c81fd1d4
5 changed files with 27 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
web/themes/custom/quartiers_de_demain/dist/assets/css/ajax-loader.gif vendored
View File

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

@ -1545,11 +1545,10 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
} }
#home #background-animated { #home #background-animated {
display: none;
position: absolute; position: absolute;
top: 2000px; top: 1800px;
left: 280px; left: 220px;
width: 100%; width: 87%;
pointer-events: none; /* Permet de cliquer à travers l'élément */ pointer-events: none; /* Permet de cliquer à travers l'élément */
z-index: 2; /* S'assure que l'élément soit au-dessus */ z-index: 2; /* S'assure que l'élément soit au-dessus */
} }
@ -1651,7 +1650,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
} }
body { body {
font-family: Arial, sans-serif; font-family: "gilroy-light";
} }
.diaporama { .diaporama {

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

@ -4,9 +4,9 @@
<svg <svg
version="1.1" version="1.1"
id="svg1" id="svg1"
width="1616.8781" width="1723.2795"
height="3626.8186" height="3633.5603"
viewBox="0 0 1616.878 3626.8187" viewBox="0 0 1723.2795 3633.5604"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"> xmlns:svg="http://www.w3.org/2000/svg">
<defs <defs
@ -38,7 +38,7 @@
</defs> </defs>
<g <g
id="g3" id="g3"
transform="translate(-383.16899,-2704.2078)"> transform="translate(-376.7675,-2704.2078)">
<g <g
id="g2"> id="g2">
<g <g
@ -50,29 +50,29 @@
style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path <path
id="path256-3" id="path256-3"
d="m 1712.1683,6118.9184 -163.0856,194.3583" 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" /> style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path <path
id="path257" id="path257"
d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362" d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(-0.80902482,0,0,-0.80902482,1643.8143,2885.2905)" transform="matrix(-0.80902482,0,0,-0.80902482,1743.8143,2885.2905)"
clip-path="url(#clipPath258)" /> clip-path="url(#clipPath258)" />
<path <path
id="path300" id="path300"
d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6" d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
style="fill:none;stroke:#f7002b;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" style="fill:none;stroke:#f7002b;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(0.72647042,0,0,-0.72647042,1676.7965,4238.0583)" transform="matrix(0.72647042,0,0,-0.72647042,1756.7965,4238.0583)"
clip-path="url(#clipPath301)" /> clip-path="url(#clipPath301)" />
<path <path
id="path302" id="path302"
d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6" d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(0.82260013,0,0,-0.82260013,1865.1937,5133.4927)" transform="matrix(0.82260013,0,0,-0.82260013,1945.1937,5133.4927)"
clip-path="url(#clipPath303)" /> clip-path="url(#clipPath303)" />
<path <path
id="path311" id="path311"
d="M 452.65311,4967.771 V 4707.7705" 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" /> style="fill:none;stroke:#000000;stroke-width:78.092;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g> </g>
</g> </g>
@ -89,6 +89,13 @@
id="rect1" id="rect1"
width="1540.1483" width="1540.1483"
height="112.19624" height="112.19624"
x="-6.4014883" x="1.5236127e-07"
y="68.049232" /> y="68.049271" />
<rect
style="fill:none;stroke-width:0;paint-order:stroke fill markers"
id="rect3"
width="1559.4871"
height="238.19258"
x="35.613781"
y="3395.3674" />
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

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

@ -1,11 +1,11 @@
#home{ #home{
#background-animated { #background-animated {
display: none; // display: none;
position: absolute; position: absolute;
top: 2000px; top: 1800px;
left: 280px; left: 220px;
width: 100%; width: 87%;
// height: 100%; // height: 100%;
pointer-events: none; /* Permet de cliquer à travers l'élément */ pointer-events: none; /* Permet de cliquer à travers l'élément */
z-index: 2; /* S'assure que l'élément soit au-dessus */ z-index: 2; /* S'assure que l'élément soit au-dessus */

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

@ -1,5 +1,5 @@
body { body {
font-family: Arial, sans-serif; font-family: 'gilroy-light';
} }
.diaporama { .diaporama {