feat(collection pages): added nice svgs for features & devs collection pages

This commit is contained in:
Dimitrie Stefanescu
2021-02-15 11:20:58 +00:00
parent 4e2aa2ac2f
commit f12672e8b6
6 changed files with 440 additions and 15 deletions
+8 -2
View File
@@ -1,8 +1,14 @@
{{!< default}}
{{#tag}}
{{> extras/patterns}}
{{> extras/patterns}}
<div class="z-0 absolute w-full md:w-3/6 md:right-0 h-screen/2 md:mr-5">
<div class="absolute z-1 inset-0 w-full h-full opacity-40">
{{> extras/devsSvg }}
</div>
</div>
{{#tag}}
<main class="relative w-default h-screen/3 flex flex-wrap content-center mt-24">
<div class="w-3/3">
+8 -1
View File
@@ -1,9 +1,16 @@
{{!< default}}
{{> extras/patterns}}
<div class="z-0 absolute w-full md:w-3/6 md:right-0 h-screen/2 md:mr-5">
<div class="absolute z-1 inset-0 w-full h-full opacity-40">
{{> extras/featuresSvg }}
</div>
</div>
{{#tag}}
<main class="w-default h-screen/3 flex flex-wrap content-center mt-24">
<main class="relative w-default h-screen/3 flex flex-wrap content-center mt-24">
<div class="w-3/3">
<h1 class="text-4xl tracking-tight font-extrabold text-gray-900 dark:text-gray-100 sm:text-5xl md:text-6xl">
Speckle
+277
View File
@@ -0,0 +1,277 @@
<svg width="100%" height="100%" viewBox="0 0 997 769"
version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-3958,-1864)">
<g id="devs" transform="matrix(1,0,0,1,2934.11,-10.551)">
<rect x="1024" y="1875.4" width="995.978" height="768"
style="fill:none;" />
<g transform="matrix(1.50894,0,0,1.50894,-1134.57,-1046.36)">
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial1);" />
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
<g transform="matrix(1.50894,0,0,1.50894,-1134.57,-1095.42)">
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial2);" />
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
<g transform="matrix(1.50894,0,0,1.50894,-1308.71,-1370.83)">
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial3);" />
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
<g transform="matrix(1.50894,0,0,1.50894,-955.1,-1373.55)">
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial4);" />
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
<g>
<g transform="matrix(4.41926e-17,0.721719,-0.187381,1.14738e-17,1917.43,-929.382)">
<clipPath id="_clip5">
<rect x="4427.94" y="2248.85" width="214.08"
height="68.028" />
</clipPath>
<g clip-path="url(#_clip5)">
<g transform="matrix(8.48423e-17,-5.33673,1.38558,3.2678e-16,3885.08,4768.6)">
<use xlink:href="#_Image6" x="468.522" y="393.051"
width="12.747px" height="154.505px"
transform="matrix(0.980542,0,0,0.996808,0,0)" />
</g>
</g>
</g>
<g transform="matrix(4.41926e-17,0.721719,-0.187381,1.14738e-17,1938.81,-929.382)">
<clipPath id="_clip7">
<rect x="4427.94" y="2248.85" width="214.08"
height="68.028" />
</clipPath>
<g clip-path="url(#_clip7)">
<g transform="matrix(8.48423e-17,-5.33673,1.38558,3.2678e-16,3885.08,4882.7)">
<use xlink:href="#_Image6" x="490.327" y="393.051"
width="12.747px" height="154.505px"
transform="matrix(0.980542,0,0,0.996808,0,0)" />
</g>
</g>
</g>
<g transform="matrix(4.41926e-17,0.721719,-0.187381,1.14738e-17,1963.76,-929.382)">
<clipPath id="_clip8">
<rect x="4427.94" y="2248.85" width="214.08"
height="68.028" />
</clipPath>
<g clip-path="url(#_clip8)">
<g transform="matrix(8.48423e-17,-5.33673,1.38558,3.2678e-16,3885.08,5015.86)">
<use xlink:href="#_Image6" x="515.773" y="393.051"
width="12.747px" height="154.505px"
transform="matrix(0.980542,0,0,0.996808,0,0)" />
</g>
</g>
</g>
</g>
<g transform="matrix(0.785519,0,0,0.785519,-1990.09,499.836)">
<g transform="matrix(0.708588,0,0,0.708588,3243.86,732.695)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial9);" />
</g>
<g transform="matrix(0.614533,-0.354801,0.709601,0.409689,3242.15,731.515)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(37,99,235);" />
</g>
</g>
<g transform="matrix(4.3258,-2.4975,0.544272,0.314236,-2170.15,1822.45)">
<clipPath id="_clip10">
<rect x="348.837" y="4017.54" width="23.533"
height="75.348" />
</clipPath>
<g clip-path="url(#_clip10)">
<g transform="matrix(0.115586,0.918658,-0.2002,1.59116,358.755,3017.14)">
<use xlink:href="#_Image11" x="502.259" y="282.225"
width="142.809px" height="82.451px" transform="matrix(0.998664,0,0,0.993383,0,0)" />
</g>
</g>
</g>
<g transform="matrix(1,0,0,1,0,10)">
<g transform="matrix(-1.81824,-1.04976,0.104003,-0.060046,1652.42,2788.71)">
<clipPath id="_clip12">
<rect x="317.463" y="4041.6" width="57.199"
height="89.822" />
</clipPath>
<g clip-path="url(#_clip12)">
<g transform="matrix(-0.274991,4.80757,-0.476299,-8.32695,613.015,4673.67)">
<use xlink:href="#_Image13" x="369.775" y="285.198"
width="113.344px" height="65.439px"
transform="matrix(0.994242,0,0,0.991499,0,0)" />
</g>
</g>
</g>
<g transform="matrix(-1.81824,-1.04976,0.104003,-0.060046,1632.3,2800.33)">
<clipPath id="_clip14">
<rect x="317.463" y="4041.6" width="57.199"
height="89.822" />
</clipPath>
<g clip-path="url(#_clip14)">
<g transform="matrix(-0.274991,4.80757,-0.476299,-8.32695,613.015,4867.19)">
<use xlink:href="#_Image13" x="349.532" y="296.918"
width="113.344px" height="65.439px"
transform="matrix(0.994242,0,0,0.991499,0,0)" />
</g>
</g>
</g>
<g transform="matrix(-1.81824,-1.04976,0.104003,-0.060046,1610.65,2812.82)">
<clipPath id="_clip15">
<rect x="317.463" y="4041.6" width="57.199"
height="89.822" />
</clipPath>
<g clip-path="url(#_clip15)">
<g transform="matrix(-0.274991,4.80757,-0.476299,-8.32695,613.015,5075.3)">
<use xlink:href="#_Image13" x="327.763" y="309.521"
width="113.344px" height="65.439px"
transform="matrix(0.994242,0,0,0.991499,0,0)" />
</g>
</g>
</g>
</g>
<g transform="matrix(0.785519,0,0,0.597818,317.61,894.478)">
<g transform="matrix(5.62591e-17,0.91878,-0.238544,1.46066e-17,2264.17,-2166.43)">
<clipPath id="_clip16">
<rect x="4427.94" y="2248.85" width="214.08"
height="68.028" />
</clipPath>
<g clip-path="url(#_clip16)">
<g transform="matrix(8.48423e-17,-5.33673,1.82062,4.29382e-16,4142.28,5722.43)">
<use xlink:href="#_Image17" x="650.798" y="157.457"
width="12.747px" height="117.586px"
transform="matrix(0.980542,0,0,0.996492,0,0)" />
</g>
</g>
</g>
<g transform="matrix(5.62591e-17,0.91878,-0.238544,1.46066e-17,2291.39,-2166.43)">
<clipPath id="_clip18">
<rect x="4427.94" y="2248.85" width="214.08"
height="68.028" />
</clipPath>
<g clip-path="url(#_clip18)">
<g transform="matrix(8.48423e-17,-5.33673,1.82062,4.29382e-16,4142.28,5836.53)">
<use xlink:href="#_Image17" x="672.602" y="157.457"
width="12.747px" height="117.586px"
transform="matrix(0.980542,0,0,0.996492,0,0)" />
</g>
</g>
</g>
<g transform="matrix(5.62591e-17,0.91878,-0.238544,1.46066e-17,2323.16,-2166.43)">
<clipPath id="_clip19">
<rect x="4427.94" y="2248.85" width="214.08"
height="68.028" />
</clipPath>
<g clip-path="url(#_clip19)">
<g transform="matrix(8.48423e-17,-5.33673,1.82062,4.29382e-16,4142.28,5969.68)">
<use xlink:href="#_Image17" x="698.049" y="157.457"
width="12.747px" height="117.586px"
transform="matrix(0.980542,0,0,0.996492,0,0)" />
</g>
</g>
</g>
</g>
<g transform="matrix(1.50894,0,0,1.50894,-952.196,-1502.42)">
<g>
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial20);" />
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(241,243,248);" />
</g>
</g>
</g>
<g transform="matrix(0.785519,0,0,0.785519,-1990.09,460.263)">
<g transform="matrix(0.708588,0,0,0.708588,3243.86,732.695)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
style="fill:url(#_Radial21);" />
</g>
<g transform="matrix(0.614533,-0.354801,0.709601,0.409689,3242.15,731.515)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
style="fill:rgb(37,99,235);" />
</g>
</g>
</g>
</g>
<defs>
<radialGradient id="_Radial1" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial2" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial3" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial4" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<image id="_Image6" width="13px" height="155px"
xlink:href="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wAARCACbAA0DAREAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAwQAAgb/xAAbEAACAwEBAQAAAAAAAAAAAAAAAwIhMQFhEf/EABgBAQEBAQEAAAAAAAAAAAAAAAIDAAEH/8QAGBEBAQEBAQAAAAAAAAAAAAAAABEBAhL/2gAMAwEAAhEDEQA/APGHvrzxjMxmb50zGioG9FCxVWB9OxTFXhLejhYqrAb07FUFeEt6KEiqsD6KKoqJb0ULxVYH0UVQUS3ooTiqwHooqirwlvRQsVVgfRRTFRLeiheKoPoopirwlvRZhYqrAb0UVQV4S3ooXiqwPoopirwlvRQvFVgPTsVRUT3o4TiqB6diqKiW9HCRVWB9OxVFRLejheKrAenYpirwnvRwsVUD07FUFEt6OFiqsD6dimKvCW9HC8VWB9Ow/I84Tpx0cZjMxmf/2Q==" />
<radialGradient id="_Radial9" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<image id="_Image11" width="143px" height="83px"
xlink:href="data:image/png;base64,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" />
<image id="_Image13" width="114px" height="66px"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAABCCAYAAACLp4LQAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAERUlEQVR4nO2aO2gUQRiAJ1a+YowaGwULFWKhgkiaCBaxMI2iRWwMFjGFEXyCWkRUSBoDKioYwQcWpgkiSJo0PppYqFioRRBEbFLk8ri8m9vf4m5z89zbx8zuTO7/YGG5TI6Z/9v/n8deTX52CUgE6mpX10Rpj6RDTVSRPijULlbF/ce4DwBihtgZSYPZmT1aRPqg0OzQKtIHhaZP7DkyCJw/02c5c3QFH6B4eaWroR6zMw2EIMcVSssDjxAPoHhf+mz71jUo1CDS4EaRScuSCfQ8ts3ObSjUBIFBVQnly2fxHhh5AKzA5XsPSOOOtShTM6EC6gsNEljwZOW13IbJ3JLs/btQqC5CB3IyvwSq8qkSWPBAIp4Imdu0B4UmJXIAx3KLEKZ8VhLIPAweIYf2rkOZCYgdvL9ji6AUQwkSRbIC+UVRywEUGofEQRv9twAqgWzmKrLUoz8rS25tWo9CI6AlWD/+LIBq/uMFSrPUU8+5J5pRaBi0BunrqC9UUT4DBBaElW45S9sO16LMChgJ0MiveaC3I6ryKd+qlNsVuAVV+xEUqsJoYD58nwdeIF9axcxVlFlK6tlWFMpjPCDDX+bExZCwMAJJ5sr2qKzk88c2oNASqQXi3QgrlCmzCoHF0gqKzC1el0+iTEJSFOkz+GkOwpRPlcACt8Xx2904VVfVQjMZ/MD7WWCzTl0+1YcM8rcst05Xp9BMB/1yeBaUAqXlFiSZK7brOVN9Mq0Y8JOhGQjec4JcrtCe3b/2dW60YnxpYNVAH7wtC1XuOSUCg06GwCPkYdfKF2rdAPsGZ4qLoQrl0y/FQQIL/vFg6bueXqy3bry6sHZgPQN54AXS2xH12xXqfFdSql9cWZkyrR/UzVd5kM1/8jNaSZYqFk2vr2+yfuxRcGYw155NiwcKAQKFo0APpCX4TffKEOrUIC71T0OY8qkSqDznBSBDdzY7FQseJzvf9XgKmJOeoD0nk7miQPpQYrjXXZnOdpwQQjruTYFMoHBaJGSupMxSf/941z2hznWYp71vClTzn0ygeqXrty9/1+f7W5yJjzMdrURb76Tk7Qo7l8rnUEmWUqX62yM3ZDrRySgcvz0JYcqntMxyPxqjH4af/Q1Wx8rqziXhaPcEiFknlk8hSzmB7FEgIb+f2ynUyk7pouXGBFQSyP8uaDlLuVLMY5tQqzpjiuarOZCVT5VA/+U1SATS2CTTmo6kwcELOahUPsMI5LFBaOYdyIJ953Ig24okJUuhVSmSEEIaO8dBl0CeLIRWrUif3R3jBlSmL7PqRfq4LhRFUpiSSYh5oShSgovZiSIDcEkoigyBC0JRZEhsnz9RZERszU4UGRPbhKLIhNgiFEVqwIb5E0VqJMvsRJEGyEIoijRE2uUWRRomrexEkSlhWiiKTBlTQlFkBpiQiSIzRKdQFGkBOoSiSItIIhRFWkZcmSjSUqIK/Q9Pwm9zLn3kMAAAAABJRU5ErkJggg==" />
<image id="_Image17" width="13px" height="118px"
xlink:href="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wAARCAB2AA0DAREAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAwQAAgb/xAAbEAACAwEBAQAAAAAAAAAAAAAAAwECYSExEf/EABkBAAMBAQEAAAAAAAAAAAAAAAECAwAEB//EABgRAQADAQAAAAAAAAAAAAAAAAABERIC/9oADAMBAAIRAxEAPwDxh7688YzOopMgtqdQqQaGltUYQntSILCOeC7Gl1EYQntSiwjngk9jldRGEJ7UotUc8FnsaXVRhzz2pktUc8F2altEYQns9FhHPBdmpdVGHPPamS1RwXY5XURhzz2pRYRzwXY0uojCE9qZLCeeCbHK6qMIT2pRYRzwXZsrqow557PkkIwXRqX0RhCe1KJCOeCT2NL6pwhPakQSEx8F0NGEMxmf/9k=" />
<radialGradient id="_Radial20" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
<radialGradient id="_Radial21" cx="0" cy="0" r="1"
gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
<stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
<stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
<stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
<stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
</radialGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 24 KiB

