feat: animate the logo in the navbar

apps/web/public/assets/sharp-wordmark.svg

@@ -0,0 +1,93 @@
+<svg width="218" height="46" viewBox="0 0 218 46" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="135" y="0" width="43" height="46">
+<path d="M135.235 0.657146H177.907V46H135.235V0.657146Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_654_6424)">
+<mask id="mask1_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="135" y="0" width="43" height="46">
+<path d="M150.792 3.08547C151.268 2.37555 152.322 2.02058 153.953 2.02058C156.79 2.02058 158.786 2.93334 159.951 4.74872C161.116 6.5641 161.704 9.11982 161.704 12.4159C161.704 14.3327 161.46 16.0771 160.984 17.6389C160.508 19.2007 159.627 20.4583 158.36 21.3914C157.094 22.3244 155.219 22.8011 152.757 22.8011H150.072V7.40586C150.072 5.23552 150.316 3.79539 150.792 3.08547ZM176.962 41.5836C176.546 42.04 176.161 42.3848 175.807 42.6181C175.452 42.8513 175.006 42.9832 174.459 43.0238C173.669 43.0238 173.061 42.6891 172.646 42.0197C172.23 41.3504 171.835 40.1841 171.46 38.5107L170.022 32.0605C169.474 29.4744 168.299 27.5373 166.486 26.2391C164.672 24.941 161.896 24.1398 158.137 23.8051C159.768 23.6226 161.237 23.3386 162.514 22.9532C164.936 22.223 166.84 21.2392 168.238 20.0121C169.637 18.7849 170.619 17.4462 171.207 16.0061C171.795 14.566 172.088 13.136 172.088 11.7161C172.088 8.24763 170.65 5.5702 167.772 3.67369C164.895 1.77718 160.559 0.823855 154.763 0.823855C153.973 0.823855 152.636 0.844138 150.761 0.884705C148.887 0.925272 146.942 0.945556 144.946 0.945556C143.193 0.945556 141.43 0.925272 139.657 0.884705C137.884 0.844138 136.476 0.803571 135.432 0.763004V2.02058C136.729 2.06115 137.712 2.22342 138.401 2.48711C139.09 2.75079 139.546 3.25788 139.779 3.98809C140.012 4.71829 140.123 5.85417 140.123 7.39572V38.4498C140.123 39.9508 140.012 41.0765 139.779 41.827C139.546 42.5775 139.1 43.0846 138.441 43.328C137.783 43.5714 136.77 43.7438 135.432 43.825V45.0724C136.476 44.9913 137.884 44.9406 139.657 44.9203C141.43 44.9 143.315 44.8898 145.321 44.8898C147.073 44.8898 148.796 44.9 150.508 44.9203C152.22 44.9406 153.639 44.9913 154.763 45.0724V43.8351C153.426 43.754 152.433 43.5816 151.764 43.3382C151.096 43.0948 150.65 42.5877 150.417 41.8372C150.184 41.0867 150.072 39.9609 150.072 38.46V24.0587H153.385H154.135C155.432 24.0587 156.435 24.444 157.165 25.2148C157.894 25.9856 158.461 27.0302 158.887 28.3486C159.312 29.667 159.657 31.1985 159.951 32.953L161.075 39.2105C161.531 41.7966 162.494 43.5714 163.953 44.5247C165.412 45.4781 167.266 45.9649 169.525 45.9649C171.359 45.9649 172.919 45.6809 174.216 45.1231C175.513 44.5653 176.719 43.6323 177.843 42.3341L176.962 41.5836Z" fill="white"/>
+</mask>
+<g mask="url(#mask1_654_6424)">
+<path d="M-5.03304 -5.03807H222.329V51.0381H-5.03304V-5.03807Z" fill="#1D1D1B"/>
+</g>
+</g>
+<mask id="mask2_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="180" y="0" width="38" height="46">
+<path d="M180.314 0.657146H217.296V45.1238H180.314V0.657146Z" fill="white"/>
+</mask>
+<g mask="url(#mask2_654_6424)">
+<mask id="mask3_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="180" y="0" width="38" height="46">
+<path d="M206.05 19.7991C205.574 21.6348 204.692 23.1155 203.426 24.2412C202.159 25.367 200.285 25.9349 197.823 25.9349H195.138V7.40588C195.138 5.23554 195.381 3.79541 195.857 3.08548C196.334 2.37556 197.387 2.0206 199.018 2.0206C201.855 2.0206 203.851 3.00435 205.016 4.96171C206.182 6.91907 206.769 9.89061 206.769 13.8459C206.769 15.9757 206.526 17.9533 206.05 19.789M212.838 4.26193C209.961 1.96989 205.624 0.813727 199.829 0.813727C199.039 0.813727 197.701 0.83401 195.827 0.874577C193.953 0.915144 192.017 0.935428 190.011 0.935428C188.259 0.935428 186.496 0.915144 184.723 0.874577C182.95 0.83401 181.541 0.793443 180.498 0.752876V2.0206C181.795 2.06116 182.777 2.22343 183.466 2.48712C184.155 2.7508 184.611 3.25789 184.844 3.9881C185.077 4.71831 185.189 5.85419 185.189 7.39574V38.4498C185.189 39.9508 185.077 41.0766 184.844 41.827C184.611 42.5775 184.165 43.0745 183.497 43.328C182.828 43.5816 181.825 43.7438 180.498 43.8351V45.0826C181.876 45.042 183.416 45.0014 185.128 44.9609C186.84 44.9203 188.593 44.9 190.376 44.9C192.625 44.9 194.773 44.9203 196.82 44.9609C198.866 45.0014 200.528 45.042 201.825 45.0826V43.7134C199.951 43.6729 198.532 43.5309 197.57 43.2773C196.607 43.0238 195.959 42.5065 195.624 41.7155C195.29 40.9244 195.128 39.7074 195.128 38.0847V27.1823H198.441C202.109 27.1823 205.158 26.7462 207.57 25.874C209.981 25.0019 211.896 23.8558 213.294 22.4664C214.692 21.077 215.685 19.5456 216.262 17.8925C216.84 16.2394 217.134 14.6674 217.134 13.1664C217.134 9.53565 215.695 6.57425 212.818 4.28221" fill="white"/>
+</mask>
+<g mask="url(#mask3_654_6424)">
+<mask id="mask4_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="180" y="0" width="38" height="46">
+<path d="M180.362 0.70108H217.287V45.1324H180.362V0.70108Z" fill="white"/>
+</mask>
+<g mask="url(#mask4_654_6424)">
+<path d="M-5.03302 -5.03807H222.329V51.0381H-5.03302V-5.03807Z" fill="#1D1D1B"/>
+</g>
+</g>
+</g>
+<mask id="mask5_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="103" y="0" width="30" height="46">
+<path d="M103.068 0.438099H132.61V45.1238H103.068V0.438099Z" fill="white"/>
+</mask>
+<g mask="url(#mask5_654_6424)">
+<mask id="mask6_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="103" y="0" width="30" height="46">
+<path d="M103.214 0.641306L117.074 38.5817C117.904 40.7114 118.046 42.1009 117.479 42.7499C116.912 43.399 115.574 43.7641 113.446 43.8452V45.0927C114.45 45.0116 115.807 44.9609 117.509 44.9406C119.211 44.9203 121.035 44.9101 122.95 44.9101C124.662 44.9101 126.364 44.9203 128.046 44.9406C129.728 44.9609 131.207 45.0116 132.453 45.0927V43.8351C131.866 43.7945 131.207 43.4903 130.488 42.9223C129.769 42.3544 129.1 41.3301 128.512 39.819L113.315 0.631165L103.214 0.641306Z" fill="white"/>
+</mask>
+<g mask="url(#mask6_654_6424)">
+<mask id="mask7_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="103" y="0" width="30" height="46">
+<path d="M103.068 0.509548H132.531V45.1323H103.068V0.509548Z" fill="white"/>
+</mask>
+<g mask="url(#mask7_654_6424)">
+<path d="M-5.03304 -5.0381H222.329V51.0381H-5.03304V-5.0381Z" fill="#1D1D1B"/>
+</g>
+</g>
+</g>
+<mask id="mask8_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="35" height="46">
+<path d="M0 0H34.3559V46H0V0Z" fill="white"/>
+</mask>
+<g mask="url(#mask8_654_6424)">
+<mask id="mask9_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="35" height="46">
+<path d="M12.4846 8.79529C13.7308 7.84197 15.4836 7.3653 17.7328 7.3653C20.0631 7.3653 21.8766 7.93324 23.1634 9.06912C24.4501 10.205 25.0985 11.7973 25.0985 13.8459H34.298C34.298 11.1685 33.6091 8.76487 32.2312 6.66552C30.8533 4.56617 28.908 2.92321 26.4156 1.76705C23.9232 0.610884 21.0762 0.0328026 17.8848 0.0328026C14.7136 0.0328026 11.8564 0.560174 9.31339 1.62506C6.77034 2.68995 4.81493 4.17065 3.45729 6.06716C2.09965 7.96367 1.42083 10.1137 1.42083 12.5275C1.42083 17.1724 3.95374 20.8741 9.0297 23.6124C10.8939 24.6165 13.4167 25.6306 16.6082 26.6651C19.7996 27.6996 22.0083 28.6833 23.2343 29.6163C24.4602 30.5494 25.0782 31.8881 25.0782 33.6223C25.0782 35.2146 24.4602 36.462 23.2343 37.3545C22.0083 38.247 20.2961 38.6932 18.1077 38.6932C12.2212 38.6932 9.27286 36.2288 9.27286 31.2897H0.032794C0.032794 34.1801 0.772405 36.7156 2.25163 38.9062C3.73085 41.0968 5.88889 42.8209 8.70549 44.0785C11.5221 45.3361 14.6528 45.9649 18.0874 45.9649C23.0316 45.9649 26.9729 44.8594 29.8908 42.6587C32.8087 40.4579 34.2778 37.4255 34.2778 33.5514C34.2778 30.0727 33.0822 27.162 30.6912 24.8294C28.3001 22.4968 24.4805 20.5395 19.2525 18.9675C16.4055 18.1054 14.2576 17.1825 12.7987 16.1988C11.3397 15.215 10.6001 13.998 10.6001 12.5477C10.6001 10.9961 11.2283 9.73848 12.4745 8.78515" fill="white"/>
+</mask>
+<g mask="url(#mask9_654_6424)">
+<mask id="mask10_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="-1" y="-1" width="36" height="48">
+<path d="M-0.054543 -0.0649948H34.3834V46.0899H-0.054543V-0.0649948Z" fill="white"/>
+</mask>
+<g mask="url(#mask10_654_6424)">
+<path d="M-5.03301 -5.0381H222.329V51.0381H-5.03301V-5.0381Z" fill="#008764"/>
+</g>
+</g>
+</g>
+<mask id="mask11_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="40" y="0" width="38" height="46">
+<path d="M40.7019 0.438099H77.2462V45.3429H40.7019V0.438099Z" fill="white"/>
+</mask>
+<g mask="url(#mask11_654_6424)">
+<mask id="mask12_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="40" y="0" width="38" height="46">
+<path d="M67.8946 18.7647H49.9515V0.651451H40.7519V45.1637H49.9515V26.1986H67.8946V45.1637H77.0941V0.651451H67.8946V18.7647Z" fill="white"/>
+</mask>
+<g mask="url(#mask12_654_6424)">
+<mask id="mask13_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="40" y="0" width="38" height="46">
+<path d="M40.697 0.509552H77.2395V45.3239H40.697V0.509552Z" fill="white"/>
+</mask>
+<g mask="url(#mask13_654_6424)">
+<path d="M-5.03302 -5.03809H222.329V51.0381H-5.03302V-5.03809Z" fill="#008764"/>
+</g>
+</g>
+</g>
+<mask id="mask14_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="81" y="0" width="30" height="46">
+<path d="M81.4039 0.438099H110.289V45.3429H81.4039V0.438099Z" fill="white"/>
+</mask>
+<g mask="url(#mask14_654_6424)">
+<mask id="mask15_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="81" y="0" width="30" height="46">
+<path d="M95.3311 33.6223H110.255L107.53 26.1986H97.8742L102.555 12.5883L98.1274 0.651451L81.5825 45.1637H91.3595L95.3311 33.6223Z" fill="white"/>
+</mask>
+<g mask="url(#mask15_654_6424)">
+<mask id="mask16_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="81" y="0" width="30" height="46">
+<path d="M81.4486 0.509552H110.338V45.3239H81.4486V0.509552Z" fill="white"/>
+</mask>
+<g mask="url(#mask16_654_6424)">
+<path d="M-5.03304 -5.03809H222.329V51.0381H-5.03304V-5.03809Z" fill="#008764"/>
+</g>
+</g>
+</g>
+</svg>