Skip to content
Snippets Groups Projects
Commit c0f62593 authored by Samuel Degueldre's avatar Samuel Degueldre
Browse files

[FIX] web_editor: various shape fixes (hide on mobile, bad joint, ...)


This commit fixes various things with the shapes: shapes are now hidden
on mobile by default, the shapes "blobs 02" and "blobs 03" now connect
properly, and the shape pager now shows the name of the current page.
Airy shapes now have embedded media-queries so that they're more visible
in the shape selector. The order of the pages in the shape selector has
been adapted so that shapes that are easier to use are on the first few
pages. A number of shapes have been "cut" differently to leave more
space for content, and some shapes have had their top/bottom anchoring
swapped.

task-2319484

closes odoo/odoo#56567

Signed-off-by: default avatarJérémy Kersten (jke) <jke@openerp.com>
parent 24e962b5
No related branches found
No related tags found
No related merge requests found
Showing
with 167 additions and 126 deletions
<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;stroke:#3AADAA;stroke-width:3;stroke-miterlimit:10;}
.st1{fill:none;stroke:#3AADAA;stroke-miterlimit:10;}
@media only screen and (max-width: 300px) {
.st0{stroke-width:9}
.st1{stroke-width:3}
}
</style>
<g>
<polyline class="st0" points="1.9,570 700.1,285 1402.6,570 "/>
......
<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:none;stroke:#3AADAA;stroke-width:3;stroke-miterlimit:10;}
.st1{fill:none;stroke:#3AADAA;stroke-miterlimit:10;}
@media only screen and (max-width: 300px) {
.st0{stroke-width:9}
.st1{stroke-width:3}
}
</style>
<g>
<polyline class="st0" points="0,570 700,285 1400.7,570 "/>
<polyline class="st1" points="1400,547.2 699.9,262.2 0,547.2 "/>
<polyline class="st1" points="1400,524.4 699.8,239.4 0,524.4 "/>
<polyline class="st1" points="1400,501.6 699.7,216.6 0,501.6 "/>
<polyline class="st1" points="1400,478.8 699.6,193.8 0,478.8 "/>
<polyline class="st1" points="1400,455.9 699.5,171 0,456 "/>
<polyline class="st1" points="1400,433.1 699.4,148.2 0,433.2 "/>
<polyline class="st1" points="1400,410.3 699.3,125.4 0,410.4 "/>
<polyline class="st1" points="1400,387.5 699.2,102.6 0,387.6 "/>
<polyline class="st1" points="1400,364.7 699.1,79.8 0,364.8 "/>
<polyline class="st1" points="1400,341.9 699,57 0,342 "/>
<polyline class="st1" points="1400,319.1 698.9,34.2 0,319.2 "/>
<polyline class="st1" points="1400,296.3 698.8,11.4 0,296.4 "/>
<line class="st1" x1="672.7" y1="0" x2="1.9" y2="273.6"/>
<line class="st1" x1="1401.9" y1="273.5" x2="728.7" y2="0"/>
<line class="st1" x1="616.7" y1="0" x2="1.9" y2="250.8"/>
<line class="st1" x1="1401.9" y1="250.6" x2="784.8" y2="0"/>
<line class="st1" x1="560.7" y1="0" x2="1.9" y2="228"/>
<line class="st1" x1="1401.9" y1="227.8" x2="841.4" y2="0.2"/>
<line class="st1" x1="504.8" y1="0" x2="1.9" y2="205.2"/>
<line class="st1" x1="1401.9" y1="205" x2="896.9" y2="0"/>
<line class="st1" x1="448.9" y1="0" x2="1.9" y2="182.4"/>
<line class="st1" x1="1401.9" y1="182.2" x2="953.6" y2="0.2"/>
<line class="st1" x1="392.9" y1="0" x2="1.9" y2="159.6"/>
<line class="st1" x1="1401.9" y1="159.4" x2="1009.1" y2="0"/>
<line class="st1" x1="337" y1="0" x2="1.9" y2="136.8"/>
<line class="st1" x1="1401.9" y1="136.6" x2="1065.3" y2="0"/>
<line class="st1" x1="281.1" y1="0" x2="1.9" y2="114"/>
<line class="st1" x1="1401.9" y1="113.8" x2="1121.5" y2="0"/>
<line class="st1" x1="225.2" y1="0" x2="1.9" y2="91.2"/>
<line class="st1" x1="1401.9" y1="91" x2="1177" y2="-0.3"/>
<line class="st1" x1="169.4" y1="0" x2="1.9" y2="68.4"/>
<line class="st1" x1="1401.9" y1="68.2" x2="1233.2" y2="-0.3"/>
<line class="st1" x1="113.5" y1="0" x2="1.9" y2="45.6"/>
<line class="st1" x1="1401.9" y1="45.3" x2="1289.4" y2="-0.3"/>
<line class="st1" x1="57.7" y1="0" x2="1.9" y2="22.8"/>
<line class="st1" x1="1401.9" y1="22.5" x2="1346.9" y2="0.2"/>
<polyline class="st0" points="0,296.7 700,11.7 1400.7,296.7 "/>
<line class="st1" x1="672.6" y1="0" x2="0" y2="273.9"/>
<line class="st1" x1="1400" y1="273.9" x2="728.6" y2="0"/>
<line class="st1" x1="616.1" y1="0" x2="0" y2="251.1"/>
<line class="st1" x1="1400" y1="251.1" x2="784.6" y2="0"/>
<line class="st1" x1="559.8" y1="0" x2="0" y2="228.3"/>
<line class="st1" x1="1400" y1="228.3" x2="841.1" y2="0"/>
<line class="st1" x1="503.7" y1="0" x2="0" y2="205.5"/>
<line class="st1" x1="1400" y1="205.5" x2="896.6" y2="0"/>
<line class="st1" x1="447.7" y1="0" x2="0" y2="182.7"/>
<line class="st1" x1="1400" y1="182.6" x2="952.4" y2="0"/>
<line class="st1" x1="391.7" y1="0" x2="0" y2="159.9"/>
<line class="st1" x1="1400" y1="159.8" x2="1008.9" y2="0"/>
<line class="st1" x1="335.7" y1="0" x2="0" y2="137.1"/>
<line class="st1" x1="1400" y1="137" x2="1063.1" y2="0"/>
<line class="st1" x1="279.7" y1="0" x2="0" y2="114.3"/>
<line class="st1" x1="1400" y1="114.2" x2="1121.2" y2="0"/>
<line class="st1" x1="223.7" y1="0" x2="0" y2="91.5"/>
<line class="st1" x1="1400" y1="91.4" x2="1177.4" y2="0"/>
<line class="st1" x1="168" y1="0" x2="0" y2="68.7"/>
<line class="st1" x1="1400" y1="68.6" x2="1231.5" y2="0"/>
<line class="st1" x1="111.8" y1="0" x2="0" y2="45.9"/>
<line class="st1" x1="1400" y1="45.8" x2="1289.1" y2="0"/>
<line class="st1" x1="55.9" y1="0" x2="0" y2="23.1"/>
<line class="st1" x1="1400" y1="23" x2="1343.4" y2="0"/>
</g>
</svg>
......@@ -12,6 +12,16 @@
.st6{fill:none;stroke:#383E45;stroke-width:0.6809;stroke-miterlimit:10;}
.st7{fill:none;stroke:#383E45;stroke-width:0.5238;stroke-miterlimit:10;}
.st8{fill:none;stroke:#383E45;stroke-width:0.3666;stroke-miterlimit:10;}
@media only screen and (max-width: 300px) {
.st1{stroke-width:4.3995}
.st2{stroke-width:3.9282}
.st3{stroke-width:3.4569}
.st4{stroke-width:2.9856}
.st5{stroke-width:2.5140}
.st6{stroke-width:2.0427}
.st7{stroke-width:1.5714}
.st8{stroke-width:1.0998}
}
</style>
<g class="st0">
<path class="st1" d="M-1.9,79.2c27.4,7.3,60.7,4,88.4-3s52.1-17.2,79.6-24.4c46.9-12.3,102.3-15.2,152.2-7.1
......
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570" preserveAspectRatio="none">
<style type="text/css">
.st0{fill:none;stroke:#3AADAA;stroke-miterlimit:10;}
@media only screen and (max-width: 300px) {
.st0{stroke-width:4}
}
</style>
<g>
<path class="st0" d="M1260.5,0.5c3.9,4.4,7.7,9.1,11.5,13.8c57.8,72.7-222,169-222,271.2s279.8,198.6,221.9,271.3
......
......@@ -2,6 +2,10 @@
<style type="text/css">
.st0{fill:none;stroke:#3AADAA;stroke-miterlimit:10;}
.st1{fill:none;stroke:#3AADAA;stroke-width:0.9994;stroke-miterlimit:10;}
@media only screen and (max-width: 300px) {
.st0{stroke-width:3}
.st1{stroke-width:3}
}
</style>
<g>
<path class="st0" d="M1260.5,0c-19.6,19.3-44.3,34.5-41.1,53.1c6.2,35.4,146.6,72.9,146.6,113.1c0,72.3-126.5,99.3-136.6,156.3
......
......@@ -68,6 +68,9 @@
.st65{fill:none;stroke:#7C6576;stroke-width:0.303;stroke-miterlimit:10;}
.st66{fill:none;stroke:#7C6576;stroke-width:0.2765;stroke-miterlimit:10;}
.st67{fill:none;stroke:#7C6576;stroke-width:0.25;stroke-miterlimit:10;}
@media only screen and (max-width: 300px) {
.st0{opacity:.7;}
}
</style>
<g class="st0">
<path class="st1" d="M-3.8,158.1c1.3,0,2.6-0.2,3.9-0.4c151-32.5,344.3-38.3,516.9-15.7c94.8,12.4,179.8,32.7,252.8,60.2
......
......@@ -68,6 +68,9 @@
.st65{fill:none;stroke:#7C6576;stroke-width:0.303;stroke-miterlimit:10;}
.st66{fill:none;stroke:#7C6576;stroke-width:0.2765;stroke-miterlimit:10;}
.st67{fill:none;stroke:#7C6576;stroke-width:0.25;stroke-miterlimit:10;}
@media only screen and (max-width: 300px) {
.st0{opacity:.7;}
}
</style>
<g class="st0">
<path class="st1" d="M1028.5,0c-32.5,93-54.7,134.5-81.4,169.6c-25.8,33.7-56.7,63.2-91.6,87.4c-33.6,23.5-72.6,43.7-115.7,60
......
......@@ -18,6 +18,9 @@
.st15{fill:none;stroke:#3AADAA;stroke-width:3.9933;stroke-miterlimit:10;}
.st16{fill:none;stroke:#3AADAA;stroke-width:3.9214;stroke-miterlimit:10;}
.st17{fill:none;stroke:#3AADAA;stroke-width:3.8495;stroke-miterlimit:10;}
@media only screen and (max-width: 300px) {
.st0{opacity:.7;}
}
</style>
<g class="st0">
<polyline class="st1" points="141.6,570 454,301.9 1404.8,185.5"/>
......
......@@ -18,6 +18,9 @@
.st15{fill:none;stroke:#3AADAA;stroke-width:3.9933;stroke-miterlimit:10;}
.st16{fill:none;stroke:#3AADAA;stroke-width:3.9214;stroke-miterlimit:10;}
.st17{fill:none;stroke:#3AADAA;stroke-width:3.8495;stroke-miterlimit:10;}
@media only screen and (max-width: 300px) {
.st0{opacity:.7;}
}
</style>
<g class="st0">
<polyline class="st1" points="141.6,0 454,517.9 2.5,570"/>
......
......@@ -2,6 +2,9 @@
<style type="text/css">
.st0{opacity:0.21;}
.st1{fill:none;stroke:#383E45;stroke-width:2;stroke-miterlimit:10;}
@media only screen and (max-width: 300px) {
.st0{opacity:.7;}
}
</style>
<g class="st0">
<line class="st1" x1="0" y1="568.9" x2="1397.4" y2="0"/>
......
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<g style="opacity: 0.209999993443489">
<line x1="1394.5" style="fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 2px"/>
<line y1="569" x2="1397.3" style="fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 2px"/>
<line x1="1394.6" y1="63.8" style="fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.8889000415802px"/>
<line y1="569" x2="1397.3" y2="62.8" style="fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.8889000415802px"/>
<line x1="1394.6" y1="127" style="fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.77779996395111px"/>
<line y1="569" x2="1397.3" y2="126" style="fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.77779996395111px"/>
<line x1="1394.6" y1="190.2" style="fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.66670000553131px"/>
<line y1="569" x2="1397.3" y2="189.2" style="fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.66670000553131px"/>
<line x1="1394.6" y1="253.4" style="fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.55560004711151px"/>
<line y1="569" x2="1397.3" y2="252.4" style="fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.55560004711151px"/>
<line x1="1394.6" y1="316.6" style="fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.44439995288849px"/>
<line y1="569" x2="1397.3" y2="315.6" style="fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.44439995288849px"/>
<line x1="1394.6" y1="379.8" style="fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.33329999446869px"/>
<line y1="569" x2="1397.3" y2="378.8" style="fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.33329999446869px"/>
<line x1="1394.6" y1="443" style="fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.22220003604889px"/>
<line x1="4.8" y1="569" x2="1400" y2="442" style="fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.22220003604889px"/>
<line x1="1394.6" y1="506" style="fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.1110999584198px"/>
<line x1="5.2" y1="569" x2="1400" y2="505" style="fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.1110999584198px"/>
<line x1="1394.6" y1="570" style="fill: none;stroke: #383e45;stroke-miterlimit: 10"/>
<line x1="5.4" y1="569" x2="1400" y2="568" style="fill: none;stroke: #383e45;stroke-miterlimit: 10"/>
<style type="text/css">
.st0{fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 2px}
.st1{fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 2px}
.st2{fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.8889000415802px}
.st3{fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.8889000415802px}
.st4{fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.77779996395111px}
.st5{fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.77779996395111px}
.st6{fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.66670000553131px}
.st7{fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.66670000553131px}
.st8{fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.55560004711151px}
.st9{fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.55560004711151px}
.st10{fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.44439995288849px}
.st11{fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.44439995288849px}
.st12{fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.33329999446869px}
.st13{fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.33329999446869px}
.st14{fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.22220003604889px}
.st15{fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.22220003604889px}
.st16{fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.1110999584198px}
.st17{fill: none;stroke: #383e45;stroke-miterlimit: 10;stroke-width: 1.1110999584198px}
.st18{fill: none;stroke: #383e45;stroke-miterlimit: 10}
.st19{fill: none;stroke: #383e45;stroke-miterlimit: 10}
.op0{opacity: 0.21}
@media only screen and (max-width: 300px) {
.op0{opacity:.7;}
}
</style>
<g class="op0">
<line x1="1394.5" class="st0"/>
<line y1="569" x2="1397.3" class="st1"/>
<line x1="1394.6" y1="63.8" class="st2"/>
<line y1="569" x2="1397.3" y2="62.8" class="st3"/>
<line x1="1394.6" y1="127" class="st4"/>
<line y1="569" x2="1397.3" y2="126" class="st5"/>
<line x1="1394.6" y1="190.2" class="st6"/>
<line y1="569" x2="1397.3" y2="189.2" class="st7"/>
<line x1="1394.6" y1="253.4" class="st8"/>
<line y1="569" x2="1397.3" y2="252.4" class="st9"/>
<line x1="1394.6" y1="316.6" class="st10"/>
<line y1="569" x2="1397.3" y2="315.6" class="st11"/>
<line x1="1394.6" y1="379.8" class="st12"/>
<line y1="569" x2="1397.3" y2="378.8" class="st13"/>
<line x1="1394.6" y1="443" class="st14"/>
<line x1="4.8" y1="569" x2="1400" y2="442" class="st15"/>
<line x1="1394.6" y1="506" class="st16"/>
<line x1="5.2" y1="569" x2="1400" y2="505" class="st17"/>
<line x1="1394.6" y1="570" class="st18"/>
<line x1="5.4" y1="569" x2="1400" y2="568" class="st19"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" width="100%" height="100%">
<defs>
<svg id="sub-svg-1" viewBox="0 0 1400 570" preserveAspectRatio="xMinYMin meet" width="100%">
<path d="M369.43,124.68C336.43,27.2,97.76-8.32,0,50.19V460.86L233.22,338c76.51-39,129.15-86.89,139.11-158.09C375.06,160.37,371.82,131.73,369.43,124.68Z" style="fill: #3aadaa"/>
</svg>
<svg id="sub-svg-2" viewBox="0 0 1400 570" preserveAspectRatio="xMaxYMax meet" width="100%">
<path d="M700,570c-26.9-67.52-45.18-140.6-37.8-206.5,4.38-39.07,49.34-104.23,104.22-141.5A507.52,507.52,0,0,1,891.2,160.73C1053,106.87,1225.58,79,1400,78.86h0V570Z" style="fill: #7c6576"/>
</svg>
</defs>
<svg>
<use xlink:href="#sub-svg-1"/>
<use xlink:href="#sub-svg-2"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -830 1400 1400">
<path d="M369.43,124.68C336.43,27.2,97.76-8.32,0,50.19V460.86L233.22,338c76.51-39,129.15-86.89,139.11-158.09C375.06,160.37,371.82,131.73,369.43,124.68Z" style="fill: #3aadaa"/>
<path d="M700,570c-26.9-67.52-45.18-140.6-37.8-206.5,4.38-39.07,49.34-104.23,104.22-141.5A507.52,507.52,0,0,1,891.2,160.73C1053,106.87,1225.58,79,1400,78.86h0V570Z" style="fill: #7c6576"/>
</svg>
<?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 -830 1400 1400" xml:space="preserve">
viewBox="0 0 1400 570" xml:space="preserve">
<style type="text/css">
.st0{fill:url(#SVGID_1_);}
.st1{opacity:0.13;fill:#3AADAA;enable-background:new ;}
.st2{opacity:0.1;fill:#383E45;enable-background:new ;}
.st3{opacity:0.44;fill:#383E45;enable-background:new ;}
.st4{opacity:0.44;fill:#3AADAA;enable-background:new ;}
.st5{opacity:0.13;fill:#383E45;enable-background:new ;}
.st1{opacity:0.44;fill:#383E45;enable-background:new ;}
.st2{opacity:0.17;fill:#383E45;enable-background:new ;}
.st3{opacity:0.13;fill:#383E45;enable-background:new ;}
.st4{opacity:.07;fill:#F6F6F6;enable-background:new ;}
.st5{opacity:0.13;fill:#3AADAA;enable-background:new ;}
.st6{opacity:0.44;fill:#3AADAA;enable-background:new ;}
</style>
<radialGradient id="SVGID_1_" cx="1517.8101" cy="1258.9148" r="1750.687" gradientTransform="matrix(1 0 0 1 0 -452)" gradientUnits="userSpaceOnUse">
<radialGradient id="SVGID_1_" cx="1516.38" cy="335.54" r="1778.8101" gradientTransform="matrix(1 0 0 -1 0 572)" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#F6F6F6"/>
<stop offset="0.35" style="stop-color:#3AADAA"/>
<stop offset="0.99" style="stop-color:#383E45"/>
</radialGradient>
<polygon class="st0" points="0,246.6 1400,0 1400,570 0,570 "/>
<polygon class="st1" points="753.4,570 1118,505.7 1118,416.2 753.4,480.5 "/>
<polygon class="st2" points="306.9,282.1 906.4,176.3 906.4,87 306.9,192.6 "/>
<polygon class="st1" points="712.6,300 1156.6,221.7 1156.6,132.3 712.6,210.5 "/>
<polygon class="st3" points="0,570 0,568 281.9,518.3 281.9,570 "/>
<polygon class="st4" points="1098.2,570 1400,516.8 1400,570 "/>
<polygon class="st5" points="518.4,476.6 518.4,570 281.9,570 281.9,518.3 "/>
<polygon class="st0" points="1400,323 0,570 0,0 1400,0 "/>
<polygon class="st1" points="0,0 0.2,90.6 281.9,42.1 281.9,0 "/>
<polygon class="st2" points="364.6,88.5 0,144.1 0,233.6 364.6,177.9 "/>
<polygon class="st3" points="518.4,0 281.9,0 281.9,42.1 "/>
<polygon class="st4" points="599.5,291.9 0,397.6 0,487 599.5,381.3 "/>
<polygon class="st5" points="871.1,154.5 427.1,232.8 427.1,322.3 871.1,244 "/>
<polygon class="st6" points="1098.1,0 1079,3.4 1079,92.8 1400,36.6 1400,0 "/>
</svg>
<?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 1400" xml:space="preserve">
viewBox="0 0 1400 570" xml:space="preserve">
<style type="text/css">
.st0{fill:url(#SVGID_1_);}
.st1{opacity:0.44;fill:#383E45;enable-background:new ;}
.st2{opacity:0.17;fill:#383E45;enable-background:new ;}
.st3{opacity:0.13;fill:#383E45;enable-background:new ;}
.st4{opacity:7.000000e-02;fill:#F6F6F6;enable-background:new ;}
.st5{opacity:0.13;fill:#3AADAA;enable-background:new ;}
.st6{opacity:0.44;fill:#3AADAA;enable-background:new ;}
.st1{opacity:0.13;fill:#3AADAA;enable-background:new ;}
.st2{opacity:0.1;fill:#383E45;enable-background:new ;}
.st3{opacity:0.44;fill:#383E45;enable-background:new ;}
.st4{opacity:0.44;fill:#3AADAA;enable-background:new ;}
.st5{opacity:0.13;fill:#383E45;enable-background:new ;}
</style>
<radialGradient id="SVGID_1_" cx="1516.38" cy="335.54" r="1778.8101" gradientTransform="matrix(1 0 0 -1 0 572)" gradientUnits="userSpaceOnUse">
<radialGradient id="SVGID_1_" cx="1517.8101" cy="1258.9148" r="1750.687" gradientTransform="matrix(1 0 0 1 0 -452)" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#F6F6F6"/>
<stop offset="0.35" style="stop-color:#3AADAA"/>
<stop offset="0.99" style="stop-color:#383E45"/>
</radialGradient>
<polygon class="st0" points="1400,323 0,570 0,0 1400,0 "/>
<polygon class="st1" points="0,0 0.2,90.6 281.9,42.1 281.9,0 "/>
<polygon class="st2" points="364.6,88.5 0,144.1 0,233.6 364.6,177.9 "/>
<polygon class="st3" points="518.4,0 281.9,0 281.9,42.1 "/>
<polygon class="st4" points="599.5,291.9 0,397.6 0,487 599.5,381.3 "/>
<polygon class="st5" points="871.1,154.5 427.1,232.8 427.1,322.3 871.1,244 "/>
<polygon class="st6" points="1098.1,0 1079,3.4 1079,92.8 1400,36.6 1400,0 "/>
<polygon class="st0" points="0,246.6 1400,0 1400,570 0,570 "/>
<polygon class="st1" points="753.4,570 1118,505.7 1118,416.2 753.4,480.5 "/>
<polygon class="st2" points="306.9,282.1 906.4,176.3 906.4,87 306.9,192.6 "/>
<polygon class="st1" points="712.6,300 1156.6,221.7 1156.6,132.3 712.6,210.5 "/>
<polygon class="st3" points="0,570 0,568 281.9,518.3 281.9,570 "/>
<polygon class="st4" points="1098.2,570 1400,516.8 1400,570 "/>
<polygon class="st5" points="518.4,476.6 518.4,570 281.9,570 281.9,518.3 "/>
</svg>
<?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 1140" style="enable-background:new 0 0 1400 1140;" xml:space="preserve">
<style type="text/css">
.st0{fill:url(#SVGID_1_);}
</style>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1120">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="666.0453" y1="181.2743" x2="869.2076" y2="2447.3162">
<stop offset="0" style="stop-color:#7C6576"/>
<stop offset="1" style="stop-color:#383E45"/>
<stop offset="0" style="stop-color:#7C6576"/>
<stop offset="1" style="stop-color:#383E45"/>
</linearGradient>
<polygon class="st0" points="0,0 0,1120 1400,873.1 1400,0 "/>
<polygon style="fill:url(#SVGID_1_)" points="0,0 0,1120 1400,873.1 1400,0 "/>
</svg>
<?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 -1049.9 1400 1400" style="enable-background:new 0 0 1400 350.1;" xml:space="preserve">
viewBox="0 0 1400 2800" style="enable-background:new 0 0 1400 350.1;" xml:space="preserve">
<style type="text/css">
.st0{fill:url(#SVGID_1_);}
</style>
......@@ -9,5 +9,5 @@
<stop offset="0" style="stop-color:#F6F6F6"/>
<stop offset="1" style="stop-color:#383E45"/>
</linearGradient>
<path class="st0" d="M1400,6.9C913.6,43.8,445.1,47.2,0,6.9v343.2h1400V6.9z"/>
<path class="st0" d="M1400,0C913.6,36.9,445.1,40.3,0,0v2800h1400V0z"/>
</svg>
......@@ -3,22 +3,22 @@
<stop offset="0" style="stop-color:#383E45"/>
<stop offset="1" style="stop-color:#3AADAA"/>
</linearGradient>
<path d="M1400.7,0H0l0,193.7c0,10.4,8.4,18.7,18.8,18.8h0.4c10.4,0,18.7-8.4,18.8-18.8v-7.5c0-10.4,8.4-18.7,18.8-18.8
h0.4c10.4,0,18.7,8.4,18.8,18.8v40c0,10.4,8.4,18.7,18.8,18.8H95c10.4,0,18.7-8.4,18.8-18.8v-2.8c0-10.4,8.4-18.8,18.8-18.8h0.4
<path d="M1400.7,0H0v60.8c0,10.4,8.4,18.7,18.8,18.8h0.4c10.4,0,18.7-8.4,18.8-18.8v-7.5c0-10.4,8.4-18.7,18.8-18.8h0.4
c10.4,0,18.7,8.4,18.8,18.8v40c0,10.4,8.4,18.7,18.8,18.8H95c10.4,0,18.7-8.4,18.8-18.8v-2.8c0-10.4,8.4-18.8,18.8-18.8h0.4
c8.9,0,16.6,6.2,18.4,14.9v56c0,10.4,8.4,18.7,18.8,18.8h0.4c10.4,0,18.7-8.4,18.8-18.8l0.4-68.5c1.8-8.7,9.5-14.9,18.3-14.9h0.4
c10.4,0,18.7,8.4,18.8,18.8v44.1c0,10.4,8.4,18.8,18.8,18.8h0.4c10.4,0,18.7-8.4,18.7-18.8v-15.6c0-10.4,8.4-18.7,18.8-18.8h0.4
c10.4,0,18.7,8.4,18.8,18.8l0,0v48.8c0,10.4,8.4,18.8,18.8,18.8h0.4c10.4,0,18.7-8.4,18.8-18.8v-7.5c0-10.3,8.4-18.7,18.7-18.8h0.4
c10.4,0,18.7,8.4,18.8,18.8v40c0,10.4,8.4,18.7,18.8,18.8h0.4c10.4,0,18.7-8.4,18.8-18.8v-2.8c0-10.4,8.4-18.7,18.8-18.8h0.4
c10.4,0,18.7,8.4,18.8,18.8v40c0,10.4,8.4,18.7,18.8,18.8h0.4c10.4,0,18.7-8.4,18.8-18.8V185c0-10.4,8.4-18.7,18.8-18.8h0.4
c8.9,0,16.5,6.3,18.4,14.9v56c0,10.4,8.4,18.8,18.8,18.8h0.4c10.4,0,18.7-8.4,18.8-18.8l0.4-68.5c1.9-8.7,9.5-14.9,18.3-14.9h0.4
c10.4,0,18.7,8.4,18.8,18.8v44.1c0,10.4,8.4,18.8,18.8,18.8h0.4c10.4,0,18.7-8.4,18.8-18.8v-15.6c0-10.4,8.4-18.8,18.8-18.8h0.4
c10.4,0,18.7,8.4,18.8,18.8v44.1c0,10.4,8.4,18.8,18.8,18.8h0.4c10.4,0,18.7-8.4,18.8-18.8V201c0-10.4,8.4-18.8,18.8-18.8h0.4
c9.2,0,17,6.7,18.5,15.7l0.3,58c0,10.4,8.4,18.7,18.8,18.8h0.4c10.4,0,18.7-8.4,18.8-18.8v-56c1.8-8.7,9.5-14.9,18.3-14.9h0.4
c10.4,0,18.7,8.4,18.8,18.8v2.8c0,10.4,8.4,18.8,18.8,18.8h0.4c10.4,0,18.7-8.4,18.8-18.8v-40c0-10.4,8.4-18.8,18.8-18.8h0.4
c10.4,0,18.7,8.4,18.8,18.8v7.5c0,10.4,8.4,18.8,18.8,18.8h0.4c10.2,0,18.6-8.3,18.7-18.5v-2.9c0-10.4,8.4-18.8,18.8-18.8h0.4
c9.7,0,17.8,7.4,18.7,17.1c0.1,0.6,0.1,17.5,0.1,17.5c0,10.4,8.4,18.7,18.8,18.8h0.4c10.4,0,18.7-8.4,18.8-18.8v-44.1
c0-10.4,8.4-18.8,18.8-18.8h0.4c8.9,0,16.5,6.2,18.3,14.9l0.4,68.5c0,10.4,8.4,18.8,18.8,18.8h0.4c10.4,0,18.7-8.4,18.8-18.8v-56
c1.8-8.7,9.5-14.9,18.4-14.9h0.4c10.4,0,18.7,8.4,18.8,18.8v2.8c0,10.4,8.4,18.7,18.8,18.8h0.4c10.4,0,18.7-8.4,18.8-18.8v-40
c0-10.4,8.4-18.7,18.8-18.8h0.4c10.4,0,18.7,8.4,18.8,18.8v7.5c0,10.4,8.4,18.8,18.8,18.8h0.4c10.4,0,18.7-8.4,18.7-18.8V210l0,0
c0-10.4,8.4-18.7,18.8-18.8h0.4c10.4,0,18.7,8.4,18.8,18.8v15.6c0,10.4,8.4,18.8,18.8,18.8h0.4c10.4,0,18.7-8.4,18.8-18.8v-44.1
c0-10.4,8.4-18.7,18.8-18.8h0.4c10.4,0,18.7,8.4,18.8,18.8v7.5c0,10.4,8.4,18.8,18.8,18.8h0.4c10.4,0,18.7-8.4,18.7-18.8V77.1l0,0
c0-10.4,8.4-18.7,18.8-18.8h0.4c10.4,0,18.7,8.4,18.8,18.8v15.6c0,10.4,8.4,18.8,18.8,18.8h0.4c10.4,0,18.7-8.4,18.8-18.8V48.6
c0-10.3,8.4-18.7,18.7-18.7h0.4c8.9,0,16.5,6.2,18.3,14.9l0.4,68.5c0,10.3,8.4,18.7,18.7,18.7h0.4c10.4,0,18.7-8.4,18.8-18.8v-56
c1.8-8.7,9.5-14.9,18.3-14.9h0.4c10.4,0,18.7,8.4,18.8,18.8v2.8c0,10.4,8.4,18.7,18.8,18.8h0.4c10.4,0,18.7-8.4,18.8-18.8v-40
c0-10.4,8.4-18.7,18.8-18.8h0.4c10.4,0,18.7,8.4,18.8,18.8v7.5c0,10.4,8.4,18.7,18.8,18.8h0.4c10.4,0,18.7-8.4,18.8-18.8L1400.7,0z" style="fill:url(#SVGID_1_)"
......
This diff is collapsed.
......@@ -10,9 +10,10 @@
</linearGradient>
<linearGradient id="linear-gradient-3" x1="-439.37" y1="6258.49" x2="1539.51" y2="5035.85" xlink:href="#linear-gradient-2"/>
</defs>
<path d="M1400,570H1.13V416.16C1.13,378.93,0,302.68,0,302.68S98.19,106,257.36,106c61.3,0,117,38,163.13,78.44S504.08,274,542.18,322c16.2,20.48,35.35,42.4,61.33,45,9,.9,18.09-.7,27-2.29,26.61-4.74,54.2-12.68,81-15,91.36-7.8,183.26,55.36,270.67,27.69,26.89-8.51,50.55-25.09,77-34.75,38.82-14.15,82.82-12.51,121.17,2.88,33,13.23,105.79,38.7,138.69,52.06,11,4.47,42.66-.71,50.2-32.37,11.15-46.88,30.73-56.93,30.73-56.93V570Z" style="opacity: 0.300000011920929;isolation: isolate;fill: url(#linear-gradient)"/>
<path d="M1400,570H1.13V416.16C1.13,378.93,0,302.68,0,302.68S98.19,106,257.36,106c61.3,0,117,38,163.13,78.44S504.08,274,542.18,322c16.2,20.48,35.35,42.4,61.33,45,9,.9,18.09-.7,27-2.29,26.61-4.74,54.2-12.68,81-15,91.36-7.8,183.26,55.36,270.67,27.69,26.89-8.51,50.55-25.09,77-34.75,38.82-14.15,82.82-12.51,121.17,2.88,33,13.23,105.79,38.7,138.69,52.06,11,4.47,42.66-.71,50.2-32.37,11.15-46.88,30.73-56.93,30.73-56.93V570Z" style="opacity: 0.3;isolation: isolate;fill: url(#linear-gradient)"/>
<path d="M0,371.52S64.07,295.57,155.93,266s206.86-40.41,323.85,96.73C565.91,463.73,668,475.9,752.25,411.1c130.17-100.17,250.67-35.54,294.27-2s105.35,40.06,201.74-14.81c73.26-41.71,85.52-55,151.74-39V570H.24Z" style="fill: url(#linear-gradient-2)"/>
<path d="M1400,362.82c-61.32-20.36-111.17,15.54-199.28,67.11-87.5,51.21-168.06-7-211.7-31.7S856.63,361.7,741.37,445.29,523.31,440.67,496.8,418,396.2,292.22,258.54,295.57,0,439.69,0,439.69V570H1399.81Z" style="opacity: 0.300000011920929;isolation: isolate;fill: url(#linear-gradient-3)"/>
<path d="M1400,362.82c-61.32-20.36-111.17,15.54-199.28,67.11-87.5,51.21-168.06-7-211.7-31.7S856.63,361.7,741.37,445.29,523.31,440.67,496.8,418,396.2,292.22,258.54,295.57,0,439.69,0,439.69V570H1399.81Z" style="opacity: 0.3;isolation: isolate;fill: url(#linear-gradient-3)"/>
<path d="M0,413s77.49-38.25,129.46-41.51c211.75-13.28,290,112.59,387.64,146.42,246,99.43,269.4-100,457.8-107.87,110.12-4.61,169.7,63.18,264.68,62.19S1400,410,1400,410V570H.24Z" style="fill: #3aadaa;opacity: 0.639999985694885;isolation: isolate"/>
<path d="M0,477.2S139.1,338.88,273.1,342c208.39,4.8,195.33,179.66,371.76,175.93,72.64-4.3,116.11-51.37,169.32-81.88,128.51-73.69,202.68,16.26,268.68,31.81,99.44,23.42,127.41-24,227.18-79.35,13.4-7.43,41.87-22.45,90-12.45V570H.24Z" style="fill: #3aadaa;opacity: 0.28999999165535;isolation: isolate"/>
<path d="M0,477.2S139.1,338.88,273.1,342c208.39,4.8,195.33,179.66,371.76,175.93,72.64-4.3,116.11-51.37,169.32-81.88,128.51-73.69,202.68,16.26,268.68,31.81,99.44,23.42,127.41-24,227.18-79.35,13.4-7.43,41.87-22.45,90-12.45V570H.24Z" style="fill: #3aadaa;opacity: 0.29;isolation: isolate"/>
<path d="M1239.6,472.2c-20.9,0.2-40-2.9-58.3-7.8c-27.2,10.6-56.5,13.3-98.4,3.4c-38.3-9-79.3-43-132-55.7C784,435,752.2,612.9,517.1,517.9c-93.9-32.5-169.8-150.1-363.7-147.3C69.2,409.4,2.9,474.3,0.1,477.1L0.2,570H1400V410C1400,410,1334.6,471.2,1239.6,472.2z" style="fill: #3aadaa;isolation: isolate"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570">
<path d="M1400,532.82S1142.27,468,989,493.34c-219,36.28-328.19,65.3-577.68,30.14C277.25,504.58,40.2,476.34,0,492.82V0H1400Z" style="fill: #3aadaa;opacity: 0.079999998211861;isolation: isolate"/>
<path d="M1400,492.82S1203.77,520,1042.62,515.11,804.87,483.61,664.22,491s-427,38.62-547.53,40.58S0,532.82,0,532.82V0H1400Z" style="fill: #3aadaa;opacity: 0.079999998211861;isolation: isolate"/>
<path d="M1400,562.4c0,0-257.7-64.8-411-39.5c-219,36.3-328.2,65.3-577.7,30.1C277.2,534.2,40.2,506,0,522.4V0h1400
V562.4z" style="fill: #3aadaa;opacity:.08;isolation: isolate"/>
<path d="M1400,523.4c0,0-196.2,27.2-357.4,22.3s-237.8-31.5-378.4-24.1s-427,38.6-547.5,40.6S0,563.4,0,563.4V0h1400
V523.4z" style="fill: #3aadaa;opacity:.08;isolation: isolate"/>
</svg>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment