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

ajout des images bg sur les bords

Browse Source
This commit is contained in:
Valentin Le Moign
2026-05-29 19:15:43 +02:00
parent 1956952a2a
commit a4cc0ef538
38 changed files with 212 additions and 1666 deletions
Download Patch File Download Diff File Expand all files Collapse all files

234
web/themes/erabletheme/assets/bg-shapes/bg-1.svg
View File

@@ -1,234 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="1260.9417"
height="270.22705"
viewBox="0 0 1260.9417 270.22705"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<linearGradient
id="swatch21"
gradientTransform="matrix(5.278647e23,2.6468133e23,-2.6249323e23,5.2350091e23,1.0846794e27,1.7611749e27)">
<stop
style="stop-color:#eafb44;stop-opacity:1;"
offset="0"
id="stop21" />
</linearGradient>
<linearGradient
id="swatch20"
gradientTransform="matrix(-0.00265448,-0.05328262,0.07600175,-0.00186098,1898.797,108.29893)">
<stop
style="stop-color:#00ff80;stop-opacity:1;"
offset="0"
id="stop20" />
</linearGradient>
<linearGradient
id="swatch19"
gradientTransform="translate(159.5901)">
<stop
style="stop-color:#038788;stop-opacity:1;"
offset="0"
id="stop19" />
</linearGradient>
<linearGradient
id="swatch18"
gradientTransform="translate(39.897525)">
<stop
style="stop-color:#00a590;stop-opacity:1;"
offset="0"
id="stop18" />
</linearGradient>
<linearGradient
id="swatch17"
gradientTransform="matrix(-0.78911041,-0.94629526,0.94629526,-0.78911041,-1256.5664,-1945.3626)">
<stop
style="stop-color:#b9ce00;stop-opacity:1;"
offset="0"
id="stop17" />
</linearGradient>
<linearGradient
id="swatch16"
gradientTransform="matrix(8.5633655,0,0,7.5288462,61984.609,10177.285)">
<stop
style="stop-color:#a19883;stop-opacity:1;"
offset="0"
id="stop16" />
</linearGradient>
<linearGradient
id="swatch15"
gradientTransform="translate(-540.72197,-150.16022)">
<stop
style="stop-color:#314e41;stop-opacity:1;"
offset="0"
id="stop15" />
</linearGradient>
<linearGradient
id="swatch14"
gradientTransform="matrix(0.86664926,-0.40831581,-0.43997355,-0.93384273,10801.756,-1967.9933)">
<stop
style="stop-color:#8eccb8;stop-opacity:1;"
offset="0"
id="stop14" />
</linearGradient>
<linearGradient
id="swatch9"
gradientTransform="matrix(1,0,0,0.99126428,149.65062,63.792403)">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop9" />
</linearGradient>
<pattern
xlink:href="#pattern49-1"
preserveAspectRatio="xMidYMid"
id="pattern50-6"
patternTransform="matrix(0.06,0,0,0.06,-4418.3565,-1208.7277)"
x="0"
y="0"
width="62.4"
height="62.4" />
<pattern
xlink:href="#pattern48-8"
preserveAspectRatio="xMidYMid"
id="pattern49-1"
patternTransform="translate(-4021.1248,-1220.5028)" />
<pattern
xlink:href="#pattern44-7"
preserveAspectRatio="xMidYMid"
id="pattern48-8"
patternTransform="translate(-4021.1248,-1220.5028)" />
<pattern
patternUnits="userSpaceOnUse"
width="26"
height="26"
patternTransform="translate(-4021.1248,-1220.5028)"
preserveAspectRatio="xMidYMid"
id="pattern44-7">
<line
x1="3"
y1="3"
x2="23"
y2="23"
stroke="#000000"
stroke-width="6"
stroke-linecap="round"
id="line44-9"
style="fill:url(#swatch17);stroke:url(#swatch16)" />
</pattern>
<filter
style="color-interpolation-filters:sRGB"
id="filter36-2"
x="0"
y="0"
width="1"
height="1">
<feComposite
in2="SourceGraphic"
operator="arithmetic"
k1="0"
k2="0"
result="composite1"
id="feComposite35-3"
k3="0"
k4="0" />
<feColorMatrix
in="composite1"
values="0"
type="saturate"
result="colormatrix1"
id="feColorMatrix35-7" />
<feFlood
flood-opacity="1"
flood-color="rgb(185,206,0)"
result="flood1"
id="feFlood35-5" />
<feBlend
in="flood1"
in2="colormatrix1"
mode="normal"
result="blend1"
id="feBlend35-9" />
<feBlend
in2="blend1"
mode="multiply"
result="blend2"
id="feBlend36-2" />
<feColorMatrix
in="blend2"
values="1"
type="saturate"
result="colormatrix2"
id="feColorMatrix36-2" />
<feComposite
in="colormatrix2"
in2="SourceGraphic"
operator="in"
result="fbSourceGraphic"
id="feComposite36-8" />
<feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix37-9" />
<feComposite
id="feComposite37-7"
in2="fbSourceGraphic"
operator="arithmetic"
k1="0"
k2="0"
result="composite1"
in="fbSourceGraphic"
k3="0"
k4="0" />
<feColorMatrix
id="feColorMatrix38-3"
in="composite1"
values="0"
type="saturate"
result="colormatrix1" />
<feFlood
id="feFlood38-6"
flood-opacity="1"
flood-color="rgb(185,206,0)"
result="flood1" />
<feBlend
id="feBlend38-1"
in="flood1"
in2="colormatrix1"
mode="normal"
result="blend1" />
<feBlend
id="feBlend39-2"
in2="blend1"
mode="multiply"
result="blend2" />
<feColorMatrix
id="feColorMatrix39-9"
in="blend2"
values="1"
type="saturate"
result="colormatrix2" />
<feComposite
id="feComposite39-3"
in="colormatrix2"
in2="fbSourceGraphic"
operator="in"
result="composite2" />
</filter>
</defs>
<g
id="g1"
transform="translate(25.784494,-133.23492)">
<path
style="fill:url(#pattern50-6);fill-opacity:1;stroke:none;stroke-width:0.2;stroke-linecap:round;stroke-miterlimit:0;filter:url(#filter36-2)"
d="m 1586.8398,252.78839 c 0,0 -238.0919,29.21374 -318.4297,29.21374 -80.3377,0 -261.4629,-4.38206 -319.89038,-1.46069 -58.4274,2.92137 -238.0919,49.66335 -297.9801,43.8206 -59.8881,-5.84275 -96.4053,-7.30343 -135.84383,-1.46069 -39.43854,5.84275 -128.54043,24.83168 -163.59691,24.83168 -35.05649,0 24.83167,23.37099 64.27021,30.67442 39.43854,7.30343 112.47283,2.92137 176.74313,11.68549 64.2702,8.76412 154.8328,35.05649 189.8893,40.89923 35.0564,5.84275 182.5858,14.60687 252.69878,13.14618 70.1129,-1.46068 169.4396,49.66335 205.9568,55.5061 36.5172,5.84275 70.1129,23.37099 131.4618,23.37099 61.3488,0 127.0797,-5.84275 163.5969,-5.84275 36.5172,0 65.7309,4.38206 65.7309,4.38206 z"
id="path50-4"
transform="matrix(-1,0,0,1,1575.6622,-119.55347)" />
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 7.1 KiB

119
web/themes/erabletheme/assets/bg-shapes/bg-10.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 8.6 KiB

95
web/themes/erabletheme/assets/bg-shapes/bg-11.svg
View File

@@ -1,95 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="790.91528"
height="194.89282"
viewBox="0 0 790.91528 194.89282"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<linearGradient
id="swatch21"
gradientTransform="matrix(5.278647e23,2.6468133e23,-2.6249323e23,5.2350091e23,1.0846794e27,1.7611749e27)">
<stop
style="stop-color:#eafb44;stop-opacity:1;"
offset="0"
id="stop21" />
</linearGradient>
<linearGradient
id="swatch20"
gradientTransform="matrix(-0.00265448,-0.05328262,0.07600175,-0.00186098,1898.797,108.29893)">
<stop
style="stop-color:#00ff80;stop-opacity:1;"
offset="0"
id="stop20" />
</linearGradient>
<linearGradient
id="swatch19"
gradientTransform="translate(159.5901)">
<stop
style="stop-color:#038788;stop-opacity:1;"
offset="0"
id="stop19" />
</linearGradient>
<linearGradient
id="swatch18"
gradientTransform="translate(39.897525)">
<stop
style="stop-color:#00a590;stop-opacity:1;"
offset="0"
id="stop18" />
</linearGradient>
<linearGradient
id="swatch17"
gradientTransform="matrix(-0.78911041,-0.94629526,0.94629526,-0.78911041,-1256.5664,-1945.3626)">
<stop
style="stop-color:#b9ce00;stop-opacity:1;"
offset="0"
id="stop17" />
</linearGradient>
<linearGradient
id="swatch16"
gradientTransform="matrix(8.5633655,0,0,7.5288462,61984.609,10177.285)">
<stop
style="stop-color:#a19883;stop-opacity:1;"
offset="0"
id="stop16" />
</linearGradient>
<linearGradient
id="swatch15"
gradientTransform="translate(-540.72197,-150.16022)">
<stop
style="stop-color:#314e41;stop-opacity:1;"
offset="0"
id="stop15" />
</linearGradient>
<linearGradient
id="swatch14"
gradientTransform="matrix(0.86664926,-0.40831581,-0.43997355,-0.93384273,10801.756,-1967.9933)">
<stop
style="stop-color:#8eccb8;stop-opacity:1;"
offset="0"
id="stop14" />
</linearGradient>
<linearGradient
id="swatch9"
gradientTransform="matrix(1,0,0,0.99126428,149.65062,63.792403)">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop9" />
</linearGradient>
</defs>
<g
id="g1"
transform="translate(-1243.5311,-2768.9917)">
<path
id="path1337"
style="opacity:0.353066;fill:url(#swatch18);fill-opacity:1;stroke:none;stroke-width:0.377954;stroke-linecap:round;stroke-miterlimit:0"
d="m 1608.0574,2768.9916 -64.7477,1.9179 -44.2183,34.503 -26.8462,-11.5014 -44.2183,-5.7512 -47.3778,-9.5836 -71.0644,7.668 -66.0536,6.6808 v 65.1306 c 2.8138,0.2807 5.4984,0.4967 7.5861,0.4018 19.8812,-0.9036 46.0886,-3.6154 62.3551,-5.4227 8.9811,-0.9979 14.1507,2.9477 20.4376,6.5437 17.1786,-2.4999 34.2429,-3.9539 50.6368,-3.5048 65.9696,1.8075 101.2129,13.5554 101.2129,13.5554 0,0 2.7367,1.3719 3.1595,1.588 1.1134,0.2721 2.4235,0.5167 3.4837,0.7957 14.6867,3.865 36.5274,12.3377 43.7037,18.1069 l 8.7514,-1.8104 32.6505,26.2485 c 0.6489,0.3125 1.6207,0.8804 2.2355,1.1598 2.4397,1.109 4.4945,3.0781 6.3001,5.3296 2.0359,1.147 12.4939,6.8748 28.7108,13.7711 1.0663,-0.1018 2.795,-0.4363 3.1717,-0.3242 1.803,0.5361 11.6475,0.4315 11.6475,0.4315 l 4.2827,-1.0247 5.1957,-5.8077 6.7626,2.9282 7.0804,3.0256 9.7628,-0.1604 9.8934,-4.1046 8.7713,1.9975 11.6752,0.4072 7.6159,-1.1066 10.3649,2.4711 2.3505,3.7626 -0.4493,3.85 -14.2414,0.054 -16.706,-0.9871 -20.982,1.7275 -8.7547,2.6039 -2.7191,2.729 c 4.3119,1.2414 8.7003,2.4084 13.1614,3.4185 4.069,0.9213 8.2955,1.9711 12.5704,3.0742 l 1.5139,-0.7027 8.5035,-1.7596 9.7119,-2.3195 5.5178,0.1084 4.7729,3.5811 c 0.7852,0.096 1.6983,0.067 2.3207,0.3188 2.1953,0.8882 4.8172,2.2425 7.7299,3.6917 l 5.5443,0.9153 13.0286,-5.3164 11.9252,-0.436 5.9692,-3.7382 -5.6527,-1.9876 -9.0092,-2.3726 -6.3566,2.7046 -6.5724,1.1088 -2.8728,-6.6752 27.7591,-0.018 12.9345,2.0097 c 0,0 18.8499,-3.8918 20.7784,-4.5439 1.9286,-0.6518 14.7792,1.6368 16.9428,1.3612 2.1635,-0.2758 21.3162,-2.8507 21.3162,-2.8507 0,0 27.952,-14.6655 30.5181,-15.1279 2.566,-0.4624 13.2034,5.7645 13.2034,5.7645 l 2.5673,-0.4626 23.9988,-6.0367 5.5233,-2.8762 4.3735,4.5937 10.9369,1.7208 8.5545,0.3995 1.3954,3.4793 -7.918,-0.2113 -11.5601,-3.1297 -12.9599,6.2559 c -10e-5,0 -0.4991,7.5101 2.2022,8.9263 2.7013,1.416 10.3317,-0.9108 10.3317,-0.9108 l 11.2524,-4.0072 9.204,-6.4529 1.4463,5.6384 c 0,0 10.9017,-1.6605 12.6789,-2.9702 1.7772,-1.3097 9.5596,-2.9787 10.8507,-3.8202 1.291,-0.8416 11.5541,-2.6902 12.9965,-2.874 1.4424,-0.1838 12.9488,0.788 12.9488,0.788 l 1.3402,-4.5052 4.825,-8.0619 1.7905,-8.3519 -15.5639,3.3366 c 0,0 -20.7139,-0.338 -23.6502,-2.1303 -1.3303,-0.812 -3.3239,-4.1569 -5.1171,-7.5662 l 0.903,-0.4282 13.7169,-2.9681 c 0,0 8.7748,1.998 11.7272,2.5697 2.9524,0.5715 12.1598,-0.061 12.1598,-0.061 l 17.0745,-2.5818 6.7616,2.9315 c 0,0 3.54,4.4218 5.1337,4.8958 1.5937,0.4739 11.3885,-2.1281 11.3885,-2.1281 l 18.0926,-7.1799 0.3054,-0.035 -0.8177,-59.5985 c 0,0 -36.6206,-12.5259 -103.7582,-21.2952 -61.4674,-8.0287 -104.8416,-3.3868 -175.2033,2.2498 l -32.9051,-5.3971 -55.2726,-32.5863 z m 17.7949,170.3662 c 5.5482,2.1262 11.4828,4.201 17.641,6.1319 l -0.1859,-0.2003 c 0,0 1.0873,-3.6597 -0.104,-4.3203 -1.1914,-0.6606 -9.9963,-0.2147 -9.9963,-0.2147 z m 169.3568,3.6641 -10.4722,0.5688 -6.5004,-0.4172 -5.0386,4.5683 c 0,0 3.3108,2.0688 4.6745,1.6079 1.3636,-0.461 7.9681,-3.698 9.8303,-3.3609 1.8623,0.3371 8.7758,-0.6396 8.7758,-0.6396 z m 142.1998,9.36 c -2.7753,0.2579 -12.6543,2.953 -15.6071,3.808 -2.9528,0.855 -9.4274,2.8283 -10.5065,3.1573 -1.0791,0.329 -4.0547,2.9104 -4.0547,2.9104 l 4.5848,1.566 c 0.2081,0.022 0.4412,0.039 0.6474,0.061 0.6128,-0.081 19.8568,-2.6242 20.919,-2.9481 1.079,-0.329 19.9948,-6.1862 19.9948,-6.1862 0,0 -1.8294,-1.276 -3.6043,-1.8038 -0.5917,-0.1758 -1.1766,-0.2675 -1.6866,-0.2025 -2.0398,0.2599 -7.9117,-0.6198 -10.6868,-0.3619 z m -25.7727,2.5188 c 0,0 -18.8203,3.0675 -20.3501,3.2624 -1.0509,0.134 -6.3155,1.4148 -10.6516,2.5806 2.1988,0.2653 4.3609,0.4532 6.5625,0.6751 l -0.1904,-0.4117 13.1415,-1.2914 z" />
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 6.3 KiB

BIN
web/themes/erabletheme/assets/bg-shapes/bg-12.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.6 MiB

95
web/themes/erabletheme/assets/bg-shapes/bg-2.svg
View File

