Files
Website/resources/js/components/SMNavbar.vue
2023-07-24 13:05:57 +10:00

718 lines
65 KiB
Vue

<template>
<nav id="navbar" :class="{ 'is-open': isNavVisible }">
<div class="relative">
<div
class="max-w-7xl flex flex-row items-center mx-auto px-4 py-2 gap-2">
<router-link :to="{ name: 'home' }">
<svg
id="navbar-logo"
width="100%"
height="100%"
viewBox="0 0 2762 491"
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-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10;
"
alt="STEMMechanics">
<g>
<g>
<g id="g7146">
<g id="g7154"></g>
<g id="g7158"></g>
<g id="g7162">
<g id="g7164">
<g id="g7188"></g>
<g id="g7192">
<path
id="path7194"
d="M520.706,133.507l0,263.567l32.794,-0l0,-257.505c0,-3.348 -2.714,-6.062 -6.061,-6.062l-26.733,-0Z"
style="
fill: #b00;
fill-rule: nonzero;
" />
</g>
<g id="g7196">
<path
id="path7198"
d="M56.5,139.568l-0,257.506l32.794,0l-0,-263.568l-26.733,0c-3.348,0 -6.061,2.714 -6.061,6.062"
style="
fill: #b00;
fill-rule: nonzero;
" />
</g>
<g id="g7200">
<path
id="path7202"
d="M553.5,216.404l-0,-76.836c-0,-3.348 -2.714,-6.061 -6.061,-6.061l-26.733,0l-0,263.567l32.794,0l-0,-145.67"
style="
fill: none;
fill-rule: nonzero;
stroke: #000;
stroke-width: 15px;
" />
</g>
<g id="g7204">
<path
id="path7206"
d="M89.294,216.404l-0,-82.897l-26.733,0c-3.348,0 -6.061,2.713 -6.061,6.061l-0,257.506l32.794,0l-0,-145.67"
style="
fill: none;
fill-rule: nonzero;
stroke: #000;
stroke-width: 15px;
" />
</g>
<g id="g7208">
<path
id="path7210"
d="M112.715,74.519l55.15,259.463l39.438,-8.383l-55.15,-259.463l-39.438,8.383Z"
style="
fill: #f89d00;
fill-rule: nonzero;
" />
</g>
<g id="g7212">
<path
id="path7214"
d="M112.715,74.519l8.464,39.818l39.437,-8.382l-8.463,-39.819l-39.438,8.383Z"
style="
fill: #d58700;
fill-rule: nonzero;
" />
</g>
<g id="g7216">
<path
id="path7218"
d="M207.304,325.599l-55.151,-259.463l-39.437,8.383l55.15,259.463"
style="
fill: none;
fill-rule: nonzero;
stroke: #000;
stroke-width: 15px;
" />
</g>
<g id="g7220">
<path
id="path7222"
d="M78.998,49.805l-32.558,6.92c-1.252,0.267 -2.484,-0.533 -2.75,-1.786l-1.96,-9.222c-0.291,-1.369 -1.636,-2.242 -3.005,-1.952l-24.19,5.143c-1.369,0.29 -2.242,1.635 -1.951,3.003l11.328,53.293c0.291,1.37 1.636,2.243 3.004,1.952l24.19,-5.142c1.369,-0.291 2.243,-1.636 1.952,-3.005l-1.961,-9.222c-0.266,-1.253 0.534,-2.484 1.786,-2.751l32.558,-6.919l-6.443,-30.312Z"
style="
fill: #b7cee9;
fill-rule: nonzero;
" />
</g>
<g id="g7224">
<path
id="path7226"
d="M78.998,49.805l-32.558,6.92c-1.252,0.267 -2.484,-0.533 -2.75,-1.786l-1.96,-9.222c-0.291,-1.369 -1.636,-2.242 -3.005,-1.952l-24.19,5.143c-1.369,0.29 -2.242,1.635 -1.951,3.003l11.328,53.293c0.291,1.37 1.636,2.243 3.004,1.952l24.19,-5.142c1.369,-0.291 2.243,-1.636 1.952,-3.005l-1.961,-9.222c-0.266,-1.253 0.534,-2.484 1.786,-2.751l32.558,-6.919l-6.443,-30.312Z"
style="
fill: none;
fill-rule: nonzero;
stroke: #000;
stroke-width: 15px;
" />
</g>
<g id="g7228">
<path
id="path7230"
d="M164.359,17.061l-91.655,19.481c-3.116,0.663 -5.105,3.726 -4.443,6.843l9.982,46.963c0.663,3.116 3.726,5.107 6.843,4.443l110.229,-23.429c4.739,-1.008 9.577,1.218 11.896,5.472l8.86,16.253c1.528,2.802 5.038,3.835 7.84,2.308l7.786,-3.384c7.942,-4.329 11.079,-13.3 6.748,-21.242l-14.286,-26.203c-11.658,-21.383 -35.978,-32.568 -59.8,-27.505"
style="
fill: #d7e3f2;
fill-rule: nonzero;
" />
</g>
<g id="g72281" serif:id="g7228">
<path
id="path72301"
serif:id="path7230"
d="M164.359,17.061l-91.655,19.481c-3.116,0.663 -5.105,3.726 -4.443,6.843l9.982,46.963c0.663,3.116 3.726,5.107 6.843,4.443l110.229,-23.429c4.739,-1.008 9.577,1.218 11.896,5.472l8.86,16.253c1.528,2.802 5.038,3.835 7.84,2.308l7.786,-3.384c7.942,-4.329 11.079,-13.3 6.748,-21.242l-14.286,-26.203c-11.658,-21.383 -35.978,-32.568 -59.8,-27.505"
style="
fill: #d7e3f2;
fill-rule: nonzero;
" />
</g>
<g id="g7232">
<path
id="path7234"
d="M102.999,30.103l-30.294,6.439c-3.117,0.663 -5.106,3.726 -4.444,6.843l9.983,46.963c0.662,3.116 3.726,5.107 6.842,4.443l110.229,-23.429c4.739,-1.008 9.578,1.218 11.896,5.472l8.86,16.253c1.528,2.802 5.038,3.835 7.84,2.308l7.786,-3.384c7.943,-4.329 11.079,-13.3 6.749,-21.242l-14.287,-26.203c-11.658,-21.383 -35.977,-32.568 -59.8,-27.505l-26.359,5.603"
style="
fill: none;
fill-rule: nonzero;
stroke: #000;
stroke-width: 15px;
" />
</g>
<g id="g7240"></g>
<g id="g7244">
<path
id="path7246"
d="M553.5,295.445l-497,0l-0,172.631c-0,3.905 3.166,7.07 7.071,7.07l482.858,0c3.905,0 7.071,-3.165 7.071,-7.07l-0,-172.631Z"
style="
fill: #e00000;
fill-rule: nonzero;
" />
</g>
<g id="g7248">
<path
id="path7250"
d="M546.429,444.992l-482.857,0c-3.906,0 -7.072,-3.166 -7.072,-7.071l-0,30.155c-0,3.905 3.166,7.07 7.072,7.07l482.857,0c3.905,0 7.071,-3.165 7.071,-7.07l-0,-30.155c-0,3.905 -3.166,7.071 -7.071,7.071"
style="
fill: #b00;
fill-rule: nonzero;
" />
</g>
<g id="g7252">
<path
id="path7254"
d="M553.5,295.445l-497,0l-0,172.631c-0,3.905 3.166,7.07 7.071,7.07l482.858,0c3.905,0 7.071,-3.165 7.071,-7.07l-0,-172.631Z"
style="
fill: none;
fill-rule: nonzero;
stroke: #000;
stroke-width: 15px;
" />
</g>
<g id="g7256">
<path
id="path7258"
d="M249.87,347.278l-0,33c-0,2.762 2.239,5 5,5l100.261,0c2.761,0 5,-2.238 5,-5l-0,-33c-0,-2.762 -2.239,-5 -5,-5l-100.261,0c-2.761,0 -5,2.238 -5,5"
style="
fill: #b00;
fill-rule: nonzero;
" />
</g>
<g id="g7260">
<path
id="path7262"
d="M249.87,347.278l-0,33c-0,2.762 2.239,5 5,5l100.261,0c2.761,0 5,-2.238 5,-5l-0,-33c-0,-2.762 -2.239,-5 -5,-5l-100.261,0c-2.761,0 -5,2.238 -5,5Z"
style="
fill: none;
fill-rule: nonzero;
stroke: #000;
stroke-width: 15px;
" />
</g>
</g>
<rect
id="path7148"
x="89.294"
y="133.507"
width="431.412"
height="36.366"
style="
fill: #7d8c97;
fill-rule: nonzero;
stroke: #000;
stroke-width: 15px;
" />
</g>
</g>
<g>
<clipPath id="_clip1">
<rect
x="48.391"
y="1"
width="554.191"
height="287.599" />
</clipPath>
<g clip-path="url(#_clip1)">
<clipPath id="_clip2">
<polygon
points="122.46,223.269 389.191,141.565 470.894,408.297 204.163,490 122.46,223.269 " />
</clipPath>
<g clip-path="url(#_clip2)">
<path
d="M401.112,309.199l20.426,-6.257c5.753,-1.762 8.987,-7.856 7.222,-13.609l-7.905,-25.756c-1.764,-5.748 -7.853,-8.979 -13.602,-7.218l-20.445,6.262c-5.67,-9.632 -12.768,-18.137 -20.928,-25.318l10.016,-18.862c2.822,-5.314 0.8,-11.909 -4.515,-14.729l-23.799,-12.627c-5.313,-2.819 -11.904,-0.798 -14.724,4.512l-10.021,18.874c-10.513,-2.725 -21.525,-3.831 -32.67,-3.127l-6.26,-20.436c-1.762,-5.751 -7.852,-8.985 -13.603,-7.223l-25.76,7.89c-5.752,1.762 -8.986,7.852 -7.224,13.604l6.26,20.435c-9.628,5.659 -18.132,12.743 -25.314,20.889l-18.874,-10.022c-5.311,-2.82 -11.903,-0.803 -14.725,4.508l-12.644,23.789c-2.824,5.313 -0.805,11.909 4.509,14.731l18.862,10.016c-2.738,10.52 -3.855,21.541 -3.158,32.697l-20.446,6.262c-5.748,1.761 -8.983,7.848 -7.225,13.598l7.876,25.764c1.76,5.755 7.852,8.992 13.605,7.23l20.427,-6.257c5.665,9.653 12.762,18.178 20.925,25.376l-10.022,18.873c-2.821,5.311 -0.803,11.903 4.507,14.725l23.79,12.645c5.314,2.823 11.909,0.805 14.73,-4.509l10.017,-18.862c10.542,2.744 21.588,3.86 32.768,3.153l6.26,20.436c1.762,5.751 7.852,8.985 13.603,7.223l25.76,-7.89c5.752,-1.762 8.986,-7.852 7.224,-13.603l-6.26,-20.436c9.658,-5.677 18.185,-12.788 25.381,-20.965l18.862,10.016c5.314,2.822 11.909,0.8 14.729,-4.515l12.627,-23.8c2.819,-5.312 0.798,-11.903 -4.513,-14.723l-18.873,-10.022c2.731,-10.535 3.837,-21.572 3.124,-32.742Z"
style="
fill: #ffdb05;
fill-rule: nonzero;
" />
<path
d="M276.901,251.218c35.634,-10.915 73.425,9.154 84.34,44.787c10.915,35.634 -9.153,73.426 -44.787,84.341c-35.633,10.915 -73.425,-9.153 -84.34,-44.787c-10.915,-35.634 9.153,-73.426 44.787,-84.341Z"
style="fill: #b3b6c3" />
<path
d="M283.918,274.128c22.99,-7.042 47.372,5.905 54.414,28.895c7.042,22.989 -5.906,47.371 -28.895,54.413c-22.99,7.042 -47.371,-5.905 -54.413,-28.895c-7.042,-22.989 5.905,-47.371 28.894,-54.413Z"
style="fill: #fff" />
<path
d="M318.049,385.553c-18.636,5.708 -38.38,3.818 -55.594,-5.323c-17.215,-9.142 -29.839,-24.44 -35.548,-43.076c-5.708,-18.636 -3.818,-38.38 5.324,-55.595c14.472,-27.253 44.692,-42.511 75.198,-37.969c2.974,0.443 5.026,3.213 4.584,6.188c-0.444,2.974 -3.214,5.026 -6.189,4.584c-25.952,-3.865 -51.662,9.118 -63.975,32.305c-7.777,14.645 -9.386,31.442 -4.529,47.298c4.856,15.855 15.597,28.87 30.242,36.646c14.645,7.777 31.442,9.386 47.297,4.529c15.855,-4.857 28.87,-15.597 36.646,-30.242c12.783,-24.071 8.534,-53.276 -10.571,-72.676c-2.111,-2.142 -2.084,-5.59 0.059,-7.701c2.142,-2.111 5.59,-2.084 7.701,0.059c10.813,10.98 17.77,24.873 20.121,40.179c2.397,15.612 -0.262,31.258 -7.69,45.247c-9.141,17.214 -24.439,29.838 -43.076,35.547Z"
style="fill-rule: nonzero" />
<path
d="M330.222,261.501c-1.342,0.411 -2.841,0.306 -4.174,-0.411l-0.255,-0.136c-2.656,-1.41 -3.666,-4.707 -2.256,-7.364c1.411,-2.656 4.707,-3.665 7.364,-2.255l0.306,0.164c2.649,1.424 3.641,4.726 2.216,7.375c-0.708,1.315 -1.878,2.221 -3.201,2.627Z"
style="fill-rule: nonzero" />
<path
d="M311.144,362.648c-5.021,1.538 -10.346,2.282 -15.812,2.136c-3.006,-0.08 -5.378,-2.583 -5.298,-5.589c0.081,-3.007 2.583,-5.38 5.589,-5.298c14.58,0.389 27.884,-7.364 34.72,-20.237c4.776,-8.992 5.764,-19.306 2.782,-29.042c-2.983,-9.735 -9.577,-17.726 -18.57,-22.502c-8.993,-4.775 -19.306,-5.763 -29.042,-2.781c-9.736,2.982 -17.727,9.577 -22.502,18.57c-6.772,12.752 -5.815,28.016 2.496,39.837c1.73,2.46 1.138,5.857 -1.322,7.586c-2.46,1.731 -5.856,1.139 -7.586,-1.322c-10.683,-15.194 -11.912,-34.816 -3.206,-51.209c6.139,-11.563 16.413,-20.041 28.931,-23.875c12.517,-3.835 25.777,-2.565 37.34,3.575c11.562,6.14 20.041,16.414 23.875,28.931c3.834,12.518 2.564,25.778 -3.576,37.341c-6.225,11.722 -16.623,20.143 -28.819,23.879Z"
style="fill-rule: nonzero" />
<path
d="M278.051,359.577c-1.325,0.405 -2.803,0.309 -4.126,-0.386l-0.233,-0.123c-2.656,-1.411 -3.666,-4.707 -2.256,-7.364c1.411,-2.656 4.707,-3.666 7.364,-2.256l0.188,0.1c2.663,1.398 3.688,4.689 2.29,7.352c-0.703,1.34 -1.886,2.266 -3.227,2.677Z"
style="fill-rule: nonzero" />
<path
d="M350.408,445.197l-25.761,7.89c-8.613,2.639 -17.767,-2.222 -20.405,-10.835l-5.026,-16.409c-8.725,0.207 -17.424,-0.631 -25.964,-2.499l-8.039,15.139c-2.047,3.854 -5.472,6.68 -9.644,7.958c-0.001,0.001 -0.001,0.001 -0.002,0.001c-4.174,1.278 -8.595,0.853 -12.449,-1.195l-23.79,-12.645c-7.951,-4.226 -10.985,-14.134 -6.761,-22.088l8.047,-15.154c-6.317,-6.026 -11.871,-12.761 -16.576,-20.1l-16.397,5.022c-4.174,1.279 -8.595,0.855 -12.45,-1.194c-3.855,-2.048 -6.681,-5.475 -7.958,-9.65l-7.876,-25.765c-2.632,-8.61 2.23,-17.759 10.838,-20.396l16.421,-5.03c-0.2,-8.7 0.637,-17.376 2.5,-25.89l-15.139,-8.039c-3.854,-2.048 -6.681,-5.474 -7.959,-9.647c-1.278,-4.174 -0.853,-8.594 1.195,-12.449l12.645,-23.79c4.225,-7.952 14.134,-10.985 22.087,-6.761l15.154,8.047c6.009,-6.299 12.724,-11.84 20.039,-16.537l-5.026,-16.407c-2.638,-8.613 2.223,-17.767 10.836,-20.406l25.761,-7.89c8.613,-2.639 17.767,2.222 20.405,10.835l5.026,16.409c8.691,-0.205 17.357,0.624 25.863,2.476l8.047,-15.154c4.224,-7.953 14.131,-10.99 22.085,-6.769l23.8,12.627c3.856,2.046 6.684,5.47 7.962,9.644c1.279,4.173 0.857,8.594 -1.19,12.449l-8.04,15.139c6.312,6.009 11.865,12.728 16.572,20.048l16.421,-5.03c8.608,-2.637 17.761,2.221 20.402,10.827l7.905,25.756c1.281,4.173 0.86,8.595 -1.187,12.451c-2.046,3.856 -5.472,6.684 -9.646,7.963l-16.396,5.022c0.212,8.715 -0.617,17.405 -2.475,25.936l15.154,8.047c7.954,4.224 10.99,14.131 6.769,22.085l-12.626,23.8c-2.046,3.856 -5.471,6.684 -9.644,7.962c-0,0.001 -0.002,0.001 -0.003,0.001c-4.172,1.278 -8.592,0.855 -12.446,-1.192l-15.139,-8.039c-6.027,6.33 -12.766,11.897 -20.11,16.612l5.027,16.408c2.636,8.613 -2.224,17.767 -10.837,20.406Zm-81.581,-33.338c0.94,-0.287 1.962,-0.323 2.965,-0.062c10.156,2.643 20.604,3.648 31.054,2.988c2.515,-0.159 4.812,1.43 5.55,3.84l6.26,20.436c0.879,2.871 3.931,4.492 6.802,3.612l25.76,-7.891c2.871,-0.879 4.492,-3.931 3.612,-6.802l-6.259,-20.435c-0.739,-2.41 0.274,-5.012 2.447,-6.29c9.026,-5.306 17.118,-11.991 24.052,-19.869c1.666,-1.893 4.415,-2.394 6.642,-1.212l18.862,10.016c1.285,0.682 2.759,0.823 4.15,0.397c1.391,-0.426 2.532,-1.369 3.214,-2.654l12.627,-23.8c1.407,-2.651 0.395,-5.953 -2.256,-7.361l-18.874,-10.023c-2.225,-1.181 -3.349,-3.736 -2.717,-6.175c2.631,-10.149 3.627,-20.588 2.96,-31.029c-0.161,-2.517 1.428,-4.816 3.84,-5.555l20.426,-6.256c1.392,-0.427 2.533,-1.369 3.215,-2.654c0.683,-1.286 0.823,-2.76 0.396,-4.15l-7.905,-25.757c-0.88,-2.869 -3.931,-4.487 -6.801,-3.608l-20.445,6.262c-2.408,0.738 -5.009,-0.273 -6.288,-2.444c-5.301,-9.004 -11.973,-17.076 -19.834,-23.993c-1.893,-1.667 -2.394,-4.415 -1.212,-6.642l10.016,-18.862c0.683,-1.285 0.823,-2.759 0.397,-4.15c-0.426,-1.391 -1.369,-2.532 -2.654,-3.214l-23.799,-12.627c-2.652,-1.407 -5.954,-0.396 -7.362,2.256l-10.022,18.875c-1.181,2.225 -3.736,3.35 -6.176,2.717c-10.125,-2.625 -20.541,-3.622 -30.96,-2.964c-2.516,0.159 -4.812,-1.429 -5.551,-3.84l-6.26,-20.436c-0.879,-2.871 -3.931,-4.491 -6.802,-3.612l-25.76,7.891c-2.871,0.88 -4.491,3.931 -3.612,6.802l6.26,20.436c0.738,2.41 -0.274,5.012 -2.448,6.29c-8.999,5.29 -17.071,11.95 -23.989,19.795c-1.667,1.89 -4.413,2.389 -6.638,1.208l-18.873,-10.022c-2.652,-1.408 -5.954,-0.397 -7.363,2.253l-12.645,23.791c-0.683,1.285 -0.824,2.758 -0.398,4.149c0.426,1.391 1.368,2.534 2.653,3.216l18.862,10.016c2.227,1.183 3.351,3.74 2.716,6.181c-2.638,10.134 -3.645,20.558 -2.993,30.986c0.157,2.514 -1.431,4.808 -3.841,5.546l-20.443,6.262c-2.869,0.879 -4.49,3.929 -3.613,6.8l7.877,25.764c0.426,1.391 1.367,2.534 2.652,3.216c1.285,0.683 2.759,0.824 4.15,0.398l20.427,-6.257c2.411,-0.738 5.014,0.276 6.291,2.451c5.295,9.023 11.968,17.114 19.831,24.048c1.89,1.667 2.39,4.413 1.208,6.638l-10.022,18.874c-1.408,2.651 -0.397,5.954 2.253,7.362l23.791,12.645c1.285,0.683 2.758,0.824 4.149,0.398c0,-0 0.001,-0 0.001,-0c1.391,-0.426 2.532,-1.368 3.215,-2.653l10.016,-18.862c0.696,-1.312 1.87,-2.241 3.216,-2.654Z"
style="fill-rule: nonzero" />
</g>
<path
d="M331.028,101.547l46.069,15.854c-0,-0 31.781,-6.692 34.148,-47.156c2.41,-40.449 -35.739,-58.435 -35.739,-58.435c-0.711,18.016 -5.801,18.692 -20.98,31.049c-15.178,12.356 -33.75,37.677 -23.498,58.688Z"
style="
fill: #7c5748;
fill-rule: nonzero;
" />
<path
d="M359.686,111.409l17.412,5.992c0,0 31.782,-6.691 34.148,-47.156c2.411,-40.449 -35.738,-58.434 -35.738,-58.434c32.273,36.893 -5.32,85.875 -15.822,99.598Z"
style="
fill: #5f4c44;
fill-rule: nonzero;
" />
<path
d="M407.419,88.985c1.997,-5.238 3.393,-11.41 3.827,-18.74c2.41,-40.449 -35.739,-58.434 -35.739,-58.434c-0.712,18.015 -5.801,18.691 -20.98,31.048c-2.503,2.052 -5.126,4.452 -7.65,7.129c2.17,2.446 3.834,6.078 3.708,11.522c0,0 14.139,-2.418 26.644,1.885c2.997,1.032 5.203,2.665 7.143,4.644c6.184,6.304 9.196,16.179 23.047,20.946Z"
style="
fill: #00a5f1;
fill-rule: nonzero;
" />
<path
d="M407.419,88.985c1.997,-5.238 3.393,-11.41 3.827,-18.74c2.41,-40.449 -35.739,-58.434 -35.739,-58.434c15.513,17.722 14.878,38.192 8.865,56.228c6.184,6.304 9.196,16.179 23.047,20.946Z"
style="
fill: #0094d8;
fill-rule: nonzero;
" />
<path
d="M321.254,134.516l47.508,16.35c3.765,1.295 7.868,-0.707 9.163,-4.472l6.488,-18.85c1.296,-3.766 -0.706,-7.869 -4.472,-9.164l-47.508,-16.349c-3.765,-1.296 -7.868,0.706 -9.163,4.471l-6.488,18.851c-1.296,3.765 0.706,7.867 4.472,9.163Z"
style="
fill: #c0c9d2;
fill-rule: nonzero;
" />
<path
d="M365.308,121.077l-6.42,18.657c-1.314,3.819 -5.476,5.849 -9.295,4.535l19.072,6.563c3.819,1.314 7.98,-0.716 9.294,-4.535l6.421,-18.657c1.314,-3.818 -0.716,-7.979 -4.535,-9.294l-19.072,-6.563c3.819,1.314 5.849,5.475 4.535,9.294Z"
style="
fill: #a6aeba;
fill-rule: nonzero;
" />
<path
d="M324.347,135.58c-11.322,7.729 -23.596,27.224 -38.115,69.412c-25.168,73.133 -35.058,150.447 -16.621,156.791c18.437,6.345 58.219,-60.681 83.387,-133.814c14.518,-42.188 16.842,-65.108 12.674,-78.168"
style="
fill: #f89e00;
fill-rule: nonzero;
" />
<path
d="M336.293,222.22c14.518,-42.187 19.332,-64.251 19.042,-75.976l10.336,3.557c4.169,13.06 1.845,35.979 -12.674,78.168c-25.168,73.133 -64.949,140.158 -83.387,133.814c9.214,3.17 41.515,-66.43 66.683,-139.563Z"
style="
fill: #d38302;
fill-rule: nonzero;
" />
<path
d="M268.259,365.699c7.978,2.746 17.565,-3.002 29.311,-17.572c9.288,-11.519 19.504,-28.127 29.666,-48.198c1.039,-2.053 0.203,-4.563 -1.858,-5.584c-2.039,-1.01 -4.511,-0.181 -5.539,1.851c-24.764,48.965 -42.73,63.785 -48.883,61.667c-4.802,-1.652 -9.061,-15.466 -5.268,-48.963c3.376,-29.812 12.292,-67.194 24.461,-102.559c12.241,-35.571 23.68,-57.245 34.909,-66.134l37.205,12.804c3.381,13.915 -0.94,38.038 -13.182,73.611c-6.071,17.64 -13.273,35.637 -20.923,52.308c-0.947,2.063 -0.045,4.504 2.011,5.467l0.001,0c2.086,0.978 4.566,0.064 5.528,-2.031c7.76,-16.91 15.063,-35.162 21.219,-53.047c11.784,-34.244 16.388,-58.069 14.209,-73.928c4.703,-0.013 9.103,-2.957 10.718,-7.648l6.487,-18.852c1.289,-3.745 0.493,-7.707 -1.76,-10.633c2.175,-1.078 4.612,-2.487 7.124,-4.31c1.975,-1.432 2.296,-4.251 0.69,-6.087l-0.001,-0c-1.42,-1.623 -3.833,-1.867 -5.58,-0.603c-4.971,3.597 -9.556,5.235 -11.518,5.826l-43.209,-14.869c-5.449,-13.415 2.155,-29.18 11.956,-41.016c0.302,1.235 0.446,2.589 0.409,4.068c-0.018,0.708 0.09,1.422 0.406,2.055c0.858,1.719 2.675,2.571 4.43,2.271c0.131,-0.023 13.226,-2.195 24.597,1.719c4.422,1.521 6.85,4.886 9.924,9.144c3.522,4.882 7.796,10.799 16.226,14.799c-0.487,1.023 -1.008,2.019 -1.562,2.987c-1.058,1.851 -0.504,4.206 1.246,5.424l0.003,0.002c1.999,1.39 4.759,0.766 5.968,-1.348c4.508,-7.88 7.105,-17.207 7.732,-27.794c1.046,-17.73 -5.222,-34.16 -18.13,-47.513c-9.647,-9.982 -19.558,-14.717 -19.974,-14.914c-1.143,-0.538 -2.461,-0.524 -3.585,0.024c-0.112,0.055 -0.223,0.115 -0.332,0.181c-1.188,0.72 -1.936,1.988 -1.992,3.377c-0.529,13.196 -2.91,15.039 -12.929,22.801c-1.925,1.491 -4.106,3.181 -6.546,5.17c-9.257,7.544 -17.414,17.555 -22.381,27.468c-5.619,11.215 -7.016,21.958 -4.146,31.399c-0.096,0.044 -0.195,0.079 -0.291,0.125c-2.726,1.33 -4.77,3.642 -5.757,6.51l-6.488,18.851c-1.614,4.692 0.043,9.722 3.743,12.625c-11.479,11.161 -22.51,32.773 -34.294,67.016c-12.357,35.912 -21.417,73.936 -24.859,104.322c-3.904,34.496 -0.269,53.919 10.808,57.731Zm88.902,-319.624c2.36,-1.924 4.499,-3.58 6.386,-5.042c9.052,-7.013 13.907,-10.773 15.56,-22.321c9.841,6.455 29.701,23.083 28.033,51.325c-0.283,4.8 -1.019,9.281 -2.195,13.428c-6.063,-3.044 -9.17,-7.346 -12.426,-11.858c-3.461,-4.796 -7.039,-9.755 -13.947,-12.133c-9.004,-3.098 -18.626,-2.998 -24.131,-2.572c-0.373,-2.353 -1.104,-4.505 -2.184,-6.446c1.651,-1.604 3.301,-3.074 4.904,-4.381Zm-36.46,80.626l6.487,-18.852c0.267,-0.775 0.818,-1.399 1.555,-1.758c0.736,-0.36 1.567,-0.411 2.343,-0.143l47.508,16.348c1.6,0.551 2.453,2.3 1.903,3.899l-6.488,18.851c-0.275,0.8 -0.849,1.413 -1.555,1.758c-0.706,0.344 -1.543,0.42 -2.343,0.144l-47.509,-16.35c-1.599,-0.55 -2.452,-2.298 -1.901,-3.897Z"
style="fill-rule: nonzero" />
<clipPath id="_clip3">
<polygon
points="338.743,110.391 329.8,355.224 84.967,346.281 93.91,101.448 338.743,110.391 " />
</clipPath>
<g clip-path="url(#_clip3)">
<path
d="M199.991,236.632l21.148,-19.657c2.063,-1.919 2.181,-5.148 0.263,-7.213l-67.366,-72.473l0.295,-8.09c0.071,-1.93 -0.954,-3.735 -2.649,-4.663l-40.059,-21.893c-1.928,-1.052 -4.313,-0.752 -5.921,0.744l-10.574,9.828c-1.61,1.495 -2.082,3.852 -1.174,5.851l18.912,41.551c0.802,1.757 2.527,2.911 4.458,2.982l8.089,0.295l67.365,72.475c1.919,2.064 5.148,2.182 7.213,0.263Z"
style="
fill: #cfd8dc;
fill-rule: nonzero;
" />
<path
d="M315.572,345.996l6.207,-5.769c11.646,-11.351 12.322,-29.849 1.535,-42.019l-61.852,-66.563c-0.923,-0.99 -2.203,-1.574 -3.557,-1.621c-8.451,-0.309 -15.051,-7.41 -14.743,-15.861c0.052,-1.354 -0.436,-2.672 -1.357,-3.666l-9.829,-10.573c-1.919,-2.064 -5.147,-2.182 -7.212,-0.264l-42.296,39.315c-2.064,1.919 -2.182,5.147 -0.263,7.212l9.828,10.574c0.92,0.992 2.195,1.579 3.547,1.631c8.451,0.309 15.051,7.41 14.743,15.861c-0.052,1.354 0.436,2.673 1.357,3.666l61.862,66.542c11.183,12.019 29.99,12.706 42.02,1.535l0.01,0Z"
style="
fill: #ff02ad;
fill-rule: nonzero;
" />
<g>
<path
d="M241.858,249.868c0.098,-2.817 2.461,-5.022 5.279,-4.924c1.358,0.047 2.641,0.634 3.565,1.631l58.972,63.443c1.955,2.032 1.893,5.262 -0.138,7.218c-2.031,1.954 -5.262,1.892 -7.217,-0.139c-0.041,-0.042 -0.081,-0.085 -0.121,-0.129l-58.972,-63.444c-0.922,-0.99 -1.414,-2.304 -1.368,-3.656Z"
style="
fill: #c62828;
fill-rule: nonzero;
" />
<path
d="M225.997,264.611c0.098,-2.817 2.461,-5.022 5.279,-4.924c1.358,0.047 2.641,0.634 3.565,1.631l58.972,63.444c1.955,2.031 1.893,5.262 -0.138,7.217c-2.031,1.955 -5.262,1.892 -7.217,-0.139c-0.041,-0.042 -0.081,-0.085 -0.121,-0.129l-58.972,-63.444c-0.922,-0.99 -1.414,-2.304 -1.368,-3.656Z"
style="
fill: #c62828;
fill-rule: nonzero;
" />
</g>
<path
d="M180.837,242.532c0.047,-1.354 0.63,-2.634 1.621,-3.557l42.296,-39.315c2.064,-1.918 5.293,-1.8 7.212,0.264l9.829,10.574c0.924,0.991 1.416,2.31 1.367,3.666c-0.308,8.451 6.292,15.552 14.743,15.86c1.354,0.048 2.634,0.631 3.557,1.622l61.852,66.552c10.627,12.227 9.956,30.599 -1.535,42.019l-6.217,5.779c-12.03,11.171 -30.837,10.484 -42.02,-1.535l-61.861,-66.552c-0.919,-0.991 -1.407,-2.305 -1.358,-3.656c0.308,-8.451 -6.292,-15.552 -14.743,-15.861c-1.354,-0.047 -2.634,-0.63 -3.557,-1.621l-9.829,-10.574c-0.921,-0.993 -1.409,-2.312 -1.357,-3.665Zm47.133,-31.917l-34.821,32.366l5.013,5.393c12.293,1.528 21.714,11.663 22.341,24.035l60.515,65.104c7.345,7.891 19.693,8.342 27.595,1.008l6.217,-5.78c7.536,-7.503 7.976,-19.561 1.008,-27.594l-60.515,-65.104c-12.293,-1.527 -21.714,-11.663 -22.341,-24.035l-5.012,-5.393Z"
style="fill-rule: nonzero" />
<path
d="M93.496,116.762c0.047,-1.354 0.63,-2.633 1.622,-3.557l10.573,-9.829c1.608,-1.496 3.993,-1.795 5.921,-0.743l40.06,21.893c1.702,0.927 2.732,2.737 2.659,4.673l-0.295,8.09l67.366,72.474c1.883,2.097 1.709,5.324 -0.389,7.208c-2.046,1.836 -5.18,1.722 -7.086,-0.259l-68.802,-74.018c-0.924,-0.992 -1.416,-2.311 -1.367,-3.666l0.257,-7.049l-34.051,-18.61l-5.181,4.816l16.076,35.318l7.039,0.257c1.353,0.047 2.633,0.63 3.557,1.622l68.8,74.017c1.883,2.098 1.709,5.325 -0.389,7.208c-2.046,1.837 -5.18,1.722 -7.086,-0.259l-67.368,-72.453l-8.089,-0.295c-1.93,-0.071 -3.656,-1.225 -4.457,-2.982l-18.912,-41.551c-0.33,-0.722 -0.487,-1.511 -0.458,-2.305Z"
style="fill-rule: nonzero" />
<path
d="M241.858,249.868c0.098,-2.817 2.461,-5.022 5.279,-4.924c1.358,0.047 2.641,0.634 3.565,1.631l58.972,63.443c1.955,2.032 1.893,5.262 -0.138,7.218c-2.031,1.954 -5.262,1.892 -7.217,-0.139c-0.041,-0.042 -0.081,-0.085 -0.121,-0.129l-58.972,-63.444c-0.922,-0.99 -1.414,-2.304 -1.368,-3.656Z"
style="fill-rule: nonzero" />
<path
d="M225.997,264.611c0.098,-2.817 2.461,-5.022 5.279,-4.924c1.358,0.047 2.641,0.634 3.565,1.631l58.972,63.444c1.955,2.031 1.893,5.262 -0.138,7.217c-2.031,1.955 -5.262,1.892 -7.217,-0.139c-0.041,-0.042 -0.081,-0.085 -0.121,-0.129l-58.972,-63.444c-0.922,-0.99 -1.414,-2.304 -1.368,-3.656Z"
style="fill-rule: nonzero" />
</g>
<g>
<g>
<g>
<g>
<path
d="M562.573,120.232l-87.881,207.058c-10.861,25.591 -40.411,37.532 -66.002,26.671c-25.591,-10.862 -37.532,-40.412 -26.671,-66.003l87.881,-207.058l92.673,39.332Z"
style="
fill: #dfe9f4;
fill-rule: nonzero;
" />
</g>
<g>
<path
d="M419.861,198.798l-37.842,89.16c-10.861,25.591 1.08,55.141 26.671,66.002c25.59,10.861 55.14,-1.079 66.002,-26.67l53.493,-126.037l-108.324,-2.455Z"
style="
fill: #24c100;
fill-rule: nonzero;
" />
</g>
<g>
<path
d="M528.18,201.254l-53.499,126.05c-10.864,25.596 -40.385,37.525 -65.981,26.662c-16.865,-7.158 -27.793,-22.426 -30.186,-39.277c4.202,3.899 9.15,7.192 14.756,9.571c25.596,10.864 55.163,-1.045 66.027,-26.642l41.172,-97.008l27.711,0.644Z"
style="
fill: #21af00;
fill-rule: nonzero;
" />
</g>
<g>
<path
d="M578.717,120.131l12.276,-28.925c1.381,-3.254 -0.137,-7.011 -3.391,-8.392l-108.177,-45.912c-3.253,-1.381 -7.01,0.137 -8.391,3.39l-12.277,28.926c-1.381,3.254 0.137,7.011 3.391,8.392l108.177,45.913c3.253,1.38 7.01,-0.138 8.392,-3.392Z"
style="
fill: #2dcef6;
fill-rule: nonzero;
" />
</g>
<g>
<path
d="M590.997,91.198l-12.288,28.95c-1.365,3.217 -5.116,4.771 -8.378,3.386l-108.175,-45.912c-3.263,-1.385 -4.751,-5.162 -3.385,-8.378l3.12,-7.353l100.179,42.518c3.263,1.385 7.013,-0.169 8.398,-3.431l9.147,-21.552l7.996,3.393c3.263,1.384 4.77,5.116 3.386,8.379Z"
style="
fill: #1ec5e0;
fill-rule: nonzero;
" />
</g>
<g>
<path
d="M523.331,129.908c7.056,2.995 10.353,11.155 7.359,18.21c-2.995,7.056 -11.155,10.353 -18.21,7.359c-7.056,-2.995 -10.353,-11.155 -7.359,-18.21c2.995,-7.056 11.155,-10.353 18.21,-7.359Z"
style="
fill: #21af00;
" />
<path
d="M470.558,233.05c7.624,3.236 11.187,12.053 7.951,19.677c-3.235,7.624 -12.052,11.186 -19.676,7.951c-7.624,-3.236 -11.187,-12.053 -7.951,-19.677c3.236,-7.624 12.053,-11.186 19.676,-7.951Z"
style="
fill: #dfe9f4;
" />
<path
d="M428.819,292.984c6.059,2.571 8.891,9.579 6.319,15.638c-2.571,6.059 -9.578,8.89 -15.638,6.318c-6.059,-2.571 -8.89,-9.578 -6.318,-15.637c2.571,-6.059 9.578,-8.891 15.637,-6.319Z"
style="
fill: #dfe9f4;
" />
<g>
<path
d="M473.695,150.963c5.26,2.232 7.718,8.315 5.485,13.576c-2.232,5.26 -8.315,7.718 -13.575,5.485c-5.261,-2.232 -7.719,-8.315 -5.486,-13.576c2.232,-5.26 8.316,-7.718 13.576,-5.485Z"
style="
fill: #21af00;
" />
<g>
<path
d="M589.555,78.219l-18.628,-7.906c-2.54,-1.078 -5.468,0.105 -6.546,2.645c-1.078,2.539 0.105,5.467 2.645,6.545l18.628,7.907c0.714,0.302 1.045,1.132 0.742,1.845l-12.277,28.927c-0.303,0.714 -1.128,1.047 -1.841,0.744c-48.948,-20.774 -58.962,-25.024 -108.18,-45.913c-0.713,-0.303 -1.051,-1.13 -0.748,-1.843l12.278,-28.928c0.302,-0.713 1.133,-1.049 1.847,-0.746l72.345,30.705c2.54,1.078 5.468,-0.105 6.546,-2.645c1.078,-2.54 -0.105,-5.468 -2.645,-6.546l-72.345,-30.705c-5.785,-2.455 -12.484,0.252 -14.939,6.036l-12.277,28.928c-2.454,5.78 0.253,12.479 6.038,14.934l3.159,1.341l-11.156,26.284c-1.078,2.54 0.106,5.468 2.645,6.546c2.54,1.078 5.468,-0.105 6.546,-2.645l11.156,-26.284l83.479,35.43l-31.114,73.309l-36.489,-0.826c-2.754,-0.062 -5.041,2.119 -5.1,4.879c-0.067,2.753 2.097,5.042 4.879,5.101l32.511,0.738l-50.618,119.264c-9.769,23.017 -36.438,33.794 -59.455,24.025c-23.017,-9.769 -33.794,-36.438 -24.025,-59.455l36.518,-86.042l44.574,1.007c2.754,0.062 5.041,-2.119 5.1,-4.879c0.067,-2.752 -2.103,-5.039 -4.879,-5.1l-40.596,-0.92l25.271,-59.541c1.078,-2.54 -0.105,-5.468 -2.645,-6.546c-2.54,-1.077 -5.468,0.106 -6.546,2.645l-65.987,155.475c-11.919,28.084 1.231,60.627 29.315,72.546c28.083,11.92 60.627,-1.23 72.546,-29.314c19.018,-44.809 66.682,-157.112 85.931,-202.465l3.159,1.341c5.78,2.453 12.479,-0.253 14.933,-6.034l12.277,-28.927c2.455,-5.785 -0.252,-12.484 -6.032,-14.937Z"
style="
fill: #003;
fill-rule: nonzero;
" />
<path
d="M510.531,160.069c9.585,4.068 20.688,-0.419 24.757,-10.004c4.066,-9.581 -0.42,-20.685 -10.006,-24.753c-9.585,-4.068 -20.689,0.418 -24.755,10c-4.069,9.586 0.418,20.688 10.004,24.757Zm10.85,-25.566c4.515,1.916 6.632,7.147 4.716,11.662c-1.916,4.515 -7.151,6.63 -11.666,4.714c-4.514,-1.916 -6.63,-7.152 -4.714,-11.666c1.916,-4.515 7.15,-6.626 11.664,-4.71Z"
style="
fill: #003;
fill-rule: nonzero;
" />
<path
d="M483.107,254.679c4.309,-10.151 -0.447,-21.919 -10.598,-26.228c-10.15,-4.308 -21.915,0.449 -26.223,10.6c-4.308,10.151 0.444,21.913 10.596,26.222c10.151,4.308 21.917,-0.443 26.225,-10.594Zm-22.325,1.403c-5.084,-2.158 -7.463,-8.045 -5.305,-13.13c2.158,-5.085 8.047,-7.468 13.132,-5.31c5.084,2.158 7.465,8.052 5.308,13.136c-2.158,5.084 -8.05,7.462 -13.135,5.304Z"
style="
fill: #003;
fill-rule: nonzero;
" />
<path
d="M430.768,288.391c-8.585,-3.644 -18.538,0.378 -22.181,8.963c-3.644,8.585 0.378,18.538 8.963,22.182c8.585,3.643 18.537,-0.378 22.181,-8.963c3.644,-8.585 -0.378,-18.538 -8.963,-22.182Zm-9.318,21.954c-3.518,-1.493 -5.166,-5.571 -3.673,-9.09c1.494,-3.519 5.572,-5.167 9.09,-3.673c3.519,1.493 5.167,5.571 3.673,9.09c-1.493,3.518 -5.571,5.166 -9.09,3.673Z"
style="
fill: #003;
fill-rule: nonzero;
" />
<path
d="M483.773,166.486c3.305,-7.786 -0.343,-16.812 -8.128,-20.116c-7.791,-3.307 -16.817,0.341 -20.121,8.126c-3.305,7.786 0.342,16.812 8.133,20.119c7.786,3.304 16.812,-0.343 20.116,-8.129Zm-19.059,-8.089c1.155,-2.719 4.306,-3.993 7.03,-2.836c2.719,1.154 3.993,4.305 2.838,7.024c-1.154,2.72 -4.305,3.993 -7.024,2.839c-2.725,-1.156 -3.998,-4.307 -2.844,-7.027Z"
style="
fill: #003;
fill-rule: nonzero;
" />
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
<g>
<g>
<path
d="M1338.77,177.49l-14.203,208.687l45.422,0.422l7.453,-101.11l23.063,94.782c5.531,6.187 11.859,7.5 18.984,3.937l43.031,-97.875l-5.765,99.844l45.703,-0.422l12.797,-208.547c-12.563,-3.281 -25.594,-3.187 -39.094,0.282l-57.797,118.406l-32.766,-118.125c-19.5,-5.344 -35.109,-5.438 -46.828,-0.281Z"
style="
fill: #00a5f1;
fill-rule: nonzero;
" />
<path
d="M1536.29,178.474c-3.375,1.594 -5.578,4.219 -6.609,7.875l-12.657,192.797c0.938,5.156 3.422,8.109 7.454,8.859l131.484,-5.203c9.938,-14.531 11.016,-30.094 3.234,-46.687l-94.359,2.812l3.797,-43.594l76.922,-3.234c8.156,-12.188 8.718,-25.125 1.687,-38.813l-75.515,1.547l2.531,-36l91.969,-2.953c6.187,-12.844 6.984,-26.625 2.39,-41.344l-132.328,3.938Z"
style="
fill: #00a5f1;
fill-rule: nonzero;
" />
<path
d="M1829.72,195.068c3.281,16.875 -1.125,30.375 -13.219,40.5c-8.156,-5.25 -20.953,-9.422 -38.39,-12.516c-15.282,-1.5 -27.75,2.93 -37.407,13.289c-9.656,10.359 -15.562,23.789 -17.718,40.289c-3.188,10.406 -1.219,23.766 5.906,40.078c7.125,14.813 17.976,22.641 32.554,23.485c14.579,0.843 32.04,-2.016 52.383,-8.578c7.313,14.437 8.016,28.593 2.11,42.468c-24.094,11.063 -43.641,16.313 -58.641,15.75c-27.656,-3.469 -47.812,-13.5 -60.469,-30.094c-16.875,-22.218 -22.593,-53.578 -17.156,-94.078c4.313,-32.062 14.484,-56.297 30.516,-72.703c20.906,-16.969 46.265,-23.906 76.078,-20.812c20.719,1.312 35.203,8.953 43.453,22.922Z"
style="
fill: #00a5f1;
fill-rule: nonzero;
" />
<path
d="M1845.63,183.958l-12.093,197.578c10.312,7.407 25.546,8.532 45.703,3.375l5.062,-85.781l65.953,-2.812l-4.078,85.922c12.938,7.968 28.078,7.593 45.422,-1.125l9.563,-200.11c-13.313,-7.219 -27.188,-7.312 -41.625,-0.281l-5.344,73.266l-66.797,3.375l4.078,-78.61c-16.875,-6.469 -32.156,-4.734 -45.844,5.203Z"
style="
fill: #00a5f1;
fill-rule: nonzero;
" />
<path
d="M2073.74,175.099l-73.688,205.453c10.219,8.719 25.782,11.672 46.688,8.859l12.938,-37.968l52.171,-6.469l10.125,37.687c20.532,3.938 37.219,1.688 50.063,-6.75l-56.25,-202.5c-13.219,-8.156 -27.235,-7.593 -42.047,1.688Zm30.234,130.5l-34.312,4.078l22.078,-69.187l12.234,65.109Z"
style="
fill: #00a5f1;
fill-rule: nonzero;
" />
<path
d="M2185.9,183.958l-12.093,197.578c10.312,7.407 25.547,8.532 45.703,3.375l7.875,-115.031l62.859,114.75c16.5,6.563 29.532,5.531 39.094,-3.094l12.094,-200.531c-13.313,-7.219 -27.188,-7.312 -41.625,-0.281l-6.75,110.812l-66.938,-113.484c-20.156,-5.25 -33.562,-3.281 -40.219,5.906Z"
style="
fill: #00a5f1;
fill-rule: nonzero;
" />
<path
d="M2340.33,383.083c13.218,6.844 29.39,7.547 48.515,2.11l16.594,-206.86c-16.5,-4.781 -31.875,-5.484 -46.125,-2.109l-18.984,206.859Z"
style="
fill: #00a5f1;
fill-rule: nonzero;
" />
<path
d="M2562.53,195.068c3.281,16.875 -1.125,30.375 -13.219,40.5c-8.156,-5.25 -20.953,-9.422 -38.39,-12.516c-15.282,-1.5 -27.75,2.93 -37.407,13.289c-9.656,10.359 -15.562,23.789 -17.718,40.289c-3.188,10.406 -1.219,23.766 5.906,40.078c7.125,14.813 17.976,22.641 32.555,23.485c14.578,0.843 32.039,-2.016 52.382,-8.578c7.313,14.437 8.016,28.593 2.11,42.468c-24.094,11.063 -43.641,16.313 -58.641,15.75c-27.656,-3.469 -47.812,-13.5 -60.469,-30.094c-16.875,-22.218 -22.593,-53.578 -17.156,-94.078c4.313,-32.062 14.484,-56.297 30.516,-72.703c20.906,-16.969 46.265,-23.906 76.078,-20.812c20.719,1.312 35.203,8.953 43.453,22.922Z"
style="
fill: #00a5f1;
fill-rule: nonzero;
" />
<path
d="M2572.61,363.536c-6.093,-21.281 -2.531,-37.781 10.688,-49.5c24.094,14.157 41.578,22.875 52.453,26.157c20.25,-0.188 31.359,-5.25 33.328,-15.188c0.469,-7.969 -5.719,-15.656 -18.562,-23.062l-36.141,-17.578c-22.594,-12 -34.313,-28.922 -35.156,-50.766c0.843,-12.563 5.179,-23.859 13.008,-33.891c7.828,-10.031 16.64,-16.617 26.437,-19.758c9.797,-3.14 21.445,-4.289 34.945,-3.445c24.75,1.5 46.453,8.531 65.11,21.094c0.75,17.719 -4.782,33.141 -16.594,46.266c-22.781,-17.063 -41.016,-25.032 -54.703,-23.907c-12.844,-1.5 -19.641,3.094 -20.391,13.782c-0.469,6.093 8.578,13.968 27.141,23.625c21.281,8.625 37.055,18.515 47.32,29.671c10.266,11.157 14.836,24.704 13.711,40.641c-1.5,21.563 -11.531,38.109 -30.094,49.641c-11.812,8.25 -28.875,11.671 -51.187,10.265c-21.281,-2.719 -41.719,-10.734 -61.313,-24.047Z"
style="
fill: #00a5f1;
fill-rule: nonzero;
" />
</g>
<g>
<path
d="M644.827,363.536c-6.094,-21.281 -2.531,-37.781 10.688,-49.5c24.093,14.157 41.578,22.875 52.453,26.157c20.25,-0.188 31.359,-5.25 33.328,-15.188c0.469,-7.969 -5.719,-15.656 -18.563,-23.062l-36.14,-17.578c-22.594,-12 -34.313,-28.922 -35.157,-50.766c0.844,-12.563 5.18,-23.859 13.008,-33.891c7.828,-10.031 16.641,-16.617 26.438,-19.758c9.797,-3.14 21.445,-4.289 34.945,-3.445c24.75,1.5 46.453,8.531 65.109,21.094c0.75,17.719 -4.781,33.141 -16.593,46.266c-22.782,-17.063 -41.016,-25.032 -54.704,-23.907c-12.843,-1.5 -19.64,3.094 -20.39,13.782c-0.469,6.093 8.578,13.968 27.14,23.625c21.282,8.625 37.055,18.515 47.321,29.671c10.265,11.157 14.836,24.704 13.711,40.641c-1.5,21.563 -11.532,38.109 -30.094,49.641c-11.813,8.25 -28.875,11.671 -51.188,10.265c-21.281,-2.719 -41.718,-10.734 -61.312,-24.047Z"
fill="currentColor"
style="fill-rule: nonzero" />
<path
d="M805.297,178.896c-9.563,12.281 -9.141,27.187 1.266,44.719l51.047,-1.125l-9.141,161.437c16.969,6.281 32.578,6.375 46.828,0.281l7.594,-163.547l51.89,-0.703c7.219,-15.094 7.594,-30.14 1.125,-45.14l-150.609,4.078Z"
fill="currentColor"
style="fill-rule: nonzero" />
<path
d="M983.767,178.474c-3.375,1.594 -5.578,4.219 -6.609,7.875l-12.657,192.797c0.938,5.156 3.422,8.109 7.454,8.859l131.484,-5.203c9.937,-14.531 11.016,-30.094 3.234,-46.687l-94.359,2.812l3.797,-43.594l76.922,-3.234c8.156,-12.188 8.718,-25.125 1.687,-38.813l-75.515,1.547l2.531,-36l91.969,-2.953c6.187,-12.844 6.984,-26.625 2.39,-41.344l-132.328,3.938Z"
fill="currentColor"
style="fill-rule: nonzero" />
<path
d="M1136.08,177.49l-14.203,208.687l45.421,0.422l7.454,-101.11l23.062,94.782c5.531,6.187 11.86,7.5 18.985,3.937l43.031,-97.875l-5.766,99.844l45.703,-0.422l12.797,-208.547c-12.562,-3.281 -25.594,-3.187 -39.094,0.282l-57.796,118.406l-32.766,-118.125c-19.5,-5.344 -35.109,-5.438 -46.828,-0.281Z"
fill="currentColor"
style="fill-rule: nonzero" />
</g>
</g>
</g>
</svg>
</router-link>
<div class="flex flex-items-center flex-justify-end w-full">
<router-link
:to="{ name: 'workshops' }"
role="button"
class="font-medium px-6 py-1.5 rounded-md hover:shadow-md transition text-sm bg-sky-600 hover:bg-sky-500 text-white hidden sm:block">
Find Workshops
</router-link>
<button
type="button"
title="Toggle nav"
id="navbar-toggle"
class="leading-0 ml-4 mr-2 bg-transparent cursor-pointer"
@click.stop="toggleNav">
<svg
xmlns="http://www.w3.org/2000/svg"
class="w-6 h-6"
viewBox="0 0 20 20">
<path
fill-rule="evenodd"
d="M3 5a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1zm0 5a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1zm0 5a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1z"
clip-rule="evenodd"
fill="currentColor" />
</svg>
</button>
<!-- <router-link
:to="{ name: 'cart' }"
id="navbar-cart"
class="block cursor-pointer select-none relative"
><svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 -960 960 960"
class="w-6 h-6 pointer-events-none">
<path
d="M220-80q-24 0-42-18t-18-42v-520q0-24 18-42t42-18h110v-10q0-63 43.5-106.5T480-880q63 0 106.5 43.5T630-730v10h110q24 0 42 18t18 42v520q0 24-18 42t-42 18H220Zm0-60h520v-520H630v90q0 12.75-8.675 21.375-8.676 8.625-21.5 8.625-12.825 0-21.325-8.625T570-570v-90H390v90q0 12.75-8.675 21.375-8.676 8.625-21.5 8.625-12.825 0-21.325-8.625T330-570v-90H220v520Zm170-580h180v-10q0-38-26-64t-64-26q-38 0-64 26t-26 64v10ZM220-140v-520 520Z"
fill="currentColor" />
</svg>
<div
class="absolute flex items-center flex-justify-center -top-2 -right-4 bg-red text-3 p-1 w-5 h-5 rounded-9 text-white">
14
</div>
</router-link> -->
</div>
</div>
<div
id="navbar-draw"
class="absolute top-full left-0 right-0 px-4 pt-4 pb-6 shadow-xl w-full bg-white dark:bg-dark-9 z-1"
v-show="isNavVisible">
<div class="max-w-7xl mx-auto flex flex-col">
<router-link
:to="{ name: 'blog' }"
class="hover:text-sky-600 hover:bg-gray-1 dark:hover:text-sky-400 text-sm transition-colors px-2.5 py-2 inline-flex items-center">
Blog
</router-link>
<router-link
:to="{ name: 'workshops' }"
class="hover:text-sky-600 hover:bg-gray-1 dark:hover:text-sky-400 text-sm transition-colors px-2.5 py-2 inline-flex items-center">
Workshops
</router-link>
<router-link
:to="{ name: 'community' }"
class="hover:text-sky-600 hover:bg-gray-1 dark:hover:text-sky-400 text-sm transition-colors px-2.5 py-2 inline-flex items-center">
Community
</router-link>
<router-link
:to="{ name: 'contact' }"
class="hover:text-sky-600 hover:bg-gray-1 dark:hover:text-sky-400 text-sm transition-colors px-2.5 py-2 inline-flex items-center">
Contact
</router-link>
<router-link
:to="{ name: 'register' }"
class="hover:text-sky-600 hover:bg-gray-1 dark:hover:text-sky-400 text-sm transition-colors px-2.5 py-2 inline-flex items-center"
v-show="!userStore.id">
Register
</router-link>
<router-link
:to="{ name: 'login' }"
class="hover:text-sky-600 hover:bg-gray-1 dark:hover:text-sky-400 text-sm transition-colors px-2.5 py-2 inline-flex items-center"
v-show="!userStore.id">
Log in
</router-link>
<router-link
:to="{ name: 'dashboard' }"
class="hover:text-sky-600 hover:bg-gray-1 dark:hover:text-sky-400 text-sm transition-colors px-2.5 py-2 inline-flex items-center"
v-show="userStore.id">
Dashboard
</router-link>
<router-link
:to="{ name: 'logout' }"
class="hover:text-sky-600 hover:bg-gray-1 dark:hover:text-sky-400 text-sm transition-colors px-2.5 py-2 inline-flex items-center"
v-show="userStore.id">
Log out
</router-link>
</div>
</div>
</div>
</nav>
</template>
<script setup lang="ts">
import { onMounted, onUnmounted, ref } from "vue";
import { useUserStore } from "../store/UserStore";
const userStore = useUserStore();
const isNavVisible = ref(false);
const isNavTransparent = ref(false);
/**
* Toggle the navbar visiblity
*/
const toggleNav = () => {
isNavVisible.value = !isNavVisible.value;
};
/**
* Hide the navbar
*/
const hideNav = () => {
isNavVisible.value = false;
};
/**
* Handle user scrolling
*/
const handleScroll = () => {
isNavTransparent.value = window.scrollY >= 60;
};
onMounted(() => {
document.body.addEventListener("click", hideNav);
window.addEventListener("scroll", handleScroll);
});
onUnmounted(() => {
document.body.removeEventListener("click", hideNav);
window.removeEventListener("scroll", handleScroll);
});
</script>
<style lang="scss">
#navbar {
&.is-open {
background-color: #fff;
#navbar-logo,
#navbar-toggle,
#navbar-cart {
color: #000 !important;
}
}
#navbar-logo,
#navbar-toggle,
#navbar-cart {
color: #000;
}
#navbar-draw a {
color: #000;
text-decoration: none;
&:hover {
color: #0284c7;
}
}
}
.page-home {
#navbar {
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
#navbar-logo,
#navbar-toggle,
#navbar-cart {
color: #fff;
}
}
}
</style>