+135
View File
@@ -0,0 +1,135 @@
<svg width="100%" height="100%" viewBox="0 0 997 769" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-5050,-1864)">
<g id="features" transform="matrix(1,0,0,1,4026.33,-10.551)">
<rect x="1024" y="1875.4" width="995.978" height="768" style="fill:none;"/>
<g transform="matrix(1.33545,0,0,1.33545,-543.131,-737.739)">
<g transform="matrix(1.50894,0,0,1.50894,-970.877,-1314.64)">
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial1);"/>
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
<g transform="matrix(1.50894,0,0,1.50894,-1029.9,-1353.97)">
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial2);"/>
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
<g transform="matrix(1.50894,0,0,1.50894,-1057.61,-1364.17)">
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial3);"/>
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
<g transform="matrix(1.50894,0,0,1.50894,-1004.07,-1332.66)">
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial4);"/>
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
<g transform="matrix(1.50894,0,0,1.50894,-1029.9,-1353.97)">
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial5);"/>
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
<g transform="matrix(1.50894,0,0,1.50894,-1057.61,-1374.17)">
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial6);"/>
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
<g transform="matrix(1,0,0,1,89.3049,-32.0489)">
<g transform="matrix(1.50894,0,0,1.50894,-1316.63,-1263.51)">
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial7);"/>
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
<g transform="matrix(1.50894,0,0,1.50894,-1292.06,-1313.92)">
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial8);"/>
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
<g transform="matrix(1.50894,0,0,1.50894,-1264.35,-1366.12)">
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial9);"/>
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
</g>
<g transform="matrix(1.06354,0,0,1.06354,-4420.02,-124.209)">
<circle cx="5640.28" cy="2231.46" r="99.389" style="fill:rgb(37,99,235);fill-opacity:0.7;"/>
</g>
<g transform="matrix(1,0,0,1,88.9664,-67.3648)">
<g transform="matrix(1.50894,0,0,1.50894,-1190.05,-1105.91)">
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial10);"/>
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
<g transform="matrix(1.50894,0,0,1.50894,-1190.05,-1143.14)">
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial11);"/>
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
<g transform="matrix(1.50894,0,0,1.50894,-1190.05,-1180.82)">
<g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial12);"/>
</g>
<g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
</g>
</g>
</g>
<g transform="matrix(0.785519,0,0,0.785519,-1955.67,483.34)">
<g transform="matrix(0.708588,0,0,0.708588,3243.86,732.695)">
<path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial13);"/>
</g>
<g transform="matrix(0.614533,-0.354801,0.709601,0.409689,3242.15,731.515)">
<path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(37,99,235);"/>
</g>
</g>
</g>
</g>
</g>
<defs>
<radialGradient id="_Radial1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial2" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial3" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial4" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial5" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial6" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial7" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial8" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial9" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial10" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial11" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial12" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
<radialGradient id="_Radial13" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 23 KiB