@@ -1,95 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="1982.4325"
height="153.74228"
viewBox="0 0 1982.4325 153.74228"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<linearGradient
id="swatch21"
gradientTransform="matrix(5.278647e23,2.6468133e23,-2.6249323e23,5.2350091e23,1.0846794e27,1.7611749e27)">
<stop
style="stop-color:#eafb44;stop-opacity:1;"
offset="0"
id="stop21" />
</linearGradient>
<linearGradient
id="swatch20"
gradientTransform="matrix(-0.00265448,-0.05328262,0.07600175,-0.00186098,1898.797,108.29893)">
<stop
style="stop-color:#00ff80;stop-opacity:1;"
offset="0"
id="stop20" />
</linearGradient>
<linearGradient
id="swatch19"
gradientTransform="translate(159.5901)">
<stop
style="stop-color:#038788;stop-opacity:1;"
offset="0"
id="stop19" />
</linearGradient>
<linearGradient
id="swatch18"
gradientTransform="translate(39.897525)">
<stop
style="stop-color:#00a590;stop-opacity:1;"
offset="0"
id="stop18" />
</linearGradient>
<linearGradient
id="swatch17"
gradientTransform="matrix(-0.78911041,-0.94629526,0.94629526,-0.78911041,-1256.5664,-1945.3626)">
<stop
style="stop-color:#b9ce00;stop-opacity:1;"
offset="0"
id="stop17" />
</linearGradient>
<linearGradient
id="swatch16"
gradientTransform="matrix(8.5633655,0,0,7.5288462,61984.609,10177.285)">
<stop
style="stop-color:#a19883;stop-opacity:1;"
offset="0"
id="stop16" />
</linearGradient>
<linearGradient
id="swatch15"
gradientTransform="translate(-540.72197,-150.16022)">
<stop
style="stop-color:#314e41;stop-opacity:1;"
offset="0"
id="stop15" />
</linearGradient>
<linearGradient
id="swatch14"
gradientTransform="matrix(0.86664926,-0.40831581,-0.43997355,-0.93384273,10801.756,-1967.9933)">
<stop
style="stop-color:#8eccb8;stop-opacity:1;"
offset="0"
id="stop14" />
</linearGradient>
<linearGradient
id="swatch9"
gradientTransform="matrix(1,0,0,0.99126428,149.65062,63.792403)">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop9" />
</linearGradient>
</defs>
<g
id="g1"
transform="translate(-14.379108,-134.82294)">
<path
style="opacity:1;fill:url(#swatch14);fill-opacity:1;stroke:none;stroke-width:0.377952;stroke-linecap:round;stroke-miterlimit:0"
d="m 40.772658,134.82293 c 0,0 741.658282,7.91814 805.002752,13.19655 63.34445,5.27888 496.19839,7.91817 562.18219,13.19692 65.9838,5.27887 292.9682,-2.63926 340.4765,-2.63926 47.5085,0 245.4599,-18.47569 248.0993,-2.63949 2.6394,15.83603 -13.1968,48.7559 -60.7051,56.67394 -47.5084,7.91779 -85.7565,8.30202 -175.4946,16.22017 -89.738,7.91801 -311.9226,11.42058 -369.9884,11.42058 -58.0657,0 -155.3377,-0.23955 -258.2725,7.67849 -102.9347,7.91816 -130.6027,-5.11517 -259.90386,10.94163 -153.80098,19.09922 -219.06631,18.47545 -306.16497,21.11495 -87.09866,2.63925 -226.98437,0 -308.80434,5.27854 -81.81996,5.27875 -153.08248,2.6395 -190.033441,2.6395 -36.950943,0 -52.787082,-7.91804 -52.787082,-7.91804 z"
id="path449" />
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.5 KiB

95
web/themes/erabletheme/assets/bg-shapes/bg-3.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 231 KiB

216
web/themes/erabletheme/assets/bg-shapes/bg-4.svg
View File

@@ -1,216 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="1260.9417"
height="270.22702"
viewBox="0 0 1260.9417 270.22702"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<pattern
xlink:href="#pattern80"
preserveAspectRatio="xMidYMid"
id="pattern27"
patternTransform="matrix(-0.10352761,-0.38637033,0.38637033,-0.10352761,96.525969,-7.6204712)"
x="0"
y="0" />
<linearGradient
id="swatch21"
gradientTransform="matrix(5.278647e23,2.6468133e23,-2.6249323e23,5.2350091e23,1.0846794e27,1.7611749e27)">
<stop
style="stop-color:#eafb44;stop-opacity:1;"
offset="0"
id="stop21" />
</linearGradient>
<linearGradient
id="swatch20"
gradientTransform="matrix(-0.00265448,-0.05328262,0.07600175,-0.00186098,1898.797,108.29893)">
<stop
style="stop-color:#00ff80;stop-opacity:1;"
offset="0"
id="stop20" />
</linearGradient>
<linearGradient
id="swatch19"
gradientTransform="translate(159.5901)">
<stop
style="stop-color:#038788;stop-opacity:1;"
offset="0"
id="stop19" />
</linearGradient>
<linearGradient
id="swatch18"
gradientTransform="translate(39.897525)">
<stop
style="stop-color:#00a590;stop-opacity:1;"
offset="0"
id="stop18" />
</linearGradient>
<linearGradient
id="swatch17"
gradientTransform="matrix(-0.78911041,-0.94629526,0.94629526,-0.78911041,-1256.5664,-1945.3626)">
<stop
style="stop-color:#b9ce00;stop-opacity:1;"
offset="0"
id="stop17" />
</linearGradient>
<linearGradient
id="swatch16"
gradientTransform="matrix(8.5633655,0,0,7.5288462,61984.609,10177.285)">
<stop
style="stop-color:#a19883;stop-opacity:1;"
offset="0"
id="stop16" />
</linearGradient>
<linearGradient
id="swatch15"
gradientTransform="translate(-540.72197,-150.16022)">
<stop
style="stop-color:#314e41;stop-opacity:1;"
offset="0"
id="stop15" />
</linearGradient>
<linearGradient
id="swatch14"
gradientTransform="matrix(0.86664926,-0.40831581,-0.43997355,-0.93384273,10801.756,-1967.9933)">
<stop
style="stop-color:#8eccb8;stop-opacity:1;"
offset="0"
id="stop14" />
</linearGradient>
<linearGradient
id="swatch9"
gradientTransform="matrix(1,0,0,0.99126428,149.65062,63.792403)">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop9" />
</linearGradient>
<filter
style="color-interpolation-filters:sRGB"
id="filter36"
x="0"
y="0"
width="1"
height="1">
<feComposite
in2="SourceGraphic"
operator="arithmetic"
k1="0"
k2="0"
result="composite1"
id="feComposite35"
k3="0"
k4="0" />
<feColorMatrix
in="composite1"
values="0"
type="saturate"
result="colormatrix1"
id="feColorMatrix35" />
<feFlood
flood-opacity="1"
flood-color="rgb(185,206,0)"
result="flood1"
id="feFlood35" />
<feBlend
in="flood1"
in2="colormatrix1"
mode="normal"
result="blend1"
id="feBlend35" />
<feBlend
in2="blend1"
mode="multiply"
result="blend2"
id="feBlend36" />
<feColorMatrix
in="blend2"
values="1"
type="saturate"
result="colormatrix2"
id="feColorMatrix36" />
<feComposite
in="colormatrix2"
in2="SourceGraphic"
operator="in"
result="fbSourceGraphic"
id="feComposite36" />
<feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix37" />
<feComposite
id="feComposite37"
in2="fbSourceGraphic"
operator="arithmetic"
k1="0"
k2="0"
result="composite1"
in="fbSourceGraphic"
k3="0"
k4="0" />
<feColorMatrix
id="feColorMatrix38"
in="composite1"
values="0"
type="saturate"
result="colormatrix1" />
<feFlood
id="feFlood38"
flood-opacity="1"
flood-color="rgb(185,206,0)"
result="flood1" />
<feBlend
id="feBlend38"
in="flood1"
in2="colormatrix1"
mode="normal"
result="blend1" />
<feBlend
id="feBlend39"
in2="blend1"
mode="multiply"
result="blend2" />
<feColorMatrix
id="feColorMatrix39"
in="blend2"
values="1"
type="saturate"
result="colormatrix2" />
<feComposite
id="feComposite39"
in="colormatrix2"
in2="fbSourceGraphic"
operator="in"
result="composite2" />
</filter>
<pattern
patternUnits="userSpaceOnUse"
width="60"
height="60"
preserveAspectRatio="xMidYMid"
style="fill:#eafb44"
id="pattern80">
<path
id="path80-4"
d="M 0,0 H 10 V 50 H 0 Z M 79.142136,3.7867966 86.213203,10.857864 50.857864,46.213203 43.786797,39.142136 Z M 150,20 V 30 H 100 V 20 Z m 56.2132,19.142136 -7.07106,7.071067 -35.35534,-35.355339 7.07106,-7.0710674 z M 250,50 H 240 V 0 h 10 z M 19.142136,63.786797 26.213203,70.857864 -9.1421356,106.2132 -16.213203,99.142136 Z M 90,80 V 90 H 40 V 80 Z m 56.2132,19.142136 -7.07106,7.071064 -35.35534,-35.355336 7.07106,-7.071067 z M 190,110 H 180 V 60 h 10 z m 40.85786,-3.7868 -7.07106,-7.071064 35.35534,-35.355339 7.07106,7.071067 z M 30,140 v 10 h -50 v -10 z m 56.213203,19.14214 -7.071067,7.07106 -35.355339,-35.35534 7.071067,-7.07106 z M 130,170 h -10 v -50 h 10 z m 40.85786,-3.7868 -7.07106,-7.07106 35.35534,-35.35534 7.07106,7.07106 z M 220,150 v -10 h 50 v 10 z m -193.786797,69.14214 -7.071067,7.07106 -35.355339,-35.35534 7.0710674,-7.07106 z M 70,230 H 60 v -50 h 10 z m 40.85786,-3.7868 -7.07106,-7.07106 35.35534,-35.35534 7.07106,7.07106 z M 160,210 v -10 h 50 v 10 z m 63.7868,-19.14214 7.07106,-7.07106 35.35534,35.35534 -7.07106,7.07106 z M 10,290 H 0 v -50 h 10 z m 40.857864,-3.7868 -7.071067,-7.07106 35.355339,-35.35534 7.071067,7.07106 z M 100,270 v -10 h 50 v 10 z m 63.7868,-19.14214 7.07106,-7.07106 35.35534,35.35534 -7.07106,7.07106 z M 240,240 h 10 v 50 h -10 z"
style="stroke-width:10;stroke-linecap:square;paint-order:markers fill stroke;stop-color:#000000"
transform="scale(0.25)" />
</pattern>
</defs>
<g
id="g1"
transform="translate(-1176.9954,-210.0247)">
<path
style="fill:url(#pattern27);fill-opacity:1;stroke:none;stroke-width:0.2;stroke-linecap:round;stroke-miterlimit:0;filter:url(#filter36)"
d="m 2423.3302,210.0247 c 0,0 -238.0919,29.21374 -318.4297,29.21374 -80.3377,0 -261.4629,-4.38206 -319.8904,-1.46069 -58.4274,2.92137 -238.0919,49.66335 -297.9801,43.8206 -59.8881,-5.84275 -96.4052,-7.30343 -135.8438,-1.46069 -39.4385,5.84275 -128.5404,24.83168 -163.5969,24.83168 -35.0565,0 24.8317,23.37099 64.2702,30.67442 39.4386,7.30343 112.4729,2.92137 176.7431,11.68549 64.2702,8.76412 154.8328,35.05649 189.8893,40.89923 35.0564,5.84275 182.5858,14.60687 252.6988,13.14618 70.1129,-1.46068 169.4396,49.66335 205.9568,55.5061 36.5172,5.84275 70.1129,23.37099 131.4618,23.37099 61.3488,0 127.0797,-5.84275 163.5969,-5.84275 36.5172,0 65.7309,4.38206 65.7309,4.38206 z"
id="path50" />
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 7.8 KiB

