Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

loader graphic #17

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
39 changes: 39 additions & 0 deletions pages/loader.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
<template>
<div
class="container pb-12 md:pb-20 lg:pb-28 min-h-[30rem] flex items-center justify-center"
>
<svg
width="145"
height="134"
viewBox="0 0 175 134"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M1.00005 50.9996C4.00005 10.9996 45.0882 -9.74113 88.9665 6.10506C132.845 21.9513 151.226 65.9996 142.1 99.1864C135.001 125 95 135 63 102C31.3375 69.3477 -1.99995 90.9996 1.00005 50.9996Z"
fill="url(#paint0_linear_5626_6)"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
class="fill-navy dark:fill-reversedOnNavy animate-adora-bounce"
d="M24.0527 88.9682C22.9813 90.2695 22.1243 91.7326 21.5142 93.3025C20.7367 95.3163 20.3432 97.4571 20.3537 99.615C20.3553 101.009 20.5126 102.398 20.8228 103.757C21.2958 105.815 22.16 107.763 23.3684 109.497C24.5583 111.198 26.0337 112.681 27.7294 113.882C29.6326 115.245 31.7481 116.286 33.9909 116.962C36.1241 117.596 38.3393 117.914 40.5652 117.905C42.3895 117.9 44.2084 117.709 45.9936 117.334C46.0107 117.392 46.0272 117.449 46.0437 117.506C46.0602 117.563 46.0767 117.621 46.0938 117.678C46.9778 120.515 48.4223 123.147 50.3422 125.418C51.7135 127.02 53.3187 128.407 55.1037 129.533C57.7874 131.199 60.7595 132.35 63.867 132.927C65.8148 133.321 67.7966 133.523 69.784 133.529C73.3103 133.551 76.8009 132.824 80.0229 131.395C82.9493 130.072 85.5954 128.204 87.8187 125.891C88.0483 125.647 88.2707 125.404 88.4905 125.16C89.4951 125.877 90.5499 126.521 91.6469 127.087C95.2102 128.917 99.163 129.864 103.171 129.848C104.484 129.845 105.796 129.752 107.097 129.567C111.155 129 114.986 127.355 118.188 124.805C121.39 122.256 123.847 118.894 125.3 115.074C127.339 109.754 127.222 103.852 124.975 98.6161C123.936 96.175 122.495 93.9244 120.712 91.9576C119.483 90.6065 118.115 89.3889 116.63 88.325C117.35 87.024 118.269 85.2869 119.275 83.2087C121.594 78.414 124.377 71.7969 126.253 64.3685C127.501 59.4276 128.349 54.0994 128.349 48.7078C128.349 44.2176 127.753 39.6592 126.287 35.2738C124.761 30.6732 122.276 26.4469 118.994 22.8729C116.527 20.2074 113.7 17.8968 110.595 16.0073C106.188 13.2859 100.862 11.042 94.4906 9.37311L94.4321 9.35606H94.3684C88.725 8.11353 83.5726 7.52637 78.8648 7.52637C73.4315 7.52637 68.5844 8.30356 64.2993 9.76536C60.2317 11.1305 56.4518 13.2325 53.1493 15.9658C51.0819 17.6949 49.2138 19.6479 47.5792 21.7887C45.427 24.6188 43.6225 27.6959 42.2045 30.9542C40.3253 35.3216 38.9412 39.8848 38.078 44.5587C36.8858 50.7665 36.4485 57.0473 36.4485 62.8945C36.4463 69.3249 36.9628 75.745 37.9926 82.0929L38.0587 82.4729C35.5272 82.6335 33.0377 83.1978 30.6854 84.1443C28.1108 85.1847 25.8329 86.8415 24.0527 88.9682ZM87.4742 115.437C87.2511 115.149 87.0362 114.858 86.8293 114.562C85.6726 112.908 84.7216 111.121 83.9976 109.239C83.0717 106.834 82.6198 104.449 82.6198 102.475C82.6107 101.629 82.7059 100.784 82.9032 99.961C83.0435 99.3596 83.2865 98.7868 83.6216 98.2677C83.7885 98.0159 83.9909 97.7894 84.2226 97.5953C84.5271 97.347 84.881 97.1659 85.2609 97.0641C85.5489 96.9851 85.8444 96.937 86.1427 96.9204H86.4089C86.8424 96.9085 87.2728 96.9986 87.6648 97.1835C88.0371 97.3698 88.3634 97.636 88.6201 97.9632C88.8603 98.2637 89.0652 98.5907 89.2309 98.9377C89.5233 99.5429 89.7444 100.18 89.8903 100.836C90.1375 101.96 90.2571 103.108 90.247 104.259C90.2176 106.817 89.7892 109.355 88.9768 111.782C88.565 113.035 88.0627 114.256 87.4742 115.437ZM61.7978 92.9224C62.1869 93.2435 62.5026 93.6439 62.7237 94.0967V94.0918C62.9325 94.5571 63.0318 95.0637 63.0143 95.5731C63.0048 96.1612 62.9093 96.7448 62.7309 97.3054C62.5004 98.0422 62.1909 98.752 61.8076 99.4225C60.7996 101.146 59.5397 102.71 58.0695 104.064C56.9442 105.123 55.7342 106.088 54.4515 106.951C53.4041 107.656 52.3131 108.295 51.1851 108.863C51.2248 106.435 51.5988 104.024 52.2966 101.698C52.919 99.5383 53.886 97.4924 55.1601 95.6389C55.7933 94.7091 56.5718 93.8866 57.4662 93.2026C57.8417 92.9248 58.2524 92.6979 58.6877 92.5277C59.0615 92.3738 59.461 92.2912 59.8653 92.2841C60.1807 92.2861 60.4939 92.3371 60.7936 92.4351C61.1478 92.5541 61.4854 92.7178 61.7978 92.9224ZM28.5869 105.884C27.8398 104.813 27.3042 103.61 27.0087 102.339C26.8012 101.437 26.6955 100.516 26.6935 99.5906C26.6822 98.058 26.9962 96.5402 27.6146 95.137C28.2541 93.7079 29.2395 92.4596 30.4826 91.5044C31.4732 90.7479 32.5784 90.1533 33.7564 89.743C35.5203 89.112 37.7019 88.7173 40.4063 88.7173C40.8436 88.7173 41.2933 88.727 41.755 88.7489L45.9545 88.9463L44.9968 84.8654C44.7598 83.8495 44.496 82.5558 44.2443 81.0452C43.9927 79.5347 43.746 77.8049 43.5286 75.9095C43.0411 71.5874 42.7964 67.2415 42.7957 62.8921C42.7769 57.9514 43.1437 53.0167 43.8927 48.1328C44.6793 43.1748 45.9472 38.3022 47.8333 33.9168C49.042 31.0472 50.594 28.3337 52.4555 25.8354C54.8942 22.5605 58.0038 19.8406 61.5778 17.8564C63.8116 16.6321 66.1923 15.6956 68.6627 15.0693C71.997 14.2333 75.4245 13.824 78.8624 13.8511C83.0229 13.8511 87.6965 14.37 92.9319 15.5176C99.4989 17.2425 104.624 19.5667 108.629 22.2881C112.633 25.0095 115.498 28.1037 117.555 31.4561C118.895 33.6553 119.932 36.0244 120.639 38.4995C121.568 41.8229 122.024 45.2601 121.994 48.7102C121.997 53.3636 121.269 58.1023 120.15 62.5973C119.074 66.8352 117.685 70.9883 115.997 75.0226C114.205 79.3959 112.09 83.6305 109.669 87.6916L107.903 90.5055L110.805 92.133C112.75 93.2036 114.507 94.5846 116.004 96.2212C117.314 97.6596 118.374 99.3066 119.139 101.094C119.972 103.035 120.403 105.124 120.406 107.236C120.396 110.111 119.609 112.931 118.127 115.398C116.865 117.522 115.139 119.336 113.077 120.703C111.015 122.071 108.67 122.957 106.217 123.296C105.211 123.44 104.197 123.514 103.181 123.515C101.447 123.522 99.7207 123.29 98.0502 122.828C96.5016 122.396 95.016 121.765 93.6307 120.95C93.1421 120.665 92.6681 120.356 92.2064 120.029C93.331 118.08 94.2544 116.022 94.9622 113.887C96.0123 110.78 96.563 107.527 96.5941 104.249C96.6103 102.384 96.377 100.525 95.9003 98.7209C95.4589 97.0045 94.6662 95.3978 93.572 94.0017C92.8195 93.0624 91.8909 92.278 90.8382 91.692C90.216 91.3509 89.555 91.0859 88.8692 90.9027C88.0649 90.6899 87.2362 90.5834 86.4042 90.5859C86.1818 90.5859 85.9595 90.5932 85.7347 90.6079C84.4797 90.6771 83.2491 90.9812 82.1069 91.5044C81.0148 92.0127 80.0356 92.7333 79.2265 93.624C78.7034 94.1975 78.2499 94.8305 77.8754 95.5098C77.385 96.4073 77.0091 97.3624 76.7565 98.353C76.42 99.7077 76.2558 101.099 76.2679 102.495C76.278 104.187 76.4737 105.873 76.8517 107.523C77.2494 109.285 77.8113 111.006 78.5301 112.664C79.8285 115.672 81.5965 118.455 83.7681 120.911C83.0035 121.759 82.17 122.542 81.2761 123.252C79.2952 124.835 76.999 125.978 74.5406 126.607C72.9824 126.999 71.3811 127.193 69.7742 127.187C68.2025 127.178 66.6357 127.014 65.0959 126.7C62.0788 126.1 59.7285 125.06 57.862 123.744C56.0918 122.498 54.6208 120.875 53.5549 118.994C52.9136 117.86 52.4053 116.657 52.0402 115.407L52.5068 115.208C56.117 113.603 59.4357 111.413 62.3279 108.727C64.0998 107.093 65.6467 105.231 66.9282 103.192C67.6077 102.101 68.1693 100.941 68.604 99.7319C69.094 98.3848 69.3517 96.9646 69.3663 95.5317C69.3748 94.1015 69.066 92.6872 68.4623 91.3899C67.8125 90.0327 66.864 88.8392 65.6871 87.8987L65.5771 87.8085L65.4574 87.7281C64.617 87.156 63.7001 86.7049 62.7335 86.3881C61.8034 86.0862 60.8313 85.9324 59.8531 85.9325C58.8472 85.9365 57.8483 86.101 56.8945 86.4198C55.9646 86.729 55.0791 87.1582 54.2608 87.6964C52.6153 88.8093 51.1878 90.213 50.049 91.8382C49.2356 92.9755 48.5228 94.1812 47.9187 95.4416C47.0638 97.2209 46.384 99.0788 45.8886 100.989C45.1875 103.673 44.8303 106.435 44.8258 109.209C44.8258 109.833 44.8478 110.457 44.8844 111.083C43.4638 111.398 42.0133 111.562 40.5578 111.57C38.9526 111.579 37.3548 111.352 35.8158 110.898C34.2404 110.423 32.7545 109.692 31.4183 108.734C30.3164 107.954 29.3584 106.99 28.5869 105.884ZM84.0135 58.8868C84.8564 54.6159 80.647 53.4026 73.5084 52.0139C66.3698 50.6252 62.0138 50.172 61.171 54.4429C60.3965 58.3946 63.2892 63.8886 70.8895 65.3674C78.4898 66.8463 83.327 62.4 84.0135 58.8868ZM88.9998 46.8562C89.2566 46.3435 89.5857 45.8701 89.977 45.4504C90.2771 45.1328 90.617 44.8552 90.9884 44.6245C91.5377 44.284 92.15 44.057 92.7889 43.9569C93.382 43.8668 93.9861 43.88 94.5747 43.9959C95.2766 44.1316 95.9423 44.4121 96.5291 44.8194C97.0019 45.1503 97.4115 45.5628 97.7385 46.0376C97.9839 46.3976 98.1826 46.7873 98.3297 47.1973C98.544 47.8064 98.662 48.445 98.6792 49.0903C98.6946 49.755 98.6355 50.4194 98.5031 51.071C98.3625 51.8426 98.1159 52.5911 97.7702 53.2954C97.5141 53.8085 97.185 54.282 96.793 54.7012C96.4931 55.018 96.1541 55.2956 95.784 55.5271C95.2351 55.8679 94.6226 56.0941 93.9835 56.1922C92.6701 56.3893 91.3308 56.0819 90.2359 55.3322C89.7638 55.0006 89.3543 54.5881 89.0265 54.114C88.7811 53.7539 88.5824 53.3643 88.4353 52.9543C88.2206 52.3453 88.1028 51.7066 88.086 51.0613C88.0696 50.3965 88.1285 49.7321 88.2619 49.0805C88.4038 48.3087 88.6522 47.5602 88.9998 46.8562ZM52.3978 38.1389C52.0063 38.5594 51.6772 39.0336 51.4206 39.5471C51.0718 40.2508 50.8226 40.9995 50.6803 41.7715C50.5469 42.423 50.4879 43.0875 50.5045 43.7523C50.5212 44.3976 50.639 45.0363 50.8537 45.6453C51.0008 46.0552 51.1995 46.4449 51.4449 46.805C51.7727 47.2791 52.1822 47.6916 52.6543 48.0232C53.7492 48.7729 55.0885 49.0802 56.4019 48.8832C57.0407 48.784 57.653 48.5578 58.2025 48.2181C58.573 47.9872 58.9121 47.7096 59.2114 47.3922C59.6034 46.973 59.9325 46.4995 60.1886 45.9864C60.5343 45.2821 60.781 44.5335 60.9215 43.762C61.0551 43.1105 61.1143 42.446 61.0976 41.7813C61.0804 41.136 60.9624 40.4973 60.7481 39.8882C60.601 39.4783 60.4024 39.0886 60.1569 38.7285C59.8299 38.2538 59.4205 37.8413 58.9478 37.5104C58.3612 37.1026 57.6954 36.822 56.9933 36.6869C56.4048 36.571 55.8004 36.5578 55.2073 36.6479C54.5681 36.7469 53.9556 36.9739 53.4068 37.3155C53.0358 37.5447 52.6966 37.8216 52.3978 38.1389Z"
fill="#16183C"
/>
<defs>
<linearGradient
id="paint0_linear_5626_6"
x1="172"
y1="99.4996"
x2="-17.6242"
y2="32.7737"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#FDA9FF" />
<stop offset="0.272599" stop-color="#C9B8FF" />
<stop offset="1" stop-color="#4DFFE5" />
</linearGradient>
</defs>
</svg>
</div>
</template>