[FIX] web_editor: fix small gaps between shapes and their environments

Because of the way browsers render SVGs as background images, background
SVGs will sometimes not perfectly hug the top or bottom of their
containers because of rounding in the calculation of the width from the
height, or height from the width.

This commit fixes a number of the shapes displaying this behaviour, by
making their viewbox a perfect square, this means that whenever the
width or height of the SVG is determined by the brower, it will use the
same number for the height or width respectively because the aspect
ratio is exactly one, rather than using the closest integer
approximation of the aspect ratio, which causes those artifacts.

task-2319484

closes odoo/odoo#56200

Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
Samuel Degueldre
2020-08-22 07:59:59 +00:00
committed by qsm-odoo
parent 6d52f3646c
commit 809fefbe81
63 changed files with 66 additions and 66 deletions
+1 -1
View File
@@ -1,7 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1400 192.4" style="enable-background:new 0 0 1400 192.4;" xml:space="preserve">
viewBox="0 0 1400 1400" xml:space="preserve">
<style type="text/css">
.st0{fill:#F6F6F6;}
.st1{opacity:0.24;fill:none;stroke:#3AADAA;stroke-width:1.9819;enable-background:new ;}

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

+1 -1
View File
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1400 377.2">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 -1022.8 1400 1400">
<style type="text/css">
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
.st1{opacity:0.23;fill:none;stroke:#3AADAA;stroke-width:0.75;enable-background:new ;}

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

+1 -1
View File
@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1400">
<path d="M0,0V570l378.64-32.77a1236.91,1236.91,0,0,0,644-249.06L1400,0Z" style="fill: #7c6576"/>
</svg>

Before

Width:  |  Height:  |  Size: 170 B

After

Width:  |  Height:  |  Size: 171 B

+2 -2
View File
@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<path d="M1399.87,0H700c25.13,63.93,57.24,122.07,81.46,162C802.08,196,898.24,327.49,982,391.43,1154,522.79,1400,570,1400,570Z" style="fill: #7c6576"/>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1400">
<path d="M1400,0H700c25.13,63.93,57.24,122.07,81.46,162C802.08,196,898.24,327.49,982,391.43,1154,522.79,1400,570,1400,570Z" style="fill: #7c6576"/>
</svg>

Before

Width:  |  Height:  |  Size: 224 B

After

Width:  |  Height:  |  Size: 222 B

+2 -2
View File
@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<path d="M700.13,569.81c53.17-51,40.37-88.09,136-126.87C985,382.55,1147,458,1185.46,481c48.47,29,214.54-34.58,214.54,70.19V570" style="fill: #3aadaa"/>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -830 1400 1400">
<path d="M700.13,570c53.17-51,40.37-88.09,136-126.87C985,382.55,1147,458,1185.46,481c48.47,29,214.54-34.58,214.54,70.19V570" style="fill: #3aadaa"/>
</svg>

Before

Width:  |  Height:  |  Size: 225 B

After

Width:  |  Height:  |  Size: 226 B

+2 -2
View File
@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<path d="M1400,.19V425.44c0,34.49-20.73,66.55-54.6,83-105.06,51-187.09-118.9-269.4-192.54-24.79-22.17-59.66-24.87-94.68-26C489.37,273.71,622.77,42.88,700,0" style="fill: #3aadaa"/>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1400">
<path d="M1400,0V425.44c0,34.49-20.73,66.55-54.6,83-105.06,51-187.09-118.9-269.4-192.54-24.79-22.17-59.66-24.87-94.68-26C489.37,273.71,622.77,42.88,700,0" style="fill: #3aadaa"/>
</svg>

Before

Width:  |  Height:  |  Size: 254 B

After

Width:  |  Height:  |  Size: 253 B

+1 -1
View File
@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1400">
<path d="M979.33,481l180.13.08c132.85,0,239.87-108.23,239.87-241.08L1400,0H979.33c-132.85,0-240,107.69-240,240.54h0C739.33,373.39,846.48,481,979.33,481Z" style="fill: #383e45"/>
</svg>

Before

Width:  |  Height:  |  Size: 251 B

After

Width:  |  Height:  |  Size: 252 B

+1 -1
View File
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -830 1400 1400">
<style type="text/css">
.st0{fill:#F6F6F6;}
</style>

Before

Width:  |  Height:  |  Size: 232 B

After

Width:  |  Height:  |  Size: 236 B

+1 -1
View File
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1140">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1400">
<rect width="1400" height="1140" style="fill: #3aadaa"/>
<rect width="1400" height="1140" style="fill: #383e45;opacity: 0.4"/>
<path d="M1047.94,285c0-71-13.29-133.66-67.94-285H0V963c98.67,36.51,211,57.17,330.14,57.17C698.6,1020.13,1047.94,657.57,1047.94,285Z" style="fill: #3aadaa"/>

Before

Width:  |  Height:  |  Size: 363 B

After

Width:  |  Height:  |  Size: 363 B

@@ -1,7 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1400 570" style="enable-background:new 0 0 1400 570;" xml:space="preserve">
viewBox="0 -830 1400 1400" xml:space="preserve">
<style type="text/css">
.st0{fill:url(#SVGID_1_);}
.st1{opacity:0.13;fill:#3AADAA;enable-background:new ;}

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

@@ -1,7 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1400 570" style="enable-background:new 0 0 1400 570;" xml:space="preserve">
viewBox="0 0 1400 1400" xml:space="preserve">
<style type="text/css">
.st0{fill:url(#SVGID_1_);}
.st1{opacity:0.44;fill:#383E45;enable-background:new ;}

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -830 1400 1400">
<polygon points="1400 268.92 0 570 0 570 1400 570 1400 268.92" style="fill: #f6f6f6"/>
<g>
<path d="M230.44,441v37.09L42.51,518V480.91l187.93-40m1.78-2.19L40.73,479.47V520.2l191.49-40.71V438.77Z" style="fill: #f6f6f6"/>

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

+1 -1
View File
@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1400">
<path d="M1400.19,0V365.58c0,73-118.1,122-223.71,92.91L153.82,176.37l-.57-.18C67.68,145.73,14.74,103.27.27,46.34a2.72,2.72,0,0,1-.08-.63V0Z" style="fill: #7c6576"/>
</svg>

Before

Width:  |  Height:  |  Size: 240 B

After

Width:  |  Height:  |  Size: 241 B

+1 -1
View File
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -830 1400 1400">
<path d="M1310.09,31.48l-286.4,478.78C1001.93,538.94,973.85,564.45,906,570h494V0h-33.39C1343.29,0,1321.74,12,1310.09,31.48Z" style="fill: #3aadaa"/>
<path d="M0,0V570H667.39c67.93-5.55,96-31.06,117.83-59.74L1046,74.83C1065.91,41.56,1041,0,1001.11,0Z" style="fill: #f6f6f6"/>
<path d="M0,0V570H420c68-5.55,96.12-31.06,117.93-59.74L800.11,72.83C819.51,40.45,795.23,0,756.39,0Z" style="fill: #7c6576"/>

Before

Width:  |  Height:  |  Size: 483 B

After

Width:  |  Height:  |  Size: 487 B

+1 -1
View File
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -830 1400 1400">
<path d="M841,0c-77.8,0-111.6,49.4-91.1,99.4c0.2,0.6,0.4,1.1,0.7,1.6L979,570h421V0.2L841,0z" style="fill: #f6f6f6"/>
<path d="M463.6,0c80.7,0,152,40,173.6,98.3c0.3,0.8,0.6,1.7,0.9,2.5L841,570H0V0H463.6z" style="fill: #3AADAA"/>
<path d="M0,78.7h369c87.8,0,151.6,40.3,175.3,103.2c0.3,0.9,155.5,388.1,155.5,388.1H0V78.7z" style="fill: #383E45"/>

Before

Width:  |  Height:  |  Size: 418 B

After

Width:  |  Height:  |  Size: 422 B

+1 -1
View File
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1400">
<path d="M979,0l421,.1v526c0,24.3-19.7,43.9-43.2,43.9h-657c-37.9,0-51.3-39.6-36.1-65.5L979,.1,1400,0" style="fill: #f6f6f6"/>
<path d="M3.3,0H841S529.6,507.6,529.6,507.7C502.8,542.5,471,564.1,421,570H0V0C0-1.2,1.7,0,3.3,0Z" style="fill: #7c6576"/>
</svg>

Before

Width:  |  Height:  |  Size: 327 B

After

Width:  |  Height:  |  Size: 328 B

+1 -1
View File
@@ -1,4 +1,4 @@
<svg id="Waves" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg id="Waves" xmlns="http://www.w3.org/2000/svg" viewBox="0 -830 1400 1400">
<path d="M1400,0H0V43.2c0,58.7,27,93.2,153.2,129.9L1163.3,451.8c.5.2.9.3,1.4.5,55.3,15.3,96.2,50,96.2,93V570h138.8Z" style="fill: #7c6576"/>
<path d="M141.2,570V535.4c0-40.6-33.5-82.1-72-92.6L0,423.6V570Z" style="fill: #3aadaa"/>
</svg>

Before

Width:  |  Height:  |  Size: 320 B

After

Width:  |  Height:  |  Size: 324 B

+1 -1
View File
@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1400">
<path d="M1260.6,0V279.8c0,102-139.5,128.2-261.1,94.4L268.6,174l-.5-.1C191.7,150.2,141.2,120.5,140.9,73c0-.2.2-72.9.2-72.9Z" style="fill: #3aadaa"/>
</svg>

Before

Width:  |  Height:  |  Size: 224 B

After

Width:  |  Height:  |  Size: 225 B

+1 -1
View File
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -830 1400 1400">
<path d="M0,0H513.26a100,100,0,0,1,78.53,38.09L820.3,328a100,100,0,0,1,21.46,61.91V570H0Z" style="fill: #f6f6f6"/>
<path d="M0,0H372.67A100,100,0,0,1,451.2,38.09L679.71,328a100,100,0,0,1,21.46,61.91V570H0Z" style="fill: #7c6576"/>
</svg>

Before

Width:  |  Height:  |  Size: 310 B

After

Width:  |  Height:  |  Size: 314 B

+1 -1
View File
@@ -1,4 +1,4 @@
<svg id="Waves" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg id="Waves" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1400">
<path d="M641.77,570a94.43,94.43,0,0,0,84.49-52.81L953.68,55.79A100,100,0,0,1,1043.37,0H841.76L588.65,514.71C571.83,548.91,537,570,498.92,570Z" style="fill: #ffffff"/>
<path d="M841.76,0,588.65,514.71a100,100,0,0,1-89.74,55.87H0V0Z" style="fill: #3aadaa"/>
<path d="M701.17,0,490.34,428.38a83.3,83.3,0,0,1-74.75,46.54H0V0Z" style="fill: #383e45"/>

Before

Width:  |  Height:  |  Size: 565 B

After

Width:  |  Height:  |  Size: 566 B

+1 -1
View File
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -830 1400 1400">
<style type="text/css">
.st0{fill:none;}
.st1{clip-path:url(#SVGID_2_);}

Before

Width:  |  Height:  |  Size: 731 B

After

Width:  |  Height:  |  Size: 735 B

@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -830 1400 1400">
<polygon points="0 570 1400 390 1400 570 0 570" style="fill: #f6f6f6"/>
</svg>

Before

Width:  |  Height:  |  Size: 145 B

After

Width:  |  Height:  |  Size: 149 B

@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1400">
<polygon points="1400 0 0 180 0 0 1400 0" style="fill: #f6f6f6"/>
</svg>

Before

Width:  |  Height:  |  Size: 139 B

After

Width:  |  Height:  |  Size: 140 B

@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -830 1400 1400">
<rect y="190" width="1400" height="380" style="fill: #f6f6f6"/>
</svg>

Before

Width:  |  Height:  |  Size: 137 B

After

Width:  |  Height:  |  Size: 141 B

@@ -1,7 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1400 570" style="enable-background:new 0 0 1400 570;" xml:space="preserve">
viewBox="0 0 1400 1400" style="enable-background:new 0 0 1400 1400;" xml:space="preserve">
<style type="text/css">
.st0{fill:#F6F6F6;}
</style>

Before

Width:  |  Height:  |  Size: 487 B

After

Width:  |  Height:  |  Size: 489 B

@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -830 1400 1400">
<path d="M0,570V81.05H522.11c237.81,0,283-9.51,339.89,165L980,570Z" style="fill: #f6f6f6"/>
</svg>

Before

Width:  |  Height:  |  Size: 165 B

After

Width:  |  Height:  |  Size: 169 B

@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1400">
<rect width="1400" height="1140" style="fill: #3aadaa"/>
<rect width="1400" height="1140" style="fill: #383e45;opacity: 0.4"/>
<polyline points="980.5,0 1400,1140 0,1140 0,0 " style="fill:#3AADAA"/>

Before

Width:  |  Height:  |  Size: 273 B

After

Width:  |  Height:  |  Size: 274 B

@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -830 1400 1400">
<radialGradient id="SVGID_1_" cx="700" cy="643.1875" r="2495.4861" fx="700" fy="327.5137" gradientTransform="matrix(1 0 0 -1.12 0 1075.37)" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#7C6576"/>
<stop offset="1" style="stop-color:#383E45"/>

Before

Width:  |  Height:  |  Size: 428 B

After

Width:  |  Height:  |  Size: 432 B

@@ -1,7 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1400 350.1" style="enable-background:new 0 0 1400 350.1;" xml:space="preserve">
viewBox="0 -1049.9 1400 1400" style="enable-background:new 0 0 1400 350.1;" xml:space="preserve">
<style type="text/css">
.st0{fill:url(#SVGID_1_);}
</style>

Before

Width:  |  Height:  |  Size: 780 B

After

Width:  |  Height:  |  Size: 785 B

@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1400">
<defs>
<linearGradient id="linear-gradient" x1="1348.89" y1="-6558.72" x2="-2562.79" y2="-6558.72" gradientTransform="matrix(1, 0, 0, -1.11, 0, -7258.77)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#f6f6f6"/>

Before

Width:  |  Height:  |  Size: 474 B

After

Width:  |  Height:  |  Size: 475 B

@@ -1,7 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1400 45.7" style="enable-background:new 0 0 1400 45.7;" xml:space="preserve">
viewBox="0 -1354.3 1400 1400" style="enable-background:new 0 0 1400 45.7;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>

Before

Width:  |  Height:  |  Size: 480 B

After

Width:  |  Height:  |  Size: 486 B

@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1400">
<path d="M0,0v13.3c459.8,47.6,926.5,47.5,1400,0V0H0z" style="fill:#FFFFFF"/>
</svg>

Before

Width:  |  Height:  |  Size: 148 B

After

Width:  |  Height:  |  Size: 149 B

+1 -1
View File
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 -830 1400 1400">
<defs>
<linearGradient id="linear-gradient" x1="889.95" y1="141.2" x2="34.92" y2="687.04" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#3aadaa" stop-opacity="0"/>

Before

Width:  |  Height:  |  Size: 44 KiB

After

Width:  |  Height:  |  Size: 44 KiB

+1 -1
View File
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1400 1400">
<defs>
<linearGradient id="linear-gradient" x1="889.95" y1="-428.8" x2="34.92" y2="117.04"
gradientUnits="userSpaceOnUse">

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 21 KiB

+1 -1
View File
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1400">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="700.3501" y1="557.15" x2="700.3501" y2="60.8" gradientTransform="matrix(1 0 0 -1 0 572)">
<stop offset="0" style="stop-color:#383E45"/>
<stop offset="1" style="stop-color:#3AADAA"/>

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

+1 -1
View File
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1400">
<style type="text/css">
.st0{fill:url(#SVGID_1_);}
.st1{opacity:0.25;fill:url(#SVGID_2_);enable-background:new ;}

Before

Width:  |  Height:  |  Size: 5.5 KiB

After

Width:  |  Height:  |  Size: 5.5 KiB

+1 -1
View File
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -830 1400 1400">
<line x1="1351.39" y1="78.27" x2="1247.64" y2="182.02" style="fill: none;stroke: #f6f6f6;stroke-linecap: round;stroke-miterlimit: 10;stroke-width: 20px"/>
<line x1="1154.71" y1="184.46" x2="1128.35" y2="210.82" style="fill: none;stroke: #3aadaa;stroke-linecap: round;stroke-miterlimit: 10;stroke-width: 9px"/>
<line x1="647.52" y1="100.54" x2="494.36" y2="253.7" style="fill: none;stroke: #3aadaa;stroke-linecap: round;stroke-miterlimit: 10;stroke-width: 9px"/>

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

+1 -1
View File
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1400">
<line x1="163.04" y1="403.13" x2="192.53" y2="373.63" style="fill: none;stroke: #7c6576;stroke-linecap: round;stroke-miterlimit: 10;stroke-width: 30px"/>
<line x1="1126.43" y1="45.87" x2="1157.16" y2="15.15" style="fill: none;stroke: #7c6576;stroke-linecap: round;stroke-miterlimit: 10;stroke-width: 20px"/>
<line x1="6.35" y1="77.88" x2="62.96" y2="21.27" style="fill: none;stroke: #7c6576;stroke-linecap: round;stroke-miterlimit: 10;stroke-width: 9px"/>

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

+1 -1
View File
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1400 1400">
<defs>
<linearGradient id="linear-gradient" x1="8580.65" y1="1132.94" x2="8580.86" y2="1133.27" gradientTransform="translate(-7080023.8 -1371996.47) scale(825.14 1211)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#3aadaa" stop-opacity="0.1"/>

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

+1 -1
View File
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1139.83">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1400">
<polygon points="1314.33 2.04 1184.19 2.04 1399.36 555.61 1399.36 220.81 1314.33 2.04" style="fill: #3aadaa;opacity: 0.04"/>
<polygon points="287.56 1140 0 395.53 0 730.33 157.43 1140 287.56 1140" style="fill: #3aadaa;opacity: 0.04"/>
<path d="M146.17.33H292.66L750.84,1140H604.35Z" style="fill: #3aadaa;opacity: 0.04"/>

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

+1 -1
View File
@@ -1,7 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1400 560" style="enable-background:new 0 0 1400 560;" xml:space="preserve">
viewBox="0 -840 1400 1400" style="enable-background:new 0 0 1400 560;" xml:space="preserve">
<style type="text/css">
.st0{fill:url(#SVGID_1_);}
.st1{fill:#FFFFFF;fill-opacity:0.3;}

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

+1 -1
View File
@@ -1,4 +1,4 @@
<svg id="Waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1400 570">
<svg id="Waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1400 1400">
<defs>
<linearGradient id="linear-gradient" x1="605.42" y1="13882.68" x2="737.52" y2="13018.52" gradientTransform="matrix(1, 0, 0, -1, 0, 13548.95)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#ffffff"/>

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

+1 -1
View File
@@ -1,4 +1,4 @@
<svg id="Waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1400 570">
<svg id="Waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1400 1400">
<defs>
<linearGradient id="linear-gradient" x1="10519.02" y1="-581.49" x2="10518.92" y2="-582.19" gradientTransform="translate(-18081425.5 463943.89) scale(1719 796.99)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#3aadaa"/>

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

+1 -1
View File
@@ -1,7 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1400 320.3" style="enable-background:new 0 0 1400 320.3;" xml:space="preserve">
viewBox="0 -1079.7 1400 1400" xml:space="preserve">
<style type="text/css">
.st0{opacity:0.2;fill:#3AADAA;enable-background:new ;}
.st1{opacity:0.5;fill:#3AADAA;enable-background:new ;}

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

+1 -1
View File
@@ -1,7 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1400 363.6" style="enable-background:new 0 0 1400 363.6;" xml:space="preserve">
viewBox="0 0 1400 1400" style="enable-background:new 0 0 1400 363.6;" xml:space="preserve">
<style type="text/css">
.st0{opacity:0.2;fill:#3AADAA;enable-background:new ;}
.st1{opacity:0.25;fill:#3AADAA;enable-background:new ;}

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

+1 -1
View File
@@ -1,4 +1,4 @@
<svg id="Waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1400 570">
<svg id="Waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1400 1400">
<defs>
<linearGradient id="linear-gradient" x1="700.51" y1="8915.67" x2="699.42" y2="9429.18" gradientTransform="matrix(1, 0, 0, -1, 0, 9440.95)" gradientUnits="userSpaceOnUse">
<stop offset="0.11" stop-color="#3aadaa"/>

Before

Width:  |  Height:  |  Size: 179 KiB

After

Width:  |  Height:  |  Size: 179 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

+1 -1
View File
@@ -1,7 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1400 486" style="enable-background:new 0 0 1400 486;" xml:space="preserve">
viewBox="0 0 1400 1400" xml:space="preserve">
<style type="text/css">
.st0{fill:url(#SVGID_1_);}
.st1{opacity:0.22;fill:url(#SVGID_2_);enable-background:new ;}

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

+1 -1
View File
@@ -1,4 +1,4 @@
<svg id="Waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1400 570">
<svg id="Waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 -830 1400 1400">
<defs>
<linearGradient id="linear-gradient" x1="-1619.24" y1="6536.52" x2="2880.89" y2="4684.49" gradientTransform="matrix(1, 0, 0, -1, 0, 6020.95)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#3aadaa"/>

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

+1 -1
View File
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -830 1400 1400">
<path class="st0" d="M1360.2,448.8L1360.2,448.8c-3.9-3.9-10.2-3.9-14.1,0c0,0,0,0,0,0l-9.2,9.2c-6.2,6.2-16.3,6.2-22.5,0
c0,0,0,0,0,0l0,0c-6.7-6.7-17.6-6.7-24.4,0c0,0,0,0,0,0l0,0c-3.9,3.9-10.2,3.9-14.1,0l-12.2-12.2c-6.9-6.9-18.1-6.9-25.1,0
c0,0,0,0,0,0l0,0c-2.8,2.8-7.3,2.8-10.1,0l0,0c-3.9-3.9-10.2-3.9-14.1,0l-12.2,12.2c-3.9,3.9-10.2,3.9-14.1,0l-16-16

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

+1 -1
View File
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 -830 1400 1400">
<defs>
<clipPath id="clip-path">
<rect x="0.42" width="1400" height="570" style="fill: none"/>

Before

Width:  |  Height:  |  Size: 86 KiB

After

Width:  |  Height:  |  Size: 86 KiB

+1 -1
View File
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1400">
<defs>
<linearGradient id="linear-gradient" x1="700" y1="12.24" x2="700" y2="280.25" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#3aadaa"/>

Before

Width:  |  Height:  |  Size: 635 B

After

Width:  |  Height:  |  Size: 636 B

+1 -1
View File
@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -830 1400 1400">
<path d="M0,163.34V570H980s-18.62-46.93-15.08-86.36c2.33-25.94-4.78-55.36-31.72-96.19-43.23-65.51-189.8-77.89-204.22-166.58-5.21-32-46.74-74.86-101-105.48-37.29-21-91.29-14.06-135.74-26.36-142.37-39.42-163-3.27-287.58,5C143.57,98.08,85,113.75,36.44,140.2A304,304,0,0,0,0,163.34Z" style="fill: #3aadaa"/>
</svg>

Before

Width:  |  Height:  |  Size: 377 B

After

Width:  |  Height:  |  Size: 381 B

+1 -1
View File
@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1400">
<path d="M1399.59,0H979.16c15.7,35.12,54.6,104.19,104.75,193.25,27,47.87,136.72,117,175.95,131.23C1347.76,356.34,1388.62,514.91,1400,555Z" style="fill: #3aadaa"/>
</svg>

Before

Width:  |  Height:  |  Size: 236 B

After

Width:  |  Height:  |  Size: 237 B

+1 -1
View File
@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -830 1400 1400">
<path d="M1399.91,570H.59C.59,567.57,0,117.65,0,0,0,0,146.24,456.93,438,359.24,696.06,272.83,726.9,605,975.58,437c53.05-35.85,155.72-230,197.48-278.89C1236.34,84,1399.91,15.29,1399.91,15.45,1400.11,28.79,1399.91,570,1399.91,570Z" style="fill: #383e45"/>
</svg>

Before

Width:  |  Height:  |  Size: 327 B

After

Width:  |  Height:  |  Size: 331 B

+1 -1
View File
@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1400">
<path d="M0,0H1400c0,3.45,0,83.16,0,94.55,0,3.82-278.2,155.4-442.62,256.29C849.58,417,672.51,340.39,460.87,472.06,369.08,529.16,287,493.79,0,379.71Z" style="fill: #383e45"/>
</svg>

Before

Width:  |  Height:  |  Size: 247 B

After

Width:  |  Height:  |  Size: 248 B

+1 -1
View File
@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -830 1400 1400">
<path d="M1400,570H0V479.39c268.83,17.4,537.05,34.55,681.58,2.56,12.23-2.71,24.61-5,37.06-7.18,340.1-58.75,422.8-12.11,681.36,4.62Z" style="fill: #7c6576"/>
</svg>

Before

Width:  |  Height:  |  Size: 230 B

After

Width:  |  Height:  |  Size: 234 B

+1 -1
View File
@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1400">
<path d="M0,0H1400l-1,76.59c-24.81-2.43-51.15,12-103.5,33.4-57.41,23.44-117.09,1.83-191.29-15.35-38-8.79-95.92-28.56-141.2-7.73-54.32,25-116.72,25.35-156.3,17.38C716.47,86.12,671.84,90.44,623,108.36c-97.94,35.92-105.31-15.11-224.48,22-57.39,17.88-151-9-173.79-17.92C142.32,80.17,106.86,115.54,0,114.89Z" style="fill: #7c6576"/>
</svg>

Before

Width:  |  Height:  |  Size: 401 B

After

Width:  |  Height:  |  Size: 402 B

+1 -1
View File
@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -830 1400 1400">
<path d="M1400,570V483.72L1224.24,365.26c-128.28-86.44-294.3-94.32-429.83-19.73-170.82,94-323.45,135.35-425.59,30.4a77.64,77.64,0,0,0-48.44-23l-37.28-3.49A99.49,99.49,0,0,1,209.86,306C168.93,245.22,114.77,185.11,0,215.81V570Z" style="fill: #f6f6f6"/>
</svg>

Before

Width:  |  Height:  |  Size: 324 B

After

Width:  |  Height:  |  Size: 328 B

+1 -1
View File
@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1400">
<path d="M0,0V417.85H0a623.86,623.86,0,0,0,460.34-185l73.3-74.14A357.73,357.73,0,0,1,666.3,123.61L1400,75.13V0L0,0" style="fill: #f6f6f6"/>
</svg>

Before

Width:  |  Height:  |  Size: 213 B

After

Width:  |  Height:  |  Size: 214 B

+1 -1
View File
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -830 1400 1400">
<defs>
<linearGradient id="linear-gradient" x1="700" y1="-30.22" x2="700" y2="626.71" gradientUnits="userSpaceOnUse">
<stop offset="0.58" stop-color="#7c6576"/>

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

+1 -1
View File
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -830 1400 1400">
<polyline points="0 524.92 55.24 546.48 100.45 512.99 159.07 529.73 336.56 380.31 488.91 512.99 586.06 441.01 654.68 464.01 840.54 217.66 917.56 309.43 954.4 262.12 987.89 309.43 1074.96 229.06 1250.77 341.22 1405 169.73" style="fill: none;stroke: #7c6576;stroke-miterlimit: 10;stroke-width: 4px"/>
<circle cx="55.24" cy="546.48" r="11.05" style="fill: #7c6576"/>
<circle cx="100.34" cy="514.07" r="11.05" style="fill: #7c6576"/>

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

+1 -1
View File
@@ -1,4 +1,4 @@
<svg id="Waves" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 96.91">
<svg id="Waves" xmlns="http://www.w3.org/2000/svg" viewBox="0 -1303.09 1400 1400">
<defs>
<style>
.cls-2 {

Before

Width:  |  Height:  |  Size: 805 B

After

Width:  |  Height:  |  Size: 811 B