95
web/themes/erabletheme/assets/bg-shapes/bg-5.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 831 KiB

95
web/themes/erabletheme/assets/bg-shapes/bg-6.svg
View File

@@ -1,95 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="1450.262"
height="370.38525"
viewBox="0 0 1450.262 370.38525"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<linearGradient
id="swatch21"
gradientTransform="matrix(5.278647e23,2.6468133e23,-2.6249323e23,5.2350091e23,1.0846794e27,1.7611749e27)">
<stop
style="stop-color:#eafb44;stop-opacity:1;"
offset="0"
id="stop21" />
</linearGradient>
<linearGradient
id="swatch20"
gradientTransform="matrix(-0.00265448,-0.05328262,0.07600175,-0.00186098,1898.797,108.29893)">
<stop
style="stop-color:#00ff80;stop-opacity:1;"
offset="0"
id="stop20" />
</linearGradient>
<linearGradient
id="swatch19"
gradientTransform="translate(159.5901)">
<stop
style="stop-color:#038788;stop-opacity:1;"
offset="0"
id="stop19" />
</linearGradient>
<linearGradient
id="swatch18"
gradientTransform="translate(39.897525)">
<stop
style="stop-color:#00a590;stop-opacity:1;"
offset="0"
id="stop18" />
</linearGradient>
<linearGradient
id="swatch17"
gradientTransform="matrix(-0.78911041,-0.94629526,0.94629526,-0.78911041,-1256.5664,-1945.3626)">
<stop
style="stop-color:#b9ce00;stop-opacity:1;"
offset="0"
id="stop17" />
</linearGradient>
<linearGradient
id="swatch16"
gradientTransform="matrix(8.5633655,0,0,7.5288462,61984.609,10177.285)">
<stop
style="stop-color:#a19883;stop-opacity:1;"
offset="0"
id="stop16" />
</linearGradient>
<linearGradient
id="swatch15"
gradientTransform="translate(-540.72197,-150.16022)">
<stop
style="stop-color:#314e41;stop-opacity:1;"
offset="0"
id="stop15" />
</linearGradient>
<linearGradient
id="swatch14"
gradientTransform="matrix(0.86664926,-0.40831581,-0.43997355,-0.93384273,10801.756,-1967.9933)">
<stop
style="stop-color:#8eccb8;stop-opacity:1;"
offset="0"
id="stop14" />
</linearGradient>
<linearGradient
id="swatch9"
gradientTransform="matrix(1,0,0,0.99126428,149.65062,63.792403)">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop9" />
</linearGradient>
</defs>
<g
id="g1"
transform="translate(-422.16467,-914.57557)">
<path
style="fill:url(#swatch14);fill-opacity:1;stroke:none;stroke-width:4.53543;stroke-miterlimit:0"
d="m 1206.9083,914.8558 c -42.4803,2.7502 -104.4211,1.9039 -167.8359,38.1011 -63.41457,36.1971 -99.42692,33.4097 -129.39747,21.5683 -29.97071,-11.8413 -56.84986,-27.6235 -99.9351,-20.0434 -43.0851,7.5802 -106.27881,25.9125 -106.27881,25.9125 l -41.26758,-6.9098 c 0,0 -28.35279,21.261 -52.21951,20.575 -23.86679,-0.6862 -33.99122,4.1037 -73.74261,19.6058 -39.75018,15.502 -95.87062,23.4667 -108.80436,34.5419 -12.93359,11.075 -0.5045,15.5205 20.73492,14.1455 21.24056,-1.3746 67.58047,18.0035 86.90075,20.4278 19.3202,2.4243 65.84212,13.4567 85.62673,9.8788 19.78354,-3.5778 36.61852,-2.0422 74.83357,-0.7102 38.21617,1.3321 79.38182,-2.4487 77.88699,4.8672 -1.49604,7.3157 -22.87753,7.5187 -57.8991,12.9361 -35.02188,5.4175 -79.66469,0.1043 -90.07175,2.5499 -10.40805,2.4459 -21.5632,8.5496 -8.70987,16.5113 12.85325,7.962 70.38858,11.7186 87.50596,15.5978 17.11737,3.8796 37.14543,12.1645 58.52661,11.9616 21.3815,-0.2034 54.76632,0.5232 68.08429,2.4829 13.31782,1.9598 40.985,4.5656 54.01936,4.1811 13.03519,-0.3842 44.64272,5.3132 32.31523,11.5583 -12.32734,6.2452 -49.9775,9.6015 -65.21446,11.441 -15.2384,1.8397 -49.3714,4.7714 -46.78336,16.3511 2.58705,11.5797 29.68717,9.4972 55.43408,15.9024 25.7469,6.4051 52.3022,29.3617 89.87202,45.0424 37.56974,15.6809 68.14557,22.6922 97.73217,21.4986 29.5854,-1.1935 60.9102,2.16 82.6948,-24.2543 21.7842,-26.4142 40.5784,-38.1969 65.0915,-51.8592 24.5133,-13.6624 38.2151,1.3322 99.6915,8.1807 61.4766,6.8483 80.0893,3.4119 107.6536,-4.673 27.5656,-8.0847 44.1783,11.3154 120.2243,0.945 76.047,-10.3704 161.935,-27.875 177.2123,-39.2331 15.2781,-11.3582 57.6556,-24.7989 103.0244,-52.8713 45.3682,-28.0724 108.3185,-58.2673 35.0594,-83.9097 -73.2594,-25.6424 -108.7457,-14.2229 -156.8643,-28.6301 -48.1185,-14.407 -13.703,-14.9945 -128.1673,-27.3377 -114.4652,-12.3431 -176.9794,-34.1761 -176.9794,-34.1761 -59.8941,-16.903 -127.4746,-34.9065 -169.9536,-32.1564 z"
id="path1339-5" />
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 4.6 KiB