+12 -12
View File
@@ -2,14 +2,14 @@
<div class="mt-0 w-full h-20"></div>
{{!-- Actual navbar --}}
<div x-data="{ mobileMenuOpen: false, usecasesMenu: false, developersMenu: false, learnMenu: false, flyoutMenuOpen: false }"
<div x-data="{ mobileMenuOpen: false, usecasesMenu: false, developersMenu: false, resourcesMenu: false, flyoutMenuOpen: false }"
class="fixed top-0 shadow mt-0 w-full bg-white dark:bg-gray-900 dark:text-white z-20">
<div class="relative">
<div class="w-default flex justify-between items-center py-5 sm:py-4 md:justify-between">
{{!-- Logo/Home Link --}}
<div @mouseenter="usecasesMenu = false; learnMenu = false; developersMenu = false">
<div @mouseenter="usecasesMenu = false; resourcesMenu = false; developersMenu = false">
<a href="/" class="flex relative" style="margin-top:-4px;">
<img class="h-8 mr-2 " src="{{@site.logo}}" alt="logo">
<div class="text-2xl text-blue-600 dark:text-blue-500 title-font font-bold mr-5">
@@ -41,7 +41,7 @@
{{!-- use cases menu button --}}
<div class="relative">
<button type="button" @mouseenter="usecasesMenu = true; learnMenu = false; developersMenu = false; flyoutMenuOpen = false;"
<button type="button" @mouseenter="usecasesMenu = true; resourcesMenu = false; developersMenu = false; flyoutMenuOpen = false;"
@click="usecasesMenu = !usecasesMenu;"
x-state:on="Item active" x-state:off="Item inactive"
:class="{ 'text-gray-900 dark:text-gray-50': usecasesMenu, 'text-gray-700 dark:text-gray-400': !usecasesMenu }"
@@ -62,7 +62,7 @@
{{!-- developers menu button --}}
<div class="relative">
<button type="button" @mouseenter="developersMenu = true; usecasesMenu = false; learnMenu = false; flyoutMenuOpen = false;"
<button type="button" @mouseenter="developersMenu = true; usecasesMenu = false; resourcesMenu = false; flyoutMenuOpen = false;"
@click="developersMenu = !developersMenu;"
x-state:on="Item active" x-state:off="Item inactive"
:class="{ 'text-gray-900 dark:text-gray-50': developersMenu, 'text-gray-700 dark:text-gray-400': !developersMenu }"
@@ -83,14 +83,14 @@
{{!-- Learn menu button --}}
<div class="relative">
<button type="button" @mouseenter="learnMenu = true; usecasesMenu = false; developersMenu = false; flyoutMenuOpen = false;"
@click="learnMenu = !learnMenu;" x-state:on="Item active"
x-state:off="Item inactive" :class="{ 'text-gray-900 dark:text-gray-50': learnMenu, 'text-gray-700 dark:text-gray-400': !learnMenu }"
<button type="button" @mouseenter="resourcesMenu = true; usecasesMenu = false; developersMenu = false; flyoutMenuOpen = false;"
@click="resourcesMenu = !resourcesMenu;" x-state:on="Item active"
x-state:off="Item inactive" :class="{ 'text-gray-900 dark:text-gray-50': resourcesMenu, 'text-gray-700 dark:text-gray-400': !resourcesMenu }"
class="group bg-white dark:bg-gray-900 rounded-md text-gray-700 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 inline-flex items-center text-base font-medium focus:outline-none outline-none">
<span>Resources</span>
<svg x-state:on="Item active" x-state:off="Item inactive"
class="ml-2 h-5 w-5 text-gray-400 group-hover:text-gray-500"
x-bind:class="{ 'text-gray-600': learnMenu, 'text-gray-400': !learnMenu }"
x-bind:class="{ 'text-gray-600': resourcesMenu, 'text-gray-400': !resourcesMenu }"
x-description="Heroicon name: chevron-down"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor" aria-hidden="true">
@@ -102,7 +102,7 @@
{{!-- About --}}
<div class="relative" @mouseenter="learnMenu = false; usecasesMenu = false; developersMenu = false; flyoutMenuOpen = true"
<div class="relative" @mouseenter="resourcesMenu = false; usecasesMenu = false; developersMenu = false; flyoutMenuOpen = true"
@mouseleave="">
<button type="button" @click="flyoutMenuOpen = !flyoutMenuOpen"
x-state:on="Item active" x-state:off="Item inactive"
@@ -171,7 +171,7 @@
</div>
</div>
<div class="relative" @mouseenter="learnMenu = false; usecasesMenu = false; developersMenu = false; flyoutMenuOpen = false">
<div class="relative" @mouseenter="resourcesMenu = false; usecasesMenu = false; developersMenu = false; flyoutMenuOpen = false">
&nbsp;
</div>
@@ -210,7 +210,7 @@
<!-- Learn menu -->
<div x-description="'Learn' flyout menu, show/hide based on flyout menu state."
x-show="learnMenu" @mouseleave="learnMenu = false;"
x-show="resourcesMenu" @mouseleave="resourcesMenu = false;"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start="opacity-0 -translate-y-1"
x-transition:enter-end="opacity-100 translate-y-0"
@@ -218,7 +218,7 @@
x-transition:leave-start="opacity-100 translate-y-0"
x-transition:leave-end="opacity-0 -translate-y-1" class="hidden md:block absolute z-10 inset-x-0 transform shadow-lg">
{{> menus/learnMenu }}
{{> menus/resourcesMenu }}
</div>