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

formes background home

This commit is contained in:
ouidade 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 {
display: none;
position: absolute;
top: 2000px;
left: 280px;
width: 100%;
top: 1800px;
left: 220px;
width: 87%;
pointer-events: none; /* Permet de cliquer à travers l'élément */
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 {
font-family: Arial, sans-serif;
font-family: "gilroy-light";
}
.diaporama {

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

@ -4,9 +4,9 @@
<svg
version="1.1"
id="svg1"
width="1616.8781"
height="3626.8186"
viewBox="0 0 1616.878 3626.8187"
width="1723.2795"
height="3633.5603"
viewBox="0 0 1723.2795 3633.5604"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
@ -38,7 +38,7 @@
</defs>
<g
id="g3"
transform="translate(-383.16899,-2704.2078)">
transform="translate(-376.7675,-2704.2078)">
<g
id="g2">
<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" />
<path
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" />
<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,1643.8143,2885.2905)"
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,1676.7965,4238.0583)"
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,1865.1937,5133.4927)"
transform="matrix(0.82260013,0,0,-0.82260013,1945.1937,5133.4927)"
clip-path="url(#clipPath303)" />
<path
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" />
</g>
</g>
@ -89,6 +89,13 @@
id="rect1"
width="1540.1483"
height="112.19624"
x="-6.4014883"
y="68.049232" />
x="1.5236127e-07"
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>

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{
#background-animated {
display: none;
// display: none;
position: absolute;
top: 2000px;
left: 280px;
width: 100%;
top: 1800px;
left: 220px;
width: 87%;
// height: 100%;
pointer-events: none; /* Permet de cliquer à travers l'élément */
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 {
font-family: Arial, sans-serif;
font-family: 'gilroy-light';
}
.diaporama {