129
web/themes/erabletheme/assets/bg-shapes/bg-7.svg
View File

@@ -1,129 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="1909.912"
height="487.77618"
viewBox="0 0 1909.912 487.77618"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<linearGradient
id="swatch21"
gradientTransform="matrix(5.278647e23,2.6468133e23,-2.6249323e23,5.2350091e23,1.0846794e27,1.7611749e27)">
<stop
style="stop-color:#eafb44;stop-opacity:1;"
offset="0"
id="stop21" />
</linearGradient>
<linearGradient
id="swatch20"
gradientTransform="matrix(-0.00265448,-0.05328262,0.07600175,-0.00186098,1898.797,108.29893)">
<stop
style="stop-color:#00ff80;stop-opacity:1;"
offset="0"
id="stop20" />
</linearGradient>
<linearGradient
id="swatch19"
gradientTransform="translate(159.5901)">
<stop
style="stop-color:#038788;stop-opacity:1;"
offset="0"
id="stop19" />
</linearGradient>
<linearGradient
id="swatch18"
gradientTransform="translate(39.897525)">
<stop
style="stop-color:#00a590;stop-opacity:1;"
offset="0"
id="stop18" />
</linearGradient>
<linearGradient
id="swatch17"
gradientTransform="matrix(-0.78911041,-0.94629526,0.94629526,-0.78911041,-1256.5664,-1945.3626)">
<stop
style="stop-color:#b9ce00;stop-opacity:1;"
offset="0"
id="stop17" />
</linearGradient>
<linearGradient
id="swatch16"
gradientTransform="matrix(8.5633655,0,0,7.5288462,61984.609,10177.285)">
<stop
style="stop-color:#a19883;stop-opacity:1;"
offset="0"
id="stop16" />
</linearGradient>
<linearGradient
id="swatch15"
gradientTransform="translate(-540.72197,-150.16022)">
<stop
style="stop-color:#314e41;stop-opacity:1;"
offset="0"
id="stop15" />
</linearGradient>
<linearGradient
id="swatch14"
gradientTransform="matrix(0.86664926,-0.40831581,-0.43997355,-0.93384273,10801.756,-1967.9933)">
<stop
style="stop-color:#8eccb8;stop-opacity:1;"
offset="0"
id="stop14" />
</linearGradient>
<linearGradient
id="swatch9"
gradientTransform="matrix(1,0,0,0.99126428,149.65062,63.792403)">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop9" />
</linearGradient>
<pattern
xlink:href="#pattern80"
preserveAspectRatio="xMidYMid"
id="pattern83"
patternTransform="matrix(0.8,0,0,0.8,-19137.05,3107.2027)"
x="0"
y="0" />
<pattern
patternUnits="userSpaceOnUse"
width="60"
height="60"
preserveAspectRatio="xMidYMid"
style="fill:#eafb44"
id="pattern80">
<path
id="path80-4"
d="M 0,0 H 10 V 50 H 0 Z M 79.142136,3.7867966 86.213203,10.857864 50.857864,46.213203 43.786797,39.142136 Z M 150,20 V 30 H 100 V 20 Z m 56.2132,19.142136 -7.07106,7.071067 -35.35534,-35.355339 7.07106,-7.0710674 z M 250,50 H 240 V 0 h 10 z M 19.142136,63.786797 26.213203,70.857864 -9.1421356,106.2132 -16.213203,99.142136 Z M 90,80 V 90 H 40 V 80 Z m 56.2132,19.142136 -7.07106,7.071064 -35.35534,-35.355336 7.07106,-7.071067 z M 190,110 H 180 V 60 h 10 z m 40.85786,-3.7868 -7.07106,-7.071064 35.35534,-35.355339 7.07106,7.071067 z M 30,140 v 10 h -50 v -10 z m 56.213203,19.14214 -7.071067,7.07106 -35.355339,-35.35534 7.071067,-7.07106 z M 130,170 h -10 v -50 h 10 z m 40.85786,-3.7868 -7.07106,-7.07106 35.35534,-35.35534 7.07106,7.07106 z M 220,150 v -10 h 50 v 10 z m -193.786797,69.14214 -7.071067,7.07106 -35.355339,-35.35534 7.0710674,-7.07106 z M 70,230 H 60 v -50 h 10 z m 40.85786,-3.7868 -7.07106,-7.07106 35.35534,-35.35534 7.07106,7.07106 z M 160,210 v -10 h 50 v 10 z m 63.7868,-19.14214 7.07106,-7.07106 35.35534,35.35534 -7.07106,7.07106 z M 10,290 H 0 v -50 h 10 z m 40.857864,-3.7868 -7.071067,-7.07106 35.355339,-35.35534 7.071067,7.07106 z M 100,270 v -10 h 50 v 10 z m 63.7868,-19.14214 7.07106,-7.07106 35.35534,35.35534 -7.07106,7.07106 z M 240,240 h 10 v 50 h -10 z"
style="stroke-width:10;stroke-linecap:square;paint-order:markers fill stroke;stop-color:#000000"
transform="scale(0.25)" />
</pattern>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath1338">
<path
style="fill:none;fill-opacity:1;stroke:none;stroke-width:4.53543;stroke-miterlimit:0"
d="m -4048.5468,-1775.4537 c -55.9441,3.6218 -137.5166,2.5073 -221.0302,50.1769 -83.5134,47.6696 -130.9396,43.9987 -170.4091,28.4043 -39.4697,-15.5943 -74.868,-36.3786 -131.6088,-26.396 -56.7406,9.9826 -139.9631,34.1252 -139.9631,34.1252 l -54.347,-9.0998 c 0,0 -37.339,27.9995 -68.7701,27.0961 -31.4312,-0.9037 -44.7645,5.4044 -97.1148,25.8197 -52.3487,20.4153 -126.2561,30.9044 -143.2891,45.4897 -17.0328,14.5852 -0.6644,20.4397 27.3067,18.6289 27.9726,-1.8103 88.9996,23.7095 114.4433,26.9022 25.4436,3.1927 86.7103,17.7217 112.7655,13.0098 26.0538,-4.7118 48.2245,-2.6895 98.5515,-0.9353 50.3285,1.7543 104.5413,-3.2248 102.5727,6.4098 -1.9702,9.6344 -30.1284,9.9017 -76.2498,17.0362 -46.1218,7.1345 -104.9138,0.1373 -118.6193,3.358 -13.7068,3.2211 -28.3975,11.2593 -11.4704,21.7445 16.927,10.4855 92.6977,15.4327 115.2403,20.5414 22.5426,5.1092 48.9184,16.0199 77.0762,15.7527 28.1582,-0.2678 72.1241,0.6891 89.6631,3.2698 17.5388,2.581 53.9749,6.0127 71.1404,5.5063 17.1666,-0.5059 58.7919,6.9972 42.5573,15.2216 -16.2344,8.2246 -65.8175,12.6446 -85.8837,15.0672 -20.0681,2.4227 -65.0193,6.2836 -61.611,21.5335 3.407,15.2497 39.0963,12.5072 73.0035,20.9425 33.9072,8.4352 68.879,38.6676 118.3563,59.3183 49.4772,20.6508 89.7438,29.8843 128.7076,28.3124 38.9624,-1.5718 80.2153,2.8446 108.9044,-31.9416 28.6885,-34.786 53.4394,-50.3031 85.7217,-68.2956 32.2826,-17.9926 50.3272,1.7545 131.288,10.7735 80.9612,9.0189 105.473,4.4934 141.7736,-6.154 36.3024,-10.6471 58.1804,14.9017 158.3286,1.2445 100.1495,-13.6572 213.2591,-36.7098 233.3784,-51.6678 20.1204,-14.958 75.9291,-32.6587 135.6772,-69.6284 59.7474,-36.9697 142.6493,-76.7347 46.1713,-110.5043 -96.4785,-33.7695 -143.2119,-18.7307 -206.5813,-37.7042 -63.3694,-18.9732 -18.0461,-19.7469 -168.789,-36.0022 -150.7441,-16.2551 -233.0718,-45.0079 -233.0718,-45.0079 -78.8771,-22.2603 -167.8767,-45.9699 -223.8191,-42.3482 z"
id="path1339" />
</clipPath>
</defs>
<g
id="g1"
transform="translate(-86.653251,-942.83186)">
<rect
style="opacity:0.72093;fill:url(#pattern83);fill-opacity:1;stroke:#000000;stroke-width:0.2;stroke-linecap:round;stroke-miterlimit:0"
id="rect1"
width="2370.1384"
height="1734.9315"
x="-5125.0024"
y="-2400.8999"
clip-path="url(#clipPath1338)"
transform="translate(5168.6624,2718.6546)" />
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 6.9 KiB

134
web/themes/erabletheme/assets/bg-shapes/bg-8.svg
View File

@@ -1,134 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="1909.912"
height="487.77625"
viewBox="0 0 1909.912 487.77624"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<pattern
xlink:href="#pattern44-7"
preserveAspectRatio="xMidYMid"
id="pattern2"
patternTransform="matrix(0.2,0,0,0.2,-4021.1248,-1220.5028)"
x="0"
y="0" />
<linearGradient
id="swatch21"
gradientTransform="matrix(5.278647e23,2.6468133e23,-2.6249323e23,5.2350091e23,1.0846794e27,1.7611749e27)">
<stop
style="stop-color:#eafb44;stop-opacity:1;"
offset="0"
id="stop21" />
</linearGradient>
<linearGradient
id="swatch20"
gradientTransform="matrix(-0.00265448,-0.05328262,0.07600175,-0.00186098,1898.797,108.29893)">
<stop
style="stop-color:#00ff80;stop-opacity:1;"
offset="0"
id="stop20" />
</linearGradient>
<linearGradient
id="swatch19"
gradientTransform="translate(159.5901)">
<stop
style="stop-color:#038788;stop-opacity:1;"
offset="0"
id="stop19" />
</linearGradient>
<linearGradient
id="swatch18"
gradientTransform="translate(39.897525)">
<stop
style="stop-color:#00a590;stop-opacity:1;"
offset="0"
id="stop18" />
</linearGradient>
<linearGradient
id="swatch17"
gradientTransform="matrix(-0.78911041,-0.94629526,0.94629526,-0.78911041,-1256.5664,-1945.3626)">
<stop
style="stop-color:#b9ce00;stop-opacity:1;"
offset="0"
id="stop17" />
</linearGradient>
<linearGradient
id="swatch16"
gradientTransform="matrix(8.5633655,0,0,7.5288462,61984.609,10177.285)">
<stop
style="stop-color:#a19883;stop-opacity:1;"
offset="0"
id="stop16" />
</linearGradient>
<linearGradient
id="swatch15"
gradientTransform="translate(-540.72197,-150.16022)">
<stop
style="stop-color:#314e41;stop-opacity:1;"
offset="0"
id="stop15" />
</linearGradient>
<linearGradient
id="swatch14"
gradientTransform="matrix(0.86664926,-0.40831581,-0.43997355,-0.93384273,10801.756,-1967.9933)">
<stop
style="stop-color:#8eccb8;stop-opacity:1;"
offset="0"
id="stop14" />
</linearGradient>
<linearGradient
id="swatch9"
gradientTransform="matrix(1,0,0,0.99126428,149.65062,63.792403)">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop9" />
</linearGradient>
<pattern
patternUnits="userSpaceOnUse"
width="26"
height="26"
patternTransform="translate(-4021.1248,-1220.5028)"
preserveAspectRatio="xMidYMid"
id="pattern44-7">
<line
x1="3"
y1="3"
x2="23"
y2="23"
stroke="#000000"
stroke-width="6"
stroke-linecap="round"
id="line44-9"
style="fill:url(#swatch17);stroke:url(#swatch16)" />
</pattern>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath1338">
<path
style="fill:none;fill-opacity:1;stroke:none;stroke-width:4.53543;stroke-miterlimit:0"
d="m -4048.5468,-1775.4537 c -55.9441,3.6218 -137.5166,2.5073 -221.0302,50.1769 -83.5134,47.6696 -130.9396,43.9987 -170.4091,28.4043 -39.4697,-15.5943 -74.868,-36.3786 -131.6088,-26.396 -56.7406,9.9826 -139.9631,34.1252 -139.9631,34.1252 l -54.347,-9.0998 c 0,0 -37.339,27.9995 -68.7701,27.0961 -31.4312,-0.9037 -44.7645,5.4044 -97.1148,25.8197 -52.3487,20.4153 -126.2561,30.9044 -143.2891,45.4897 -17.0328,14.5852 -0.6644,20.4397 27.3067,18.6289 27.9726,-1.8103 88.9996,23.7095 114.4433,26.9022 25.4436,3.1927 86.7103,17.7217 112.7655,13.0098 26.0538,-4.7118 48.2245,-2.6895 98.5515,-0.9353 50.3285,1.7543 104.5413,-3.2248 102.5727,6.4098 -1.9702,9.6344 -30.1284,9.9017 -76.2498,17.0362 -46.1218,7.1345 -104.9138,0.1373 -118.6193,3.358 -13.7068,3.2211 -28.3975,11.2593 -11.4704,21.7445 16.927,10.4855 92.6977,15.4327 115.2403,20.5414 22.5426,5.1092 48.9184,16.0199 77.0762,15.7527 28.1582,-0.2678 72.1241,0.6891 89.6631,3.2698 17.5388,2.581 53.9749,6.0127 71.1404,5.5063 17.1666,-0.5059 58.7919,6.9972 42.5573,15.2216 -16.2344,8.2246 -65.8175,12.6446 -85.8837,15.0672 -20.0681,2.4227 -65.0193,6.2836 -61.611,21.5335 3.407,15.2497 39.0963,12.5072 73.0035,20.9425 33.9072,8.4352 68.879,38.6676 118.3563,59.3183 49.4772,20.6508 89.7438,29.8843 128.7076,28.3124 38.9624,-1.5718 80.2153,2.8446 108.9044,-31.9416 28.6885,-34.786 53.4394,-50.3031 85.7217,-68.2956 32.2826,-17.9926 50.3272,1.7545 131.288,10.7735 80.9612,9.0189 105.473,4.4934 141.7736,-6.154 36.3024,-10.6471 58.1804,14.9017 158.3286,1.2445 100.1495,-13.6572 213.2591,-36.7098 233.3784,-51.6678 20.1204,-14.958 75.9291,-32.6587 135.6772,-69.6284 59.7474,-36.9697 142.6493,-76.7347 46.1713,-110.5043 -96.4785,-33.7695 -143.2119,-18.7307 -206.5813,-37.7042 -63.3694,-18.9732 -18.0461,-19.7469 -168.789,-36.0022 -150.7441,-16.2551 -233.0718,-45.0079 -233.0718,-45.0079 -78.8771,-22.2603 -167.8767,-45.9699 -223.8191,-42.3482 z"
id="path1339" />
</clipPath>
</defs>
<g
id="g1"
transform="translate(963.5783,-1312.5028)">
<rect
style="opacity:0.72093;fill:url(#pattern2);fill-opacity:1;stroke:#000000;stroke-width:0.2;stroke-linecap:round;stroke-miterlimit:0"
id="rect117"
width="2370.1384"
height="1734.9315"
x="-5125.0024"
y="-2400.8999"
clip-path="url(#clipPath1338)"
transform="translate(4118.4309,3088.3256)" />
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 5.8 KiB

95
web/themes/erabletheme/assets/bg-shapes/bg-9.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 9.7 KiB

BIN
web/themes/erabletheme/assets/new-bg-shapes/left-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB

BIN
web/themes/erabletheme/assets/new-bg-shapes/left-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
web/themes/erabletheme/assets/new-bg-shapes/left-3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB

BIN
web/themes/erabletheme/assets/new-bg-shapes/left-4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.2 KiB

BIN
web/themes/erabletheme/assets/new-bg-shapes/left-5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
web/themes/erabletheme/assets/new-bg-shapes/left-6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
web/themes/erabletheme/assets/new-bg-shapes/mid-left-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
web/themes/erabletheme/assets/new-bg-shapes/mid-left-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

BIN
web/themes/erabletheme/assets/new-bg-shapes/right-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

BIN
web/themes/erabletheme/assets/new-bg-shapes/right-10.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
web/themes/erabletheme/assets/new-bg-shapes/right-11.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
web/themes/erabletheme/assets/new-bg-shapes/right-12.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
web/themes/erabletheme/assets/new-bg-shapes/right-13.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
web/themes/erabletheme/assets/new-bg-shapes/right-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 76 KiB

BIN
web/themes/erabletheme/assets/new-bg-shapes/right-3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
web/themes/erabletheme/assets/new-bg-shapes/right-4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
web/themes/erabletheme/assets/new-bg-shapes/right-5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
web/themes/erabletheme/assets/new-bg-shapes/right-6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
web/themes/erabletheme/assets/new-bg-shapes/right-7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
web/themes/erabletheme/assets/new-bg-shapes/right-8.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
web/themes/erabletheme/assets/new-bg-shapes/right-9.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

202
web/themes/erabletheme/css/styles.css
View File

@@ -82,7 +82,6 @@ body .layout-container footer {
z-index: 0;
}
body .layout-container #background {
display: none;
z-index: -1;
}
@@ -875,138 +874,105 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
}
#background {
height: 98%;
position: absolute;
inset: 0;
width: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
}
#background img {
position: absolute;
z-index: -1;
pointer-events: none;
}
#background > div {
#background .decor-tile {
position: relative;
height: 80vh;
width: 100%;
height: 220vh;
}
#background #bg-top {
/* #bg-1 {
top: 5vh;
left: 0;
} */
/* #bg-4 {
top: 18vh;
right: -45vw;
} */
}
#background #bg-top #bg-3 {
top: 13vh;
left: -10vw;
width: 20vw;
z-index: 1;
}
@media screen and (min-width: 1080px) {
#background #bg-top #bg-3 {
width: auto;
z-index: -1;
}
}
@media screen and (min-width: 1600px) {
#background #bg-top #bg-3 {
width: 22vw;
}
}
#background #bg-top #bg-2 {
top: 8vh;
left: -28vw;
}
@media screen and (min-width: 1080px) {
#background #bg-top #bg-2 {
transform: rotate(1deg);
}
}
@media screen and (min-width: 1600px) {
#background #bg-top #bg-2 {
left: -5vw;
top: 9vh;
}
}
#background #bg-top #bg-5 {
width: 20vw;
top: 5vh;
right: -10vw;
z-index: 1;
}
@media screen and (min-width: 1080px) {
#background #bg-top #bg-5 {
z-index: -1;
}
}
@media screen and (min-width: 1600px) {
#background #bg-top #bg-5 {
width: 27vw;
}
}
#background #bg-middle {
/* #bg-8 {
width: 80vw;
top: 45vh;
left: -40vw;
} */
}
#background #bg-middle #bg-6 {
top: 5vh;
right: -5vw;
}
#background #bg-middle #bg-7 {
width: 85vw;
top: 10vh;
right: 0vw;
}
#background #bg-middle #bg-12 {
width: 105vw;
left: -5vw;
top: 30vh;
}
#background #bg-bottom {
bottom: 0;
#background .decor-tile img {
position: absolute;
pointer-events: none;
width: auto;
}
#background #bg-bottom #bg-11 {
#background .decor-tile .decor-left {
left: 0;
}
@media screen and (min-width: 1080px) {
#background #bg-bottom #bg-11 {
left: 50vw;
bottom: 70vh;
}
#background .decor-tile .decor-right {
right: 0;
}
#background #bg-bottom #bg-10 {
width: 110vw;
left: 5vw;
bottom: 0;
#background .decor-tile .decor-left-1 {
top: 2%;
height: 20vh;
}
@media screen and (min-width: 1080px) {
#background #bg-bottom #bg-10 {
left: 0;
bottom: 20vh;
}
#background .decor-tile .decor-left-2 {
top: 18%;
height: 32vh;
}
#background #bg-bottom #bg-4 {
transform: scaleX(-1);
left: -45vw;
bottom: 5vh;
#background .decor-tile .decor-left-3 {
top: 38%;
height: 42vh;
}
@media screen and (min-width: 760px) {
#background #bg-bottom #bg-4 {
bottom: 150vhvh;
}
#background .decor-tile .decor-left-4 {
top: 58%;
height: 12vh;
}
@media screen and (min-width: 1080px) {
#background #bg-bottom #bg-4 {
bottom: -8vh;
}
#background .decor-tile .decor-left-5 {
top: 70%;
height: 22vh;
}
#background .decor-tile .decor-left_6,
#background .decor-tile .decor-left-6 {
top: 88%;
height: 10vh;
}
#background .decor-tile .decor-right-1 {
top: 1%;
height: 22vh;
}
#background .decor-tile .decor-right-2 {
top: 10%;
height: 38vh;
}
#background .decor-tile .decor-right-3 {
top: 18%;
height: 18vh;
}
#background .decor-tile .decor-right-4 {
top: 26%;
height: 12vh;
}
#background .decor-tile .decor-right-5 {
top: 34%;
height: 26vh;
}
#background .decor-tile .decor-right-6 {
top: 42%;
height: 8vh;
}
#background .decor-tile .decor-right-7 {
top: 48%;
height: 10vh;
}
#background .decor-tile .decor-right-8 {
top: 55%;
height: 8vh;
}
#background .decor-tile .decor-right-9 {
top: 62%;
height: 18vh;
}
#background .decor-tile .decor-right-10 {
top: 72%;
height: 12vh;
}
#background .decor-tile .decor-right-11 {
top: 78%;
height: 20vh;
}
#background .decor-tile .decor-right-12 {
top: 86%;
height: 16vh;
}
#background .decor-tile .decor-right-13 {
top: 92%;
height: 22vh;
}
/* PAGES */

64
web/themes/erabletheme/js/erabletheme.js
View File

@@ -422,33 +422,55 @@
}
//
// set bg middle placement
// Décors latéraux parallax v2.
// Cloner le .decor-tile autant de fois que nécessaire pour couvrir
// la hauteur de .layout-container, puis instancier Rellax sur tous
// les .bgImg (originaux + clones). Au resize, on détruit/recompute.
//
let pageHeight = document.querySelector('.layout-container').offsetHeight;
toggleBgMiddle(pageHeight)
const bgRoot = document.getElementById('background');
let rellax = null;
window.addEventListener('resize', () => {
pageHeight = document.querySelector('.layout-container').offsetHeight;
toggleBgMiddle(pageHeight);
})
function setupBackgroundTiles() {
if (!bgRoot) return;
const original = bgRoot.querySelector('.decor-tile:not([data-tile-clone])');
if (!original) return;
function toggleBgMiddle(pageHeight) {
const bgMiddle = document.querySelector('#bg-middle');
const bgOnze = document.querySelector('#bg-11');
if (pageHeight < 2500) {
bgMiddle.style.display = 'none';
bgOnze.style.display = 'none';
} else {
bgMiddle.style.display = 'block';
bgOnze.style.display = 'block';
// Nettoyage des clones précédents (cas resize).
bgRoot.querySelectorAll('.decor-tile[data-tile-clone]').forEach(n => n.remove());
const layout = document.querySelector('.layout-container');
const pageHeight = layout ? layout.offsetHeight : window.innerHeight;
const tileHeight = original.getBoundingClientRect().height;
if (tileHeight <= 0) return;
const tileCount = Math.max(1, Math.ceil(pageHeight / tileHeight));
for (let i = 1; i < tileCount; i++) {
const clone = original.cloneNode(true);
clone.dataset.tileClone = 'true';
clone.dataset.tileIndex = String(i);
// .decor-once : formes pensées pour le haut du 1er tile
// (coupées en haut) — on les enlève des clones.
clone.querySelectorAll('.decor-once').forEach(n => n.remove());
bgRoot.appendChild(clone);
}
}
//
// bg parallax animation
//
var rellax = new Rellax('.bgImg', {
wrapper: 'body',
function initRellax() {
if (rellax) { try { rellax.destroy(); } catch (e) { /* noop */ } }
rellax = new Rellax('.bgImg', { wrapper: 'body' });
}
setupBackgroundTiles();
initRellax();
// Resize debouncé : recalcule le nombre de tiles, repart Rellax propre.
let bgResizeTimer = null;
window.addEventListener('resize', () => {
clearTimeout(bgResizeTimer);
bgResizeTimer = setTimeout(() => {
setupBackgroundTiles();
initRellax();
}, 200);
});
// footnotes

1
web/themes/erabletheme/scss/global/_global.scss
View File

@@ -28,7 +28,6 @@ body {
z-index: 0;
}
#background {
display: none;
z-index: -1;
}
}

163
web/themes/erabletheme/scss/partials/_background.scss
View File

@@ -1,116 +1,65 @@
//
// Décors latéraux parallax v2.
//
// Un seul .decor-tile (= une "scène" verticale) défini ici puis cloné
// par JS (cf. setupBackgroundTiles dans js/erabletheme.js) pour remplir
// la hauteur de .layout-container. Si la page est plus courte que le
// tile, l'overflow caché de #background tronque proprement.
//
// Positionnement vertical : `top` en % du tile, pour que les frises
// soient repositionnées automatiquement dans chaque clone.
// Ancrage horizontal : .decor-left { left: 0 } / .decor-right { right: 0 }
// → bord gauche / droit du PNG collé au bord viewport.
//
$tile_height: 220vh;
#background {
height: 98%;
position: absolute;
inset: 0;
width: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
img {
position: absolute;
pointer-events: none;
}
> div {
z-index: -1;
pointer-events: none;
.decor-tile {
position: relative;
height: 80vh;
}
#bg-top {
/* #bg-1 {
top: 5vh;
left: 0;
} */
#bg-3 {
top: 13vh;
left: -10vw;
width: 20vw;
z-index: 1;
@media screen and (min-width: $breakpoint_desktop) {
width: auto;
z-index: -1;
}
@media screen and (min-width: $breakpoint_desktop_large) {
width: 22vw;
}
}
#bg-2 {
top: 8vh;
left: -28vw;
@media screen and (min-width: $breakpoint_desktop) {
transform: rotate(1deg);
}
@media screen and (min-width: $breakpoint_desktop_large) {
left: -5vw;
top: 9vh;
}
}
#bg-5 {
width: 20vw;
top: 5vh;
right: -10vw;
z-index: 1;
@media screen and (min-width: $breakpoint_desktop) {
z-index: -1;
}
@media screen and (min-width: $breakpoint_desktop_large) {
width: 27vw;
}
}
/* #bg-4 {
top: 18vh;
right: -45vw;
} */
width: 100%;
height: $tile_height;
}
#bg-middle {
#bg-6 {
top: 5vh;
right: -5vw;
img {
position: absolute;
pointer-events: none;
// largeur auto pour préserver le ratio des PNG ; on contrôle la
// taille via height (en vh) pour rester proportionnel au viewport.
width: auto;
}
#bg-7 {
width: 85vw;
top: 10vh;
right: 0vw;
}
/* #bg-8 {
width: 80vw;
top: 45vh;
left: -40vw;
} */
#bg-12 {
width: 105vw;
left: -5vw;
top: 30vh;
}
}
#bg-bottom {
bottom: 0;
position: absolute;
#bg-11 {
left: 0;
@media screen and (min-width: $breakpoint_desktop) {
left: 50vw;
bottom: 70vh;
}
}
#bg-10 {
width: 110vw;
left: 5vw;
bottom: 0;
@media screen and (min-width: $breakpoint_desktop) {
left: 0;
bottom: 20vh;
}
}
#bg-4 {
transform: scaleX(-1);
left: -45vw;
bottom: 5vh;
@media screen and (min-width: $breakpoint_tablet) {
bottom: 150vhvh;
}
@media screen and (min-width: $breakpoint_desktop) {
bottom: -8vh;
}
}
.decor-left { left: 0; }
.decor-right { right: 0; }
// --- Frises gauches (6 répartiess sur la hauteur du tile) ---
.decor-left-1 { top: 2%; height: 20vh; }
.decor-left-2 { top: 18%; height: 32vh; }
.decor-left-3 { top: 38%; height: 42vh; }
.decor-left-4 { top: 58%; height: 12vh; }
.decor-left-5 { top: 70%; height: 22vh; }
.decor-left_6,
.decor-left-6 { top: 88%; height: 10vh; }
// --- Frises droites (13 réparties sur la hauteur du tile) ---
.decor-right-1 { top: 1%; height: 22vh; }
.decor-right-2 { top: 10%; height: 38vh; }
.decor-right-3 { top: 18%; height: 18vh; }
.decor-right-4 { top: 26%; height: 12vh; }
.decor-right-5 { top: 34%; height: 26vh; }
.decor-right-6 { top: 42%; height: 8vh; }
.decor-right-7 { top: 48%; height: 10vh; }
.decor-right-8 { top: 55%; height: 8vh; }
.decor-right-9 { top: 62%; height: 18vh; }
.decor-right-10 { top: 72%; height: 12vh; }
.decor-right-11 { top: 78%; height: 20vh; }
.decor-right-12 { top: 86%; height: 16vh; }
.decor-right-13 { top: 92%; height: 22vh; }
}
}

46
web/themes/erabletheme/templates/page/page.html.twig
View File

@@ -99,24 +99,36 @@
</footer>
{#
Décors latéraux parallax v2.
Un seul tile (.decor-tile) cloné en JS pour remplir la hauteur de la page.
Frises gauches: bord gauche collé à left:0 ; frises droites: right:0.
Le placement vertical est géré en % du tile dans _background.scss
pour rester cohérent à la répétition.
#}
<div id="background">
<div id="bg-top">
{# <img src="/themes/erabletheme/assets/bg-shapes/bg-1.svg" aria-hidden="true" alt="bg shape" id="bg-1"> #}
<img class="bgImg" data-rellax-speed="-5" src="/themes/erabletheme/assets/bg-shapes/bg-5.svg" aria-hidden="true" alt="bg shape" id="bg-5">
<img class="bgImg" data-rellax-speed="-6" src="/themes/erabletheme/assets/bg-shapes/bg-3.svg" aria-hidden="true" alt="bg shape" id="bg-3">
<img class="bgImg" data-rellax-speed="-3" src="/themes/erabletheme/assets/bg-shapes/bg-2.svg" aria-hidden="true" alt="bg shape" id="bg-2">
{# <img src="/themes/erabletheme/assets/bg-shapes/bg-4.svg" aria-hidden="true" alt="bg shape" id="bg-4"> #}
</div>
<div id="bg-middle">
{# <img src="/themes/erabletheme/assets/bg-shapes/bg-8.svg" aria-hidden="true" alt="bg shape" id="bg-8"> #}
<img class="bgImg" data-rellax-speed="-4" src="/themes/erabletheme/assets/bg-shapes/bg-6.svg" aria-hidden="true" alt="bg shape" id="bg-6">
<img class="bgImg" data-rellax-speed="-3" src="/themes/erabletheme/assets/bg-shapes/bg-7.svg" aria-hidden="true" alt="bg shape" id="bg-7">
<img class="bgImg" data-rellax-speed="-2" src="/themes/erabletheme/assets/bg-shapes/bg-12.png" aria-hidden="true" alt="bg shape" id="bg-12">
</div>
<div id="bg-bottom">
<img class="bgImg" data-rellax-speed="2" src="/themes/erabletheme/assets/bg-shapes/bg-11.svg" aria-hidden="true" alt="bg shape" id="bg-11">
<img class="bgImg" data-rellax-speed="1" src="/themes/erabletheme/assets/bg-shapes/bg-10.svg" aria-hidden="true" alt="bg shape" id="bg-10">
<img class="bgImg" data-rellax-speed="0.5" src="/themes/erabletheme/assets/bg-shapes/bg-4.svg" aria-hidden="true" alt="bg shape" id="bg-4">
<div class="decor-tile" data-tile-index="0">
{# decor-once : forme coupée en haut, présente uniquement dans le tile initial #}
<img class="bgImg decor-left decor-left-1 decor-once" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/left-1.png" aria-hidden="true" alt="">
<img class="bgImg decor-left decor-left-2" data-rellax-speed="-3" src="/themes/erabletheme/assets/new-bg-shapes/left-2.png" aria-hidden="true" alt="">
<img class="bgImg decor-left decor-left-3" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/left-3.png" aria-hidden="true" alt="">
<img class="bgImg decor-left decor-left-4" data-rellax-speed="-4" src="/themes/erabletheme/assets/new-bg-shapes/left-4.png" aria-hidden="true" alt="">
<img class="bgImg decor-left decor-left-5" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/left-5.png" aria-hidden="true" alt="">
<img class="bgImg decor-left decor-left-6" data-rellax-speed="-3" src="/themes/erabletheme/assets/new-bg-shapes/left-6.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-1 decor-once" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-1.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-2" data-rellax-speed="-3" src="/themes/erabletheme/assets/new-bg-shapes/right-2.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-3" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-3.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-4" data-rellax-speed="-4" src="/themes/erabletheme/assets/new-bg-shapes/right-4.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-5" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-5.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-6" data-rellax-speed="-3" src="/themes/erabletheme/assets/new-bg-shapes/right-6.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-7" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-7.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-8" data-rellax-speed="-3" src="/themes/erabletheme/assets/new-bg-shapes/right-8.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-9" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-9.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-10" data-rellax-speed="-4" src="/themes/erabletheme/assets/new-bg-shapes/right-10.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-11" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-11.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-12" data-rellax-speed="-3" src="/themes/erabletheme/assets/new-bg-shapes/right-12.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-13" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-13.png" aria-hidden="true" alt="">
</div>
</div>