mirror of
https://github.com/Fluffy-Bean/TastyBites.git
synced 2024-12-28 02:16:07 +00:00
Add Dropdowns
Rename folder from Components to Elements Clean up font sizing and weighting
This commit is contained in:
parent
1d4f6d5b70
commit
03aef063bc
115
front/public/BackgroundTexture.svg
Normal file
115
front/public/BackgroundTexture.svg
Normal file
|
|
@ -0,0 +1,115 @@
|
|||
<svg width="250" height="198" viewBox="0 0 250 198" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_3_2)">
|
||||
<path d="M29.9912 29.9313C30.2359 29.917 30.4667 29.8133 30.64 29.6401C30.8133 29.4668 30.9169 29.2359 30.9312 28.9913C31.49 19.475 28.625 11.8525 23.25 8.60251C21.4113 7.47596 19.2796 6.92083 17.125 7.00751C15.135 7.07876 13.125 7.65876 11.1437 8.73126L8.70623 6.29251C8.51859 6.10487 8.26409 5.99945 7.99873 5.99945C7.73336 5.99945 7.47887 6.10486 7.29123 6.29251C7.10359 6.48015 6.99817 6.73464 6.99817 7.00001C6.99817 7.26537 7.10359 7.51986 7.29123 7.70751L9.72998 10.145C8.65873 12.125 8.07873 14.1363 8.00748 16.125C8.00248 16.2642 7.99998 16.4029 7.99998 16.5413C7.99459 18.5559 8.54942 20.5324 9.60248 22.25C12.8525 27.625 20.4737 30.4913 29.9912 29.9313ZM11.3125 21.2188C9.58998 18.375 9.56248 15.0088 11.2162 11.63L22.2937 22.7088C22.3866 22.8017 22.4969 22.8754 22.6183 22.9257C22.7397 22.9759 22.8698 23.0018 23.0012 23.0018C23.1326 23.0018 23.2627 22.9759 23.3841 22.9257C23.5055 22.8754 23.6158 22.8017 23.7087 22.7088C23.8016 22.6158 23.8753 22.5055 23.9256 22.3842C23.9759 22.2628 24.0018 22.1326 24.0018 22.0013C24.0018 21.8699 23.9759 21.7398 23.9256 21.6184C23.8753 21.497 23.8016 21.3867 23.7087 21.2938L12.625 10.2163C16 8.56751 19.375 8.59126 22.2137 10.3125C26.7725 13.0738 29.2687 19.6375 28.9712 27.9763C20.6387 28.275 14.0737 25.7775 11.3125 21.2188Z" fill="#E8E1CE"/>
|
||||
<g clip-path="url(#clip1_3_2)">
|
||||
<path d="M69.8278 13.5588C69.9825 13.3687 70.062 13.1285 70.0513 12.8836C70.0405 12.6388 69.9403 12.4065 69.7695 12.2307C63.1292 5.39126 55.573 2.35569 49.546 4.12435C47.4734 4.71935 45.6242 5.91647 44.2329 7.56389C42.9414 9.07952 42.0115 10.9535 41.4643 13.1389L38.0195 13.2893C37.7544 13.3009 37.5048 13.4174 37.3255 13.6131C37.1463 13.8088 37.0522 14.0677 37.0638 14.3328C37.0754 14.5979 37.1919 14.8475 37.3876 15.0267C37.5833 15.206 37.8422 15.3001 38.1073 15.2885L41.5519 15.1364C42.2885 17.2637 43.38 19.0498 44.7984 20.4456C44.8977 20.5433 44.9983 20.6388 45.1003 20.7322C46.5824 22.097 48.4147 23.0228 50.3925 23.4063C56.5514 24.6399 63.8126 20.9556 69.8278 13.5588ZM50.787 21.4487C47.5265 20.7982 45.0255 18.5449 43.6509 15.0433L59.3027 14.3571C59.4339 14.3513 59.5628 14.3197 59.6819 14.2642C59.8009 14.2086 59.9079 14.1301 59.9966 14.0332C60.0854 13.9364 60.1542 13.8229 60.1991 13.6994C60.244 13.576 60.2641 13.4448 60.2584 13.3136C60.2526 13.1823 60.2211 13.0535 60.1655 12.9344C60.1099 12.8153 60.0315 12.7084 59.9346 12.6196C59.8377 12.5309 59.7243 12.4621 59.6008 12.4172C59.4773 12.3723 59.3462 12.3521 59.2149 12.3579L43.5598 13.0496C44.6235 9.44715 46.9205 6.97433 50.1071 6.04347C55.2224 4.54665 61.7488 7.13905 67.6972 12.9905C62.2896 19.337 56.0138 22.4915 50.787 21.4487Z" fill="#E8E1CE"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip2_3_2)">
|
||||
<path d="M17.3891 60.3499C17.6193 60.4339 17.8724 60.4304 18.1002 60.3401C18.328 60.2499 18.5148 60.0791 18.625 59.8602C22.9149 51.3474 23.3106 43.2138 19.667 38.0974C18.4265 36.3337 16.6902 34.978 14.6782 34.2024C12.8233 33.478 10.7482 33.2126 8.50405 33.4106L7.2347 30.2047C7.13695 29.958 6.9452 29.7603 6.70163 29.655C6.45807 29.5496 6.18263 29.5454 5.93593 29.6431C5.68923 29.7409 5.49146 29.9326 5.38614 30.1762C5.28081 30.4198 5.27656 30.6952 5.37432 30.9419L6.6453 34.1471C4.87618 35.5393 3.54555 37.1552 2.69082 38.9523C2.63099 39.078 2.57363 39.2044 2.51872 39.3314C1.71415 41.1784 1.43892 43.2128 1.72378 45.2072C2.57349 51.4307 8.43112 57.0864 17.3891 60.3499ZM3.70263 44.9394C3.2503 41.6456 4.56113 38.5449 7.42007 36.1001L13.1905 50.6655C13.2389 50.7876 13.3109 50.8991 13.4024 50.9934C13.4938 51.0877 13.603 51.1631 13.7236 51.2153C13.8442 51.2674 13.9739 51.2953 14.1053 51.2973C14.2366 51.2994 14.3671 51.2755 14.4893 51.2271C14.6114 51.1787 14.7229 51.1067 14.8172 51.0152C14.9115 50.9238 14.9869 50.8146 15.0391 50.694C15.0912 50.5734 15.1191 50.4437 15.1211 50.3124C15.1232 50.181 15.0993 50.0505 15.0509 49.9283L9.27423 35.3616C13.0264 35.1878 16.1148 36.5491 18.0372 39.2557C21.1255 43.5995 20.8116 50.6149 17.2289 58.1506C9.4622 55.1177 4.4277 50.2196 3.70263 44.9394Z" fill="#E8E1CE"/>
|
||||
</g>
|
||||
<path d="M49.2762 71.7586C49.5209 71.7716 49.7619 71.6943 49.9534 71.5413C50.1449 71.3884 50.2735 71.1705 50.3149 70.9289C51.928 61.5338 49.9281 53.64 44.9477 49.8127C43.2457 48.4887 41.1889 47.7001 39.038 47.5467C37.0524 47.3963 34.9904 47.7492 32.9022 48.5949L30.7509 45.9003C30.5853 45.6929 30.3441 45.5599 30.0804 45.5304C29.8167 45.5009 29.552 45.5773 29.3447 45.743C29.1373 45.9086 29.0043 46.1498 28.9748 46.4135C28.9453 46.6772 29.0218 46.9419 29.1874 47.1492L31.3401 49.8427C30.0553 51.6913 29.2554 53.6256 28.9635 55.5941C28.943 55.7319 28.9251 55.8695 28.9098 56.007C28.6804 58.0086 29.0121 60.0345 29.8677 61.8585C32.5001 67.5615 39.7555 71.2571 49.2762 71.7586ZM31.6818 61.0237C30.2861 58.0061 30.6329 54.6577 32.652 51.4837L42.4293 63.7252C42.5113 63.8279 42.6127 63.9134 42.7278 63.9768C42.8428 64.0403 42.9693 64.0805 43.0999 64.0951C43.2304 64.1097 43.3626 64.0984 43.4888 64.062C43.6151 64.0255 43.7329 63.9645 43.8355 63.8825C43.9382 63.8005 44.0237 63.6991 44.0872 63.584C44.1506 63.469 44.1908 63.3425 44.2054 63.2119C44.22 63.0814 44.2088 62.9492 44.1723 62.823C44.1358 62.6967 44.0748 62.5789 43.9928 62.4763L34.2092 50.2353C37.7466 48.972 41.098 49.3707 43.7278 51.3969C47.9514 54.6478 49.7025 61.4483 48.4799 69.7023C40.1658 69.073 33.9191 65.8612 31.6818 61.0237Z" fill="#E8E1CE"/>
|
||||
<g clip-path="url(#clip3_3_2)">
|
||||
<path d="M69.8924 48.3182C70.1265 48.2457 70.3258 48.0899 70.4526 47.8801C70.5794 47.6704 70.6247 47.4214 70.58 47.1805C68.8447 37.8071 64.2384 31.092 58.2417 29.2231C56.1869 28.5694 53.9842 28.5407 51.913 29.1405C49.9979 29.6861 48.1852 30.7303 46.5182 32.2459L43.5678 30.4615C43.3407 30.3242 43.0684 30.2828 42.8108 30.3463C42.5531 30.4098 42.3312 30.5731 42.194 30.8002C42.0567 31.0273 42.0153 31.2996 42.0788 31.5573C42.1423 31.8149 42.3056 32.0368 42.5327 32.174L45.484 33.9569C44.9178 36.1358 44.8361 38.2274 45.2429 40.1754C45.2714 40.3117 45.3022 40.447 45.3353 40.5813C45.8123 42.5387 46.8241 44.325 48.2577 45.7406C52.6998 50.1814 60.7856 51.14 69.8924 48.3182ZM49.6711 44.33C47.318 41.9812 46.4856 38.7194 47.2825 35.043L60.6898 43.1481C60.8023 43.2161 60.927 43.2613 61.0569 43.281C61.1868 43.3008 61.3193 43.2948 61.4469 43.2633C61.5745 43.2319 61.6946 43.1756 61.8004 43.0977C61.9063 43.0198 61.9957 42.9219 62.0637 42.8094C62.1316 42.697 62.1768 42.5723 62.1966 42.4424C62.2163 42.3125 62.2103 42.1799 62.1789 42.0524C62.1474 41.9248 62.0911 41.8047 62.0133 41.6988C61.9354 41.593 61.8374 41.5035 61.725 41.4356L48.3119 33.3332C51.1941 30.9245 54.4767 30.1397 57.6449 31.1314C62.7321 32.7212 66.7269 38.4966 68.434 46.6642C60.4153 48.9487 53.4433 48.0953 49.6711 44.33Z" fill="#E8E1CE"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip4_3_2)">
|
||||
<path d="M108.157 20.8875C108.381 20.7871 108.56 20.6082 108.66 20.3847C108.76 20.1611 108.775 19.9085 108.702 19.6747C105.841 10.5814 100.454 4.47517 94.2744 3.34811C92.1554 2.94873 89.9655 3.18765 87.9825 4.03456C86.1478 4.80855 84.4752 6.06517 83.0046 7.77191L79.8594 6.35891C79.6173 6.25023 79.342 6.24216 79.094 6.33649C78.8459 6.43082 78.6455 6.61982 78.5368 6.8619C78.4282 7.10399 78.4201 7.37934 78.5144 7.62737C78.6088 7.8754 78.7978 8.0758 79.0398 8.18449L82.1858 9.59587C81.8883 11.8274 82.0612 13.9134 82.7015 15.7976C82.7463 15.9295 82.7933 16.06 82.8425 16.1893C83.5536 18.0743 84.7748 19.7245 86.3696 20.9556C91.318 24.8242 99.4604 24.7941 108.157 20.8875ZM87.6013 19.3838C84.9805 17.3381 83.7582 14.2015 84.1028 10.4556L98.395 16.8729C98.5149 16.9268 98.6442 16.9564 98.7755 16.9603C98.9069 16.9641 99.0377 16.9421 99.1605 16.8954C99.2833 16.8487 99.3957 16.7782 99.4913 16.6881C99.5869 16.5979 99.6638 16.4898 99.7176 16.37C99.7714 16.2501 99.8011 16.1208 99.8049 15.9894C99.8088 15.8581 99.7867 15.7273 99.74 15.6045C99.6933 15.4817 99.6229 15.3693 99.5327 15.2737C99.4426 15.1781 99.3345 15.1012 99.2146 15.0474L84.917 8.63337C87.4855 5.89258 90.6485 4.71506 93.9137 5.31478C99.1563 6.27517 103.823 11.5229 106.509 19.4227C98.8268 22.664 91.8028 22.6633 87.6013 19.3838Z" fill="#E8E1CE"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip5_3_2)">
|
||||
<path d="M154.413 23.2169C154.599 23.0567 154.719 22.834 154.751 22.5911C154.783 22.3482 154.725 22.1019 154.588 21.899C149.243 14.0056 142.333 9.69794 136.089 10.3876C133.945 10.6118 131.915 11.4678 130.257 12.8471C128.721 14.1141 127.479 15.797 126.558 17.8534L123.14 17.4003C122.877 17.3655 122.611 17.4366 122.4 17.598C122.19 17.7594 122.052 17.9979 122.017 18.2609C121.982 18.524 122.053 18.7901 122.215 19.0008C122.376 19.2114 122.615 19.3493 122.878 19.3841L126.296 19.8355C126.65 22.0587 127.413 24.0079 128.566 25.6298C128.647 25.7433 128.729 25.855 128.813 25.9648C130.035 27.5672 131.677 28.7986 133.558 29.5213C139.407 31.8109 147.2 29.4504 154.413 23.2169ZM134.288 27.6627C131.191 26.4532 129.122 23.798 128.379 20.1102L143.91 22.166C144.041 22.1833 144.173 22.1747 144.3 22.1407C144.427 22.1068 144.546 22.0482 144.65 21.9683C144.755 21.8884 144.842 21.7887 144.908 21.675C144.974 21.5612 145.016 21.4356 145.034 21.3054C145.051 21.1751 145.042 21.0427 145.008 20.9158C144.974 20.7888 144.916 20.6698 144.836 20.5655C144.756 20.4612 144.656 20.3737 144.543 20.3079C144.429 20.2422 144.303 20.1994 144.173 20.1822L128.637 18.1312C130.313 14.7696 133.007 12.7356 136.307 12.3752C141.605 11.7941 147.579 15.4857 152.415 22.2855C145.982 27.5909 139.252 29.6016 134.288 27.6627Z" fill="#E8E1CE"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip6_3_2)">
|
||||
<path d="M243.637 18.1879C243.8 18.0057 243.892 17.7697 243.893 17.5247C243.895 17.2796 243.806 17.0426 243.644 16.8586C237.35 9.69889 229.954 6.2931 223.846 7.76132C221.747 8.25303 219.841 9.35716 218.37 10.9337C217.005 12.3836 215.983 14.2092 215.329 16.3649L211.881 16.3446C211.615 16.3431 211.36 16.4471 211.171 16.6337C210.983 16.8203 210.876 17.0741 210.874 17.3395C210.873 17.6049 210.977 17.86 211.163 18.0486C211.35 18.2373 211.604 18.3442 211.869 18.3457L215.317 18.3642C215.948 20.5254 216.949 22.3633 218.297 23.8276C218.391 23.9301 218.487 24.0305 218.584 24.1289C219.997 25.5652 221.781 26.5806 223.738 27.0615C229.828 28.5984 237.263 25.278 243.637 18.1879ZM224.229 25.1259C221.004 24.3148 218.618 21.9405 217.418 18.3752L233.085 18.4643C233.216 18.4651 233.346 18.4399 233.468 18.3903C233.59 18.3407 233.701 18.2677 233.794 18.1753C233.887 18.0829 233.962 17.973 234.013 17.8519C234.064 17.7308 234.09 17.6008 234.091 17.4694C234.092 17.338 234.067 17.2078 234.017 17.0861C233.967 16.9644 233.894 16.8537 233.802 16.7603C233.71 16.6669 233.6 16.5925 233.479 16.5416C233.357 16.4906 233.227 16.464 233.096 16.4633L217.426 16.3794C218.667 12.834 221.083 10.4779 224.312 9.70586C229.495 8.46402 235.885 11.3762 241.537 17.5149C235.822 23.586 229.397 26.426 224.229 25.1259Z" fill="#E8E1CE"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip7_3_2)">
|
||||
<path d="M141.125 97.5026C141.342 97.3884 141.51 97.1986 141.596 96.9691C141.682 96.7397 141.681 96.4866 141.593 96.258C138.166 87.3624 132.406 81.6068 126.168 80.8703C124.028 80.6049 121.857 80.981 119.931 81.9508C118.149 82.8386 116.559 84.1978 115.198 85.9936L111.971 84.7811C111.722 84.6878 111.447 84.6971 111.205 84.8068C110.964 84.9165 110.775 85.1177 110.682 85.3662C110.589 85.6146 110.598 85.8899 110.708 86.1315C110.818 86.3731 111.019 86.5613 111.267 86.6545L114.496 87.8654C114.339 90.1112 114.643 92.1823 115.4 94.0225C115.453 94.1513 115.508 94.2786 115.565 94.4046C116.394 96.2412 117.716 97.8113 119.385 98.9397C124.567 102.49 132.691 101.948 141.125 97.5026ZM120.516 97.2937C117.771 95.4167 116.354 92.3631 116.463 88.6029L131.13 94.1095C131.253 94.1556 131.384 94.1771 131.515 94.1727C131.647 94.1683 131.776 94.1381 131.896 94.0837C132.015 94.0294 132.123 93.952 132.213 93.8561C132.302 93.7601 132.372 93.6474 132.419 93.5244C132.465 93.4013 132.486 93.2704 132.482 93.1391C132.477 93.0078 132.447 92.8786 132.393 92.759C132.339 92.6394 132.261 92.5316 132.165 92.4419C132.069 92.3521 131.956 92.2822 131.833 92.236L117.161 86.7332C119.552 83.8364 122.635 82.4624 125.931 82.8558C131.224 83.4848 136.211 88.4289 139.388 96.1443C131.925 99.8619 124.915 100.303 120.516 97.2937Z" fill="#E8E1CE"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip8_3_2)">
|
||||
<path d="M112.088 54.1549C112.317 54.0684 112.507 53.9006 112.621 53.6836C112.734 53.4666 112.765 53.2153 112.705 52.9775C110.403 43.7271 105.397 37.3046 99.2975 35.8038C97.2067 35.2764 95.0064 35.3817 92.9755 36.1064C91.0971 36.7674 89.3513 37.92 87.7796 39.5342L84.7261 37.9326C84.4911 37.8094 84.2168 37.7846 83.9634 37.8636C83.7101 37.9427 83.4986 38.1192 83.3754 38.3542C83.2522 38.5892 83.2274 38.8636 83.3065 39.1169C83.3856 39.3702 83.562 39.5817 83.7971 39.7049L86.8513 41.305C86.4188 43.5143 86.4644 45.607 86.989 47.5266C87.0257 47.6609 87.0647 47.7941 87.1059 47.9262C87.7011 49.8509 88.8197 51.5723 90.3367 52.8981C95.0407 57.0605 103.17 57.5255 112.088 54.1549ZM91.6617 51.4041C89.1701 49.2028 88.1408 45.9977 88.7126 42.2797L102.588 49.5542C102.704 49.6152 102.832 49.6527 102.963 49.6645C103.093 49.6764 103.225 49.6623 103.351 49.6231C103.476 49.584 103.593 49.5205 103.694 49.4363C103.794 49.3522 103.878 49.2489 103.939 49.1326C104 49.0162 104.037 48.8889 104.049 48.7581C104.061 48.6272 104.047 48.4953 104.008 48.3699C103.969 48.2445 103.905 48.128 103.821 48.0271C103.737 47.9262 103.634 47.8429 103.517 47.7819L89.6361 40.5103C92.3664 37.9308 95.5952 36.9478 98.8179 37.7449C103.992 39.0223 108.331 44.5441 110.532 52.5927C102.667 55.3608 95.656 54.933 91.6617 51.4041Z" fill="#E8E1CE"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip9_3_2)">
|
||||
<path d="M17.4536 105.219C17.6846 105.301 17.9376 105.295 18.1646 105.203C18.3916 105.111 18.5767 104.938 18.6849 104.718C22.8944 96.1653 23.2136 88.0284 19.522 82.9465C18.265 81.1945 16.5159 79.8553 14.4967 79.0987C12.6351 78.3917 10.5576 78.1458 8.31541 78.365L7.01595 75.1712C6.91588 74.9254 6.72228 74.7295 6.47773 74.6265C6.23318 74.5234 5.95772 74.5218 5.71195 74.6218C5.46618 74.7219 5.27023 74.9155 5.1672 75.1601C5.06417 75.4046 5.06251 75.6801 5.16259 75.9258L6.46368 79.119C4.70774 80.5277 3.39238 82.156 2.55459 83.9611C2.49596 84.0874 2.43978 84.2143 2.38608 84.3418C1.59892 86.1964 1.34285 88.2332 1.64647 90.2249C2.55471 96.4401 8.46531 102.04 17.4536 105.219ZM3.62271 89.9384C3.1394 86.649 4.42099 83.5362 7.2568 81.0645L13.1641 95.575C13.2136 95.6967 13.2866 95.8074 13.379 95.9009C13.4713 95.9944 13.5812 96.0687 13.7023 96.1197C13.8234 96.1707 13.9533 96.1974 14.0847 96.1982C14.2161 96.199 14.3464 96.1739 14.4681 96.1243C14.5898 96.0748 14.7005 96.0018 14.794 95.9094C14.8874 95.8171 14.9618 95.7072 15.0128 95.5861C15.0638 95.465 15.0905 95.3351 15.0913 95.2037C15.0921 95.0723 15.067 94.942 15.0174 94.8203L9.10392 80.3086C12.8543 80.0995 15.9553 81.4317 17.9031 84.1201C21.0322 88.4346 20.7843 95.4527 17.2727 103.022C9.47782 100.062 4.39744 95.2116 3.62271 89.9384Z" fill="#E8E1CE"/>
|
||||
</g>
|
||||
<path d="M30.1907 136.966C30.4352 136.95 30.6653 136.845 30.8374 136.671C31.0094 136.496 31.1114 136.264 31.1239 136.02C31.6145 126.5 28.6949 118.898 23.2968 115.687C21.4501 114.573 19.3144 114.033 17.1605 114.135C15.1711 114.221 13.1653 114.815 11.1918 115.902L8.73685 113.481C8.54787 113.294 8.29263 113.191 8.02727 113.193C7.76192 113.195 7.50818 113.302 7.32189 113.491C7.1356 113.68 7.03201 113.935 7.03391 114.201C7.03581 114.466 7.14305 114.72 7.33203 114.906L9.78818 117.326C8.73114 119.313 8.16556 121.329 8.10856 123.318C8.10456 123.457 8.10306 123.596 8.10405 123.734C8.11309 125.749 8.68207 127.721 9.7474 129.431C13.0358 134.783 20.6774 137.595 30.1907 136.966ZM11.45 128.388C9.70714 125.557 9.65553 122.191 11.285 118.8L22.4416 129.799C22.5352 129.892 22.646 129.964 22.7678 130.014C22.8895 130.063 23.0198 130.088 23.1512 130.087C23.2826 130.086 23.4125 130.059 23.5335 130.008C23.6546 129.957 23.7643 129.883 23.8566 129.789C23.9488 129.696 24.0217 129.585 24.0711 129.463C24.1206 129.341 24.1455 129.211 24.1446 129.08C24.1436 128.948 24.1168 128.818 24.0657 128.697C24.0145 128.576 23.94 128.466 23.8464 128.374L12.6836 117.376C16.0467 115.703 19.4218 115.703 22.2728 117.404C26.8512 120.132 29.3944 126.678 29.1567 135.019C20.8265 135.377 14.2438 132.927 11.45 128.388Z" fill="#E8E1CE"/>
|
||||
<g clip-path="url(#clip10_3_2)">
|
||||
<path d="M20.0571 183.916C20.2834 184.01 20.5363 184.018 20.7679 183.938C20.9995 183.857 21.1935 183.695 21.3133 183.481C25.973 175.165 26.7256 167.057 23.3103 161.785C22.1485 159.969 20.4734 158.538 18.4974 157.675C16.6762 156.87 14.6148 156.513 12.364 156.613L11.2368 153.354C11.15 153.103 10.9671 152.897 10.7284 152.781C10.4897 152.665 10.2147 152.649 9.96393 152.736C9.71317 152.823 9.50717 153.006 9.39125 153.244C9.27532 153.483 9.25897 153.758 9.3458 154.009L10.4747 157.267C8.64617 158.58 7.24584 160.136 6.31297 161.893C6.24768 162.016 6.18482 162.14 6.12439 162.265C5.23945 164.075 4.87512 166.095 5.07208 168.1C5.64756 174.355 11.2511 180.262 20.0571 183.916ZM7.06079 167.919C6.7536 164.609 8.19938 161.569 11.163 159.252L16.2879 174.057C16.3309 174.181 16.398 174.295 16.4852 174.394C16.5724 174.492 16.6782 174.572 16.7964 174.629C16.9145 174.687 17.0429 174.72 17.1741 174.728C17.3052 174.736 17.4366 174.718 17.5608 174.675C17.685 174.632 17.7994 174.565 17.8977 174.478C17.996 174.39 18.0761 174.285 18.1335 174.166C18.1909 174.048 18.2244 173.92 18.2322 173.789C18.24 173.657 18.2219 173.526 18.1789 173.402L13.0478 158.595C16.804 158.587 19.8295 160.082 21.6312 162.871C24.5257 167.346 23.9039 174.341 19.9936 181.712C12.3676 178.341 7.55319 173.226 7.06079 167.919Z" fill="#E8E1CE"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip11_3_2)">
|
||||
<path d="M193.959 53.2769C194.121 53.0925 194.209 52.8553 194.207 52.6102C194.205 52.3652 194.113 52.1294 193.948 51.9476C187.556 44.876 180.113 41.5731 174.027 43.1259C171.934 43.6467 170.043 44.7771 168.594 46.3739C167.25 47.8426 166.254 49.6823 165.629 51.8468L162.181 51.8743C161.915 51.8765 161.662 51.984 161.476 52.1732C161.29 52.3624 161.186 52.6177 161.189 52.8831C161.191 53.1484 161.298 53.4021 161.487 53.5881C161.677 53.7742 161.932 53.8776 162.197 53.8754L165.645 53.8461C166.306 55.9983 167.333 57.8222 168.7 59.2676C168.796 59.3687 168.893 59.4678 168.992 59.5648C170.424 60.9815 172.223 61.972 174.186 62.4257C180.297 63.878 187.684 60.4548 193.959 53.2769ZM174.65 60.4835C171.414 59.7172 168.995 57.3762 167.746 53.8279L183.412 53.6997C183.544 53.6986 183.674 53.6717 183.795 53.6204C183.916 53.5691 184.025 53.4945 184.118 53.4008C184.21 53.3072 184.282 53.1963 184.332 53.0745C184.381 52.9527 184.406 52.8223 184.405 52.691C184.404 52.5596 184.377 52.4297 184.325 52.3087C184.274 52.1877 184.2 52.078 184.106 51.9859C184.012 51.8938 183.901 51.821 183.779 51.7717C183.658 51.7224 183.527 51.6976 183.396 51.6987L167.726 51.8322C168.917 48.2699 171.301 45.8805 174.519 45.0638C179.684 43.7502 186.114 46.5735 191.85 52.6332C186.22 58.783 179.836 61.7118 174.65 60.4835Z" fill="#E8E1CE"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip12_3_2)">
|
||||
<path d="M187.983 89.9856C188.191 89.8575 188.346 89.6571 188.417 89.4226C188.488 89.188 188.47 88.9355 188.367 88.7131C184.366 80.0611 178.24 74.6952 171.968 74.3689C169.815 74.2442 167.674 74.7617 165.815 75.8556C164.095 76.8582 162.597 78.3187 161.357 80.1997L158.057 79.2012C157.803 79.1244 157.529 79.1517 157.295 79.277C157.061 79.4023 156.887 79.6155 156.81 79.8695C156.733 80.1235 156.76 80.3976 156.886 80.6315C157.011 80.8654 157.224 81.04 157.478 81.1167L160.779 82.1136C160.77 84.3648 161.208 86.4115 162.085 88.1981C162.146 88.3232 162.209 88.4467 162.275 88.5686C163.221 90.347 164.644 91.8272 166.383 92.8438C171.786 96.0468 179.858 94.974 187.983 89.9856ZM167.403 91.1272C164.542 89.4341 162.928 86.4798 162.79 82.7206L177.787 87.2546C177.912 87.2926 178.044 87.3055 178.175 87.2924C178.306 87.2794 178.433 87.2408 178.549 87.1788C178.664 87.1167 178.767 87.0324 178.85 86.9308C178.933 86.8291 178.996 86.7121 179.034 86.5863C179.072 86.4605 179.085 86.3285 179.072 86.1978C179.059 86.067 179.02 85.9401 178.958 85.8243C178.896 85.7085 178.812 85.606 178.71 85.5227C178.608 85.4395 178.491 85.3771 178.366 85.339L163.364 80.8092C165.561 77.762 168.547 76.189 171.862 76.3656C177.184 76.6466 182.484 81.2533 186.16 88.7441C178.957 92.9426 171.99 93.8415 167.403 91.1272Z" fill="#E8E1CE"/>
|
||||
</g>
|
||||
<path d="M65.2099 103.25C65.4525 103.215 65.674 103.093 65.8324 102.906C65.9907 102.719 66.0749 102.48 66.0689 102.235C65.8383 92.7055 62.3524 85.3462 56.7269 82.5521C54.8013 81.5816 52.6309 81.2048 50.4909 81.4694C48.5136 81.7051 46.5585 82.4494 44.6728 83.6822L42.0419 81.4535C41.8393 81.282 41.577 81.198 41.3125 81.22C41.0481 81.2419 40.8032 81.3681 40.6317 81.5706C40.4602 81.7731 40.3762 82.0354 40.3982 82.2999C40.4202 82.5644 40.5463 82.8093 40.7488 82.9807L43.3809 85.2081C42.4771 87.2699 42.0655 89.3223 42.1591 91.3101C42.1656 91.4492 42.1746 91.5877 42.1861 91.7255C42.3474 93.7338 43.0639 95.6576 44.2555 97.2821C47.9391 102.37 55.7713 104.596 65.2099 103.25ZM45.8743 96.1129C43.9224 93.4214 43.6164 90.069 44.9849 86.565L56.9411 96.6891C57.0414 96.774 57.1574 96.8384 57.2826 96.8784C57.4077 96.9185 57.5395 96.9335 57.6705 96.9226C57.8014 96.9118 57.9289 96.8752 58.0457 96.8151C58.1626 96.7549 58.2664 96.6723 58.3513 96.572C58.4362 96.4718 58.5005 96.3557 58.5406 96.2306C58.5806 96.1055 58.5957 95.9737 58.5848 95.8427C58.5739 95.7118 58.5374 95.5843 58.4772 95.4674C58.4171 95.3506 58.3345 95.2468 58.2342 95.1619L46.2718 85.0395C49.4988 83.1172 52.8642 82.8616 55.8357 84.342C60.6073 86.7166 63.6381 93.0513 64.0316 101.386C55.7524 102.373 49.0033 100.428 45.8743 96.1129Z" fill="#E8E1CE"/>
|
||||
<g clip-path="url(#clip13_3_2)">
|
||||
<path d="M78.0636 139.809C78.2954 139.729 78.4899 139.567 78.6103 139.354C78.7306 139.14 78.7684 138.89 78.7164 138.651C76.6971 129.334 71.889 122.762 65.8383 121.076C63.7645 120.485 61.562 120.523 59.51 121.186C57.6123 121.789 55.8322 122.888 54.212 124.454L51.2088 122.76C50.9776 122.63 50.7042 122.596 50.4486 122.668C50.193 122.739 49.9762 122.909 49.8459 123.14C49.7155 123.371 49.6824 123.645 49.7537 123.9C49.825 124.156 49.995 124.373 50.2261 124.503L53.2302 126.195C52.7305 128.391 52.7124 130.484 53.1782 132.418C53.2108 132.554 53.2457 132.688 53.2828 132.821C53.8191 134.763 54.8847 136.518 56.3606 137.889C60.9355 142.193 69.0467 142.906 78.0636 139.809ZM57.7305 136.437C55.3072 134.16 54.376 130.925 55.0609 127.226L68.7082 134.921C68.8227 134.985 68.9487 135.026 69.0792 135.042C69.2096 135.058 69.3419 135.048 69.4685 135.013C69.595 134.977 69.7134 134.917 69.8168 134.836C69.9202 134.755 70.0067 134.655 70.0712 134.54C70.1357 134.426 70.177 134.3 70.1929 134.169C70.2087 134.039 70.1986 133.907 70.1633 133.78C70.128 133.653 70.0681 133.535 69.987 133.432C69.906 133.328 69.8054 133.242 69.6909 133.177L56.0379 125.486C58.8456 122.991 62.1028 122.107 65.2997 123.002C70.4328 124.436 74.6012 130.088 76.5557 138.2C68.61 140.727 61.6154 140.085 57.7305 136.437Z" fill="#E8E1CE"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip14_3_2)">
|
||||
<path d="M94.2792 94.4191C94.5223 94.4501 94.7683 94.3907 94.9705 94.2523C95.1727 94.1138 95.317 93.9059 95.376 93.6681C97.6755 84.4169 96.2614 76.3975 91.5758 72.2144C89.9757 70.7689 87.9824 69.8311 85.8487 69.52C83.8795 69.2241 81.7971 69.4245 79.6524 70.1143L77.7051 67.2688C77.5551 67.0499 77.3244 66.8994 77.0635 66.8506C76.8027 66.8018 76.5331 66.8586 76.3142 67.0086C76.0952 67.1585 75.9448 67.3892 75.896 67.6501C75.8472 67.9109 75.904 68.1805 76.0539 68.3994L78.0028 71.2439C76.5856 72.9931 75.6456 74.8633 75.2098 76.8051C75.1793 76.9409 75.1513 77.0768 75.1258 77.2128C74.75 79.1921 74.9318 81.237 75.651 83.1189C77.857 89 84.821 93.2191 94.2792 94.4191ZM77.5215 82.4198C76.3514 79.3077 76.9436 75.9938 79.1905 72.9769L88.0414 85.9041C88.1156 86.0125 88.2105 86.1052 88.3206 86.177C88.4306 86.2487 88.5538 86.2981 88.6829 86.3223C88.8121 86.3464 88.9447 86.3449 89.0733 86.3178C89.2019 86.2907 89.3238 86.2386 89.4322 86.1643C89.5407 86.0901 89.6334 85.9952 89.7051 85.8852C89.7769 85.7751 89.8263 85.652 89.8504 85.5228C89.8746 85.3937 89.8731 85.261 89.846 85.1324C89.8189 85.0039 89.7667 84.8819 89.6925 84.7735L80.8353 71.8464C84.4559 70.8465 87.769 71.4906 90.2427 73.7046C94.2158 77.2572 95.4623 84.1681 93.6361 92.3099C85.3908 91.071 79.3972 87.4086 77.5215 82.4198Z" fill="#E8E1CE"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip15_3_2)">
|
||||
<path d="M148.985 62.3097C149.219 62.2362 149.418 62.0794 149.544 61.8691C149.669 61.6588 149.714 61.4096 149.668 61.1689C147.89 51.8035 143.254 45.1092 137.249 43.2674C135.191 42.623 132.988 42.6042 130.92 43.2135C129.007 43.7676 127.199 44.8201 125.539 46.3431L122.58 44.5721C122.353 44.4358 122.08 44.3956 121.823 44.4603C121.565 44.525 121.344 44.6893 121.208 44.917C121.072 45.1447 121.032 45.4172 121.096 45.6746C121.161 45.9319 121.325 46.1531 121.553 46.2893L124.512 48.0588C123.956 50.2402 123.884 52.3322 124.299 54.2783C124.328 54.4145 124.36 54.5497 124.394 54.6839C124.879 56.6391 125.899 58.4207 127.339 59.8298C131.801 64.2505 139.891 65.1726 148.985 62.3097ZM128.746 58.4129C126.383 56.0747 125.535 52.8167 126.316 49.1368L139.76 57.1813C139.872 57.2487 139.997 57.2933 140.127 57.3125C140.257 57.3317 140.39 57.325 140.517 57.293C140.645 57.261 140.764 57.2042 140.87 57.1258C140.975 57.0475 141.064 56.9491 141.132 56.8364C141.199 56.7236 141.244 56.5987 141.263 56.4687C141.282 56.3387 141.276 56.2062 141.244 56.0788C141.212 55.9513 141.155 55.8315 141.076 55.726C140.998 55.6205 140.9 55.5315 140.787 55.464L127.337 47.4223C130.209 45.0006 133.488 44.201 136.66 45.1784C141.755 46.7452 145.776 52.5025 147.52 60.6623C139.511 62.983 132.535 62.1611 128.746 58.4129Z" fill="#E8E1CE"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip16_3_2)">
|
||||
<path d="M118.152 129.854C118.359 129.723 118.511 129.52 118.578 129.285C118.646 129.049 118.625 128.797 118.518 128.576C114.39 119.984 108.187 114.708 101.911 114.474C99.7563 114.381 97.6228 114.929 95.7808 116.05C94.0752 117.078 92.5989 118.56 91.3867 120.459L88.0722 119.509C87.8171 119.436 87.5434 119.467 87.3113 119.596C87.0793 119.725 86.9079 119.94 86.8348 120.196C86.7618 120.451 86.7931 120.724 86.9218 120.956C87.0505 121.188 87.2662 121.36 87.5213 121.433L90.8363 122.381C90.8601 124.632 91.3286 126.672 92.2311 128.446C92.2942 128.57 92.3593 128.693 92.4264 128.814C93.3991 130.578 94.8431 132.037 96.5972 133.028C102.047 136.152 110.101 134.961 118.152 129.854ZM97.5922 131.297C94.7064 129.646 93.0493 126.716 92.8564 122.959L107.918 127.273C108.044 127.309 108.176 127.32 108.307 127.305C108.437 127.29 108.564 127.25 108.678 127.186C108.793 127.122 108.895 127.036 108.976 126.933C109.058 126.831 109.119 126.713 109.155 126.586C109.191 126.46 109.202 126.328 109.187 126.197C109.172 126.067 109.132 125.94 109.068 125.825C109.004 125.711 108.918 125.609 108.816 125.528C108.713 125.446 108.595 125.385 108.468 125.349L93.4024 121.039C95.5538 117.96 98.5166 116.344 101.834 116.472C107.16 116.675 112.527 121.203 116.312 128.64C109.171 132.943 102.218 133.944 97.5922 131.297Z" fill="#E8E1CE"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip17_3_2)">
|
||||
<path d="M203.835 30.1998C204.066 30.1164 204.258 29.9512 204.374 29.7357C204.491 29.5202 204.524 29.2694 204.468 29.0308C202.29 19.7503 197.371 13.2613 191.292 11.679C189.208 11.1236 187.007 11.1994 184.966 11.8969C183.079 12.5326 181.318 13.6617 179.725 15.2547L176.693 13.6123C176.46 13.4859 176.186 13.4575 175.932 13.5331C175.677 13.6088 175.463 13.7824 175.337 14.0158C175.211 14.2491 175.182 14.5231 175.258 14.7775C175.334 15.0318 175.507 15.2457 175.741 15.372L178.773 17.0129C178.311 19.2162 178.329 21.3093 178.827 23.2358C178.862 23.3706 178.9 23.5043 178.939 23.6369C179.508 25.5695 180.604 27.3057 182.103 28.6516C186.751 32.8767 194.873 33.4506 203.835 30.1998ZM183.448 27.1756C180.986 24.9411 180 21.7225 180.621 18.0124L194.398 25.4723C194.514 25.5348 194.64 25.574 194.771 25.5876C194.902 25.6012 195.034 25.5889 195.16 25.5514C195.286 25.5139 195.403 25.452 195.505 25.3692C195.607 25.2864 195.692 25.1843 195.754 25.0688C195.817 24.9532 195.856 24.8265 195.87 24.6958C195.883 24.5651 195.871 24.433 195.833 24.3071C195.796 24.1811 195.734 24.0638 195.651 23.9618C195.568 23.8598 195.466 23.7751 195.351 23.7125L181.568 16.2556C184.333 13.7129 187.575 12.7733 190.786 13.6135C195.943 14.9601 200.208 20.5395 202.3 28.6169C194.399 31.2793 187.394 30.7576 183.448 27.1756Z" fill="#E8E1CE"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_3_2">
|
||||
<rect width="250" height="198" fill="white"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip1_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(52.6132 -9) rotate(42.4862)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip2_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(33.0724 36.7009) rotate(113.385)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip3_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(68.0698 20) rotate(76.151)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip4_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(102.91 -7) rotate(69.1775)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip5_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(141.4 -2) rotate(52.537)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip6_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(227.559 -5.19513) rotate(45.3228)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip7_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(134.136 70) rotate(65.5745)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip8_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(108.546 26) rotate(72.6636)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip9_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(32.9136 81.4238) rotate(112.845)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip10_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(36.7642 160.979) rotate(115.903)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip11_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(177.559 30.1191) rotate(44.528)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip12_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(179.207 63) rotate(61.8187)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip13_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(75.3817 111.559) rotate(74.4103)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip14_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(104.34 67.8856) rotate(100.599)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip15_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(147.035 34) rotate(75.8921)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip16_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(108.982 103) rotate(60.9799)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip17_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(200.671 2) rotate(73.4314)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 30 KiB |
115
front/public/BackgroundTextureAlt.svg
Normal file
115
front/public/BackgroundTextureAlt.svg
Normal file
|
|
@ -0,0 +1,115 @@
|
|||
<svg width="250" height="198" viewBox="0 0 250 198" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_3_2)">
|
||||
<path d="M29.9912 29.9313C30.2359 29.917 30.4667 29.8133 30.64 29.6401C30.8133 29.4668 30.9169 29.2359 30.9312 28.9913C31.49 19.475 28.625 11.8525 23.25 8.60251C21.4113 7.47596 19.2796 6.92083 17.125 7.00751C15.135 7.07876 13.125 7.65876 11.1437 8.73126L8.70623 6.29251C8.51859 6.10487 8.26409 5.99945 7.99873 5.99945C7.73336 5.99945 7.47887 6.10486 7.29123 6.29251C7.10359 6.48015 6.99817 6.73464 6.99817 7.00001C6.99817 7.26537 7.10359 7.51986 7.29123 7.70751L9.72998 10.145C8.65873 12.125 8.07873 14.1363 8.00748 16.125C8.00248 16.2642 7.99998 16.4029 7.99998 16.5413C7.99459 18.5559 8.54942 20.5324 9.60248 22.25C12.8525 27.625 20.4737 30.4913 29.9912 29.9313ZM11.3125 21.2188C9.58998 18.375 9.56248 15.0088 11.2162 11.63L22.2937 22.7088C22.3866 22.8017 22.4969 22.8754 22.6183 22.9257C22.7397 22.9759 22.8698 23.0018 23.0012 23.0018C23.1326 23.0018 23.2627 22.9759 23.3841 22.9257C23.5055 22.8754 23.6158 22.8017 23.7087 22.7088C23.8016 22.6158 23.8753 22.5055 23.9256 22.3842C23.9759 22.2628 24.0018 22.1326 24.0018 22.0013C24.0018 21.8699 23.9759 21.7398 23.9256 21.6184C23.8753 21.497 23.8016 21.3867 23.7087 21.2938L12.625 10.2163C16 8.56751 19.375 8.59126 22.2137 10.3125C26.7725 13.0738 29.2687 19.6375 28.9712 27.9763C20.6387 28.275 14.0737 25.7775 11.3125 21.2188Z" fill="#E8E1CE" fill-opacity="0.6"/>
|
||||
<g clip-path="url(#clip1_3_2)">
|
||||
<path d="M69.8278 13.5588C69.9825 13.3687 70.062 13.1285 70.0513 12.8836C70.0405 12.6388 69.9403 12.4065 69.7695 12.2307C63.1292 5.39126 55.573 2.35569 49.546 4.12435C47.4734 4.71935 45.6242 5.91647 44.2329 7.56389C42.9414 9.07952 42.0115 10.9535 41.4643 13.1389L38.0195 13.2893C37.7544 13.3009 37.5048 13.4174 37.3255 13.6131C37.1463 13.8088 37.0522 14.0677 37.0638 14.3328C37.0754 14.5979 37.1919 14.8475 37.3876 15.0267C37.5833 15.206 37.8422 15.3001 38.1073 15.2885L41.5519 15.1364C42.2885 17.2637 43.38 19.0498 44.7984 20.4456C44.8977 20.5433 44.9983 20.6388 45.1003 20.7322C46.5824 22.097 48.4147 23.0228 50.3925 23.4063C56.5514 24.6399 63.8126 20.9556 69.8278 13.5588ZM50.787 21.4487C47.5265 20.7982 45.0255 18.5449 43.6509 15.0433L59.3027 14.3571C59.4339 14.3513 59.5628 14.3197 59.6819 14.2642C59.8009 14.2086 59.9079 14.1301 59.9966 14.0332C60.0854 13.9364 60.1542 13.8229 60.1991 13.6994C60.244 13.576 60.2641 13.4448 60.2584 13.3136C60.2526 13.1823 60.2211 13.0535 60.1655 12.9344C60.1099 12.8153 60.0315 12.7084 59.9346 12.6196C59.8377 12.5309 59.7243 12.4621 59.6008 12.4172C59.4773 12.3723 59.3462 12.3521 59.2149 12.3579L43.5598 13.0496C44.6235 9.44715 46.9205 6.97433 50.1071 6.04347C55.2224 4.54665 61.7488 7.13905 67.6972 12.9905C62.2896 19.337 56.0138 22.4915 50.787 21.4487Z" fill="#E8E1CE" fill-opacity="0.6"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip2_3_2)">
|
||||
<path d="M17.3891 60.3499C17.6193 60.4339 17.8724 60.4304 18.1002 60.3401C18.328 60.2499 18.5148 60.0791 18.625 59.8602C22.9149 51.3474 23.3106 43.2138 19.667 38.0974C18.4265 36.3337 16.6902 34.978 14.6782 34.2024C12.8233 33.478 10.7482 33.2126 8.50405 33.4106L7.2347 30.2047C7.13695 29.958 6.9452 29.7603 6.70163 29.655C6.45807 29.5496 6.18263 29.5454 5.93593 29.6431C5.68923 29.7409 5.49146 29.9326 5.38614 30.1762C5.28081 30.4198 5.27656 30.6952 5.37432 30.9419L6.6453 34.1471C4.87618 35.5393 3.54555 37.1552 2.69082 38.9523C2.63099 39.078 2.57363 39.2044 2.51872 39.3314C1.71415 41.1784 1.43892 43.2128 1.72378 45.2072C2.57349 51.4307 8.43112 57.0864 17.3891 60.3499ZM3.70263 44.9394C3.2503 41.6456 4.56113 38.5449 7.42007 36.1001L13.1905 50.6655C13.2389 50.7876 13.3109 50.8991 13.4024 50.9934C13.4938 51.0877 13.603 51.1631 13.7236 51.2153C13.8442 51.2674 13.9739 51.2953 14.1053 51.2973C14.2366 51.2994 14.3671 51.2755 14.4893 51.2271C14.6114 51.1787 14.7229 51.1067 14.8172 51.0152C14.9115 50.9238 14.9869 50.8146 15.0391 50.694C15.0912 50.5734 15.1191 50.4437 15.1211 50.3124C15.1232 50.181 15.0993 50.0505 15.0509 49.9283L9.27423 35.3616C13.0264 35.1878 16.1148 36.5491 18.0372 39.2557C21.1255 43.5995 20.8116 50.6149 17.2289 58.1506C9.4622 55.1177 4.4277 50.2196 3.70263 44.9394Z" fill="#E8E1CE" fill-opacity="0.6"/>
|
||||
</g>
|
||||
<path d="M49.2762 71.7586C49.5209 71.7716 49.7619 71.6943 49.9534 71.5413C50.1449 71.3884 50.2735 71.1705 50.3149 70.9289C51.928 61.5338 49.9281 53.64 44.9477 49.8127C43.2457 48.4887 41.1889 47.7001 39.038 47.5467C37.0524 47.3963 34.9904 47.7492 32.9022 48.5949L30.7509 45.9003C30.5853 45.6929 30.3441 45.5599 30.0804 45.5304C29.8167 45.5009 29.552 45.5773 29.3447 45.743C29.1373 45.9086 29.0043 46.1498 28.9748 46.4135C28.9453 46.6772 29.0218 46.9419 29.1874 47.1492L31.3401 49.8427C30.0553 51.6913 29.2554 53.6256 28.9635 55.5941C28.943 55.7319 28.9251 55.8695 28.9098 56.007C28.6804 58.0086 29.0121 60.0345 29.8677 61.8585C32.5001 67.5615 39.7555 71.2571 49.2762 71.7586ZM31.6818 61.0237C30.2861 58.0061 30.6329 54.6577 32.652 51.4837L42.4293 63.7252C42.5113 63.8279 42.6127 63.9134 42.7278 63.9768C42.8428 64.0403 42.9693 64.0805 43.0999 64.0951C43.2304 64.1097 43.3626 64.0984 43.4888 64.062C43.6151 64.0255 43.7329 63.9645 43.8355 63.8825C43.9382 63.8005 44.0237 63.6991 44.0872 63.584C44.1506 63.469 44.1908 63.3425 44.2054 63.2119C44.22 63.0814 44.2088 62.9492 44.1723 62.823C44.1358 62.6967 44.0748 62.5789 43.9928 62.4763L34.2092 50.2353C37.7466 48.972 41.098 49.3707 43.7278 51.3969C47.9514 54.6478 49.7025 61.4483 48.4799 69.7023C40.1658 69.073 33.9191 65.8612 31.6818 61.0237Z" fill="#E8E1CE" fill-opacity="0.6"/>
|
||||
<g clip-path="url(#clip3_3_2)">
|
||||
<path d="M69.8924 48.3182C70.1265 48.2457 70.3258 48.0899 70.4526 47.8801C70.5794 47.6704 70.6247 47.4214 70.58 47.1805C68.8447 37.8071 64.2384 31.092 58.2417 29.2231C56.1869 28.5694 53.9842 28.5407 51.913 29.1405C49.9979 29.6861 48.1852 30.7303 46.5182 32.2459L43.5678 30.4615C43.3407 30.3242 43.0684 30.2828 42.8108 30.3463C42.5531 30.4098 42.3312 30.5731 42.194 30.8002C42.0567 31.0273 42.0153 31.2996 42.0788 31.5573C42.1423 31.8149 42.3056 32.0368 42.5327 32.174L45.484 33.9569C44.9178 36.1358 44.8361 38.2274 45.2429 40.1754C45.2714 40.3117 45.3022 40.447 45.3353 40.5813C45.8123 42.5387 46.8241 44.325 48.2577 45.7406C52.6998 50.1814 60.7856 51.14 69.8924 48.3182ZM49.6711 44.33C47.318 41.9812 46.4856 38.7194 47.2825 35.043L60.6898 43.1481C60.8023 43.2161 60.927 43.2613 61.0569 43.281C61.1868 43.3008 61.3193 43.2948 61.4469 43.2633C61.5745 43.2319 61.6946 43.1756 61.8004 43.0977C61.9063 43.0198 61.9957 42.9219 62.0637 42.8094C62.1316 42.697 62.1768 42.5723 62.1966 42.4424C62.2163 42.3125 62.2103 42.1799 62.1789 42.0524C62.1474 41.9248 62.0911 41.8047 62.0133 41.6988C61.9354 41.593 61.8374 41.5035 61.725 41.4356L48.3119 33.3332C51.1941 30.9245 54.4767 30.1397 57.6449 31.1314C62.7321 32.7212 66.7269 38.4966 68.434 46.6642C60.4153 48.9487 53.4433 48.0953 49.6711 44.33Z" fill="#E8E1CE" fill-opacity="0.6"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip4_3_2)">
|
||||
<path d="M108.157 20.8875C108.381 20.7871 108.56 20.6082 108.66 20.3847C108.76 20.1611 108.775 19.9085 108.702 19.6747C105.841 10.5814 100.454 4.47517 94.2744 3.34811C92.1554 2.94873 89.9655 3.18765 87.9825 4.03456C86.1478 4.80855 84.4752 6.06517 83.0046 7.77191L79.8594 6.35891C79.6173 6.25023 79.342 6.24216 79.094 6.33649C78.8459 6.43082 78.6455 6.61982 78.5368 6.8619C78.4282 7.10399 78.4201 7.37934 78.5144 7.62737C78.6088 7.8754 78.7978 8.0758 79.0398 8.18449L82.1858 9.59587C81.8883 11.8274 82.0612 13.9134 82.7015 15.7976C82.7463 15.9295 82.7933 16.06 82.8425 16.1893C83.5536 18.0743 84.7748 19.7245 86.3696 20.9556C91.318 24.8242 99.4604 24.7941 108.157 20.8875ZM87.6013 19.3838C84.9805 17.3381 83.7582 14.2015 84.1028 10.4556L98.395 16.8729C98.5149 16.9268 98.6442 16.9564 98.7755 16.9603C98.9069 16.9641 99.0377 16.9421 99.1605 16.8954C99.2833 16.8487 99.3957 16.7782 99.4913 16.6881C99.5869 16.5979 99.6638 16.4898 99.7176 16.37C99.7714 16.2501 99.8011 16.1208 99.8049 15.9894C99.8088 15.8581 99.7867 15.7273 99.74 15.6045C99.6933 15.4817 99.6229 15.3693 99.5327 15.2737C99.4426 15.1781 99.3345 15.1012 99.2146 15.0474L84.917 8.63337C87.4855 5.89258 90.6485 4.71506 93.9137 5.31478C99.1563 6.27517 103.823 11.5229 106.509 19.4227C98.8268 22.664 91.8028 22.6633 87.6013 19.3838Z" fill="#E8E1CE" fill-opacity="0.6"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip5_3_2)">
|
||||
<path d="M154.413 23.2169C154.599 23.0567 154.719 22.834 154.751 22.5911C154.783 22.3482 154.725 22.1019 154.588 21.899C149.243 14.0056 142.333 9.69794 136.089 10.3876C133.945 10.6118 131.915 11.4678 130.257 12.8471C128.721 14.1141 127.479 15.797 126.558 17.8534L123.14 17.4003C122.877 17.3655 122.611 17.4366 122.4 17.598C122.19 17.7594 122.052 17.9979 122.017 18.2609C121.982 18.524 122.053 18.7901 122.215 19.0008C122.376 19.2114 122.615 19.3493 122.878 19.3841L126.296 19.8355C126.65 22.0587 127.413 24.0079 128.566 25.6298C128.647 25.7433 128.729 25.855 128.813 25.9648C130.035 27.5672 131.677 28.7986 133.558 29.5213C139.407 31.8109 147.2 29.4504 154.413 23.2169ZM134.288 27.6627C131.191 26.4532 129.122 23.798 128.379 20.1102L143.91 22.166C144.041 22.1833 144.173 22.1747 144.3 22.1407C144.427 22.1068 144.546 22.0482 144.65 21.9683C144.755 21.8884 144.842 21.7887 144.908 21.675C144.974 21.5612 145.016 21.4356 145.034 21.3054C145.051 21.1751 145.042 21.0427 145.008 20.9158C144.974 20.7888 144.916 20.6698 144.836 20.5655C144.756 20.4612 144.656 20.3737 144.543 20.3079C144.429 20.2422 144.303 20.1994 144.173 20.1822L128.637 18.1312C130.313 14.7696 133.007 12.7356 136.307 12.3752C141.605 11.7941 147.579 15.4857 152.415 22.2855C145.982 27.5909 139.252 29.6016 134.288 27.6627Z" fill="#E8E1CE" fill-opacity="0.6"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip6_3_2)">
|
||||
<path d="M243.637 18.1879C243.8 18.0057 243.892 17.7697 243.893 17.5247C243.895 17.2796 243.806 17.0426 243.644 16.8586C237.35 9.69889 229.954 6.2931 223.846 7.76132C221.747 8.25303 219.841 9.35716 218.37 10.9337C217.005 12.3836 215.983 14.2092 215.329 16.3649L211.881 16.3446C211.615 16.3431 211.36 16.4471 211.171 16.6337C210.983 16.8203 210.876 17.0741 210.874 17.3395C210.873 17.6049 210.977 17.86 211.163 18.0486C211.35 18.2373 211.604 18.3442 211.869 18.3457L215.317 18.3642C215.948 20.5254 216.949 22.3633 218.297 23.8276C218.391 23.9301 218.487 24.0305 218.584 24.1289C219.997 25.5652 221.781 26.5806 223.738 27.0615C229.828 28.5984 237.263 25.278 243.637 18.1879ZM224.229 25.1259C221.004 24.3148 218.618 21.9405 217.418 18.3752L233.085 18.4643C233.216 18.4651 233.346 18.4399 233.468 18.3903C233.59 18.3407 233.701 18.2677 233.794 18.1753C233.887 18.0829 233.962 17.973 234.013 17.8519C234.064 17.7308 234.09 17.6008 234.091 17.4694C234.092 17.338 234.067 17.2078 234.017 17.0861C233.967 16.9644 233.894 16.8537 233.802 16.7603C233.71 16.6669 233.6 16.5925 233.479 16.5416C233.357 16.4906 233.227 16.464 233.096 16.4633L217.426 16.3794C218.667 12.834 221.083 10.4779 224.312 9.70586C229.495 8.46402 235.885 11.3762 241.537 17.5149C235.822 23.586 229.397 26.426 224.229 25.1259Z" fill="#E8E1CE" fill-opacity="0.6"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip7_3_2)">
|
||||
<path d="M141.125 97.5026C141.342 97.3884 141.51 97.1986 141.596 96.9691C141.682 96.7397 141.681 96.4866 141.593 96.258C138.166 87.3624 132.406 81.6068 126.168 80.8703C124.028 80.6049 121.857 80.981 119.931 81.9508C118.149 82.8386 116.559 84.1978 115.198 85.9936L111.971 84.7811C111.722 84.6878 111.447 84.6971 111.205 84.8068C110.964 84.9165 110.775 85.1177 110.682 85.3662C110.589 85.6146 110.598 85.8899 110.708 86.1315C110.818 86.3731 111.019 86.5613 111.267 86.6545L114.496 87.8654C114.339 90.1112 114.643 92.1823 115.4 94.0225C115.453 94.1513 115.508 94.2786 115.565 94.4046C116.394 96.2412 117.716 97.8113 119.385 98.9397C124.567 102.49 132.691 101.948 141.125 97.5026ZM120.516 97.2937C117.771 95.4167 116.354 92.3631 116.463 88.6029L131.13 94.1095C131.253 94.1556 131.384 94.1771 131.515 94.1727C131.647 94.1683 131.776 94.1381 131.896 94.0837C132.015 94.0294 132.123 93.952 132.213 93.8561C132.302 93.7601 132.372 93.6474 132.419 93.5244C132.465 93.4013 132.486 93.2704 132.482 93.1391C132.477 93.0078 132.447 92.8786 132.393 92.759C132.339 92.6394 132.261 92.5316 132.165 92.4419C132.069 92.3521 131.956 92.2822 131.833 92.236L117.161 86.7332C119.552 83.8364 122.635 82.4624 125.931 82.8558C131.224 83.4848 136.211 88.4289 139.388 96.1443C131.925 99.8619 124.915 100.303 120.516 97.2937Z" fill="#E8E1CE" fill-opacity="0.6"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip8_3_2)">
|
||||
<path d="M112.088 54.1549C112.317 54.0684 112.507 53.9006 112.621 53.6836C112.734 53.4666 112.765 53.2153 112.705 52.9775C110.403 43.7271 105.397 37.3046 99.2975 35.8038C97.2067 35.2764 95.0064 35.3817 92.9755 36.1064C91.0971 36.7674 89.3513 37.92 87.7796 39.5342L84.7261 37.9326C84.4911 37.8094 84.2168 37.7846 83.9634 37.8636C83.7101 37.9427 83.4986 38.1192 83.3754 38.3542C83.2522 38.5892 83.2274 38.8636 83.3065 39.1169C83.3856 39.3702 83.562 39.5817 83.7971 39.7049L86.8513 41.305C86.4188 43.5143 86.4644 45.607 86.989 47.5266C87.0257 47.6609 87.0647 47.7941 87.1059 47.9262C87.7011 49.8509 88.8197 51.5723 90.3367 52.8981C95.0407 57.0605 103.17 57.5255 112.088 54.1549ZM91.6617 51.4041C89.1701 49.2028 88.1408 45.9977 88.7126 42.2797L102.588 49.5542C102.704 49.6152 102.832 49.6527 102.963 49.6645C103.093 49.6764 103.225 49.6623 103.351 49.6231C103.476 49.584 103.593 49.5205 103.694 49.4363C103.794 49.3522 103.878 49.2489 103.939 49.1326C104 49.0162 104.037 48.8889 104.049 48.7581C104.061 48.6272 104.047 48.4953 104.008 48.3699C103.969 48.2445 103.905 48.128 103.821 48.0271C103.737 47.9262 103.634 47.8429 103.517 47.7819L89.6361 40.5103C92.3664 37.9308 95.5952 36.9478 98.8179 37.7449C103.992 39.0223 108.331 44.5441 110.532 52.5927C102.667 55.3608 95.656 54.933 91.6617 51.4041Z" fill="#E8E1CE" fill-opacity="0.6"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip9_3_2)">
|
||||
<path d="M17.4536 105.219C17.6846 105.301 17.9376 105.295 18.1646 105.203C18.3916 105.111 18.5767 104.938 18.6849 104.718C22.8944 96.1653 23.2136 88.0284 19.522 82.9465C18.265 81.1945 16.5159 79.8553 14.4967 79.0987C12.6351 78.3917 10.5576 78.1458 8.31541 78.365L7.01595 75.1712C6.91588 74.9254 6.72228 74.7295 6.47773 74.6265C6.23318 74.5234 5.95772 74.5218 5.71195 74.6218C5.46618 74.7219 5.27023 74.9155 5.1672 75.1601C5.06417 75.4046 5.06251 75.6801 5.16259 75.9258L6.46368 79.119C4.70774 80.5277 3.39238 82.156 2.55459 83.9611C2.49596 84.0874 2.43978 84.2143 2.38608 84.3418C1.59892 86.1964 1.34285 88.2332 1.64647 90.2249C2.55471 96.4401 8.46531 102.04 17.4536 105.219ZM3.62271 89.9384C3.1394 86.649 4.42099 83.5362 7.2568 81.0645L13.1641 95.575C13.2136 95.6967 13.2866 95.8074 13.379 95.9009C13.4713 95.9944 13.5812 96.0687 13.7023 96.1197C13.8234 96.1707 13.9533 96.1974 14.0847 96.1982C14.2161 96.199 14.3464 96.1739 14.4681 96.1243C14.5898 96.0748 14.7005 96.0018 14.794 95.9094C14.8874 95.8171 14.9618 95.7072 15.0128 95.5861C15.0638 95.465 15.0905 95.3351 15.0913 95.2037C15.0921 95.0723 15.067 94.942 15.0174 94.8203L9.10392 80.3086C12.8543 80.0995 15.9553 81.4317 17.9031 84.1201C21.0322 88.4346 20.7843 95.4527 17.2727 103.022C9.47782 100.062 4.39744 95.2116 3.62271 89.9384Z" fill="#E8E1CE" fill-opacity="0.6"/>
|
||||
</g>
|
||||
<path d="M30.1907 136.966C30.4352 136.95 30.6653 136.845 30.8374 136.671C31.0094 136.496 31.1114 136.264 31.1239 136.02C31.6145 126.5 28.6949 118.898 23.2968 115.687C21.4501 114.573 19.3144 114.033 17.1605 114.135C15.1711 114.221 13.1653 114.815 11.1918 115.902L8.73685 113.481C8.54787 113.294 8.29263 113.191 8.02727 113.193C7.76192 113.195 7.50818 113.302 7.32189 113.491C7.1356 113.68 7.03201 113.935 7.03391 114.201C7.03581 114.466 7.14305 114.72 7.33203 114.906L9.78818 117.326C8.73114 119.313 8.16556 121.329 8.10856 123.318C8.10456 123.457 8.10306 123.596 8.10405 123.734C8.11309 125.749 8.68207 127.721 9.7474 129.431C13.0358 134.783 20.6774 137.595 30.1907 136.966ZM11.45 128.388C9.70714 125.557 9.65553 122.191 11.285 118.8L22.4416 129.799C22.5352 129.892 22.646 129.964 22.7678 130.014C22.8895 130.063 23.0198 130.088 23.1512 130.087C23.2826 130.086 23.4125 130.059 23.5335 130.008C23.6546 129.957 23.7643 129.883 23.8566 129.789C23.9488 129.696 24.0217 129.585 24.0711 129.463C24.1206 129.341 24.1455 129.211 24.1446 129.08C24.1436 128.948 24.1168 128.818 24.0657 128.697C24.0145 128.576 23.94 128.466 23.8464 128.374L12.6836 117.376C16.0467 115.703 19.4218 115.703 22.2728 117.404C26.8512 120.132 29.3944 126.678 29.1567 135.019C20.8265 135.377 14.2438 132.927 11.45 128.388Z" fill="#E8E1CE" fill-opacity="0.6"/>
|
||||
<g clip-path="url(#clip10_3_2)">
|
||||
<path d="M20.0571 183.916C20.2834 184.01 20.5363 184.018 20.7679 183.938C20.9995 183.857 21.1935 183.695 21.3133 183.481C25.973 175.165 26.7256 167.057 23.3103 161.785C22.1485 159.969 20.4734 158.538 18.4974 157.675C16.6762 156.87 14.6148 156.513 12.364 156.613L11.2368 153.354C11.15 153.103 10.9671 152.897 10.7284 152.781C10.4897 152.665 10.2147 152.649 9.96393 152.736C9.71317 152.823 9.50717 153.006 9.39125 153.244C9.27532 153.483 9.25897 153.758 9.3458 154.009L10.4747 157.267C8.64617 158.58 7.24584 160.136 6.31297 161.893C6.24768 162.016 6.18482 162.14 6.12439 162.265C5.23945 164.075 4.87512 166.095 5.07208 168.1C5.64756 174.355 11.2511 180.262 20.0571 183.916ZM7.06079 167.919C6.7536 164.609 8.19938 161.569 11.163 159.252L16.2879 174.057C16.3309 174.181 16.398 174.295 16.4852 174.394C16.5724 174.492 16.6782 174.572 16.7964 174.629C16.9145 174.687 17.0429 174.72 17.1741 174.728C17.3052 174.736 17.4366 174.718 17.5608 174.675C17.685 174.632 17.7994 174.565 17.8977 174.478C17.996 174.39 18.0761 174.285 18.1335 174.166C18.1909 174.048 18.2244 173.92 18.2322 173.789C18.24 173.657 18.2219 173.526 18.1789 173.402L13.0478 158.595C16.804 158.587 19.8295 160.082 21.6312 162.871C24.5257 167.346 23.9039 174.341 19.9936 181.712C12.3676 178.341 7.55319 173.226 7.06079 167.919Z" fill="#E8E1CE" fill-opacity="0.6"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip11_3_2)">
|
||||
<path d="M193.959 53.2769C194.121 53.0925 194.209 52.8553 194.207 52.6102C194.205 52.3652 194.113 52.1294 193.948 51.9476C187.556 44.876 180.113 41.5731 174.027 43.1259C171.934 43.6467 170.043 44.7771 168.594 46.3739C167.25 47.8426 166.254 49.6823 165.629 51.8468L162.181 51.8743C161.915 51.8765 161.662 51.984 161.476 52.1732C161.29 52.3624 161.186 52.6177 161.189 52.8831C161.191 53.1484 161.298 53.4021 161.487 53.5881C161.677 53.7742 161.932 53.8776 162.197 53.8754L165.645 53.8461C166.306 55.9983 167.333 57.8222 168.7 59.2676C168.796 59.3687 168.893 59.4678 168.992 59.5648C170.424 60.9815 172.223 61.972 174.186 62.4257C180.297 63.878 187.684 60.4548 193.959 53.2769ZM174.65 60.4835C171.414 59.7172 168.995 57.3762 167.746 53.8279L183.412 53.6997C183.544 53.6986 183.674 53.6717 183.795 53.6204C183.916 53.5691 184.025 53.4945 184.118 53.4008C184.21 53.3072 184.282 53.1963 184.332 53.0745C184.381 52.9527 184.406 52.8223 184.405 52.691C184.404 52.5596 184.377 52.4297 184.325 52.3087C184.274 52.1877 184.2 52.078 184.106 51.9859C184.012 51.8938 183.901 51.821 183.779 51.7717C183.658 51.7224 183.527 51.6976 183.396 51.6987L167.726 51.8322C168.917 48.2699 171.301 45.8805 174.519 45.0638C179.684 43.7502 186.114 46.5735 191.85 52.6332C186.22 58.783 179.836 61.7118 174.65 60.4835Z" fill="#E8E1CE" fill-opacity="0.6"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip12_3_2)">
|
||||
<path d="M187.983 89.9856C188.191 89.8575 188.346 89.6571 188.417 89.4226C188.488 89.188 188.47 88.9355 188.367 88.7131C184.366 80.0611 178.24 74.6952 171.968 74.3689C169.815 74.2442 167.674 74.7617 165.815 75.8556C164.095 76.8582 162.597 78.3187 161.357 80.1997L158.057 79.2012C157.803 79.1244 157.529 79.1517 157.295 79.277C157.061 79.4023 156.887 79.6155 156.81 79.8695C156.733 80.1235 156.76 80.3976 156.886 80.6315C157.011 80.8654 157.224 81.04 157.478 81.1167L160.779 82.1136C160.77 84.3648 161.208 86.4115 162.085 88.1981C162.146 88.3232 162.209 88.4467 162.275 88.5686C163.221 90.347 164.644 91.8272 166.383 92.8438C171.786 96.0468 179.858 94.974 187.983 89.9856ZM167.403 91.1272C164.542 89.4341 162.928 86.4798 162.79 82.7206L177.787 87.2546C177.912 87.2926 178.044 87.3055 178.175 87.2924C178.306 87.2794 178.433 87.2408 178.549 87.1788C178.664 87.1167 178.767 87.0324 178.85 86.9308C178.933 86.8291 178.996 86.7121 179.034 86.5863C179.072 86.4605 179.085 86.3285 179.072 86.1978C179.059 86.067 179.02 85.9401 178.958 85.8243C178.896 85.7085 178.812 85.606 178.71 85.5227C178.608 85.4395 178.491 85.3771 178.366 85.339L163.364 80.8092C165.561 77.762 168.547 76.189 171.862 76.3656C177.184 76.6466 182.484 81.2533 186.16 88.7441C178.957 92.9426 171.99 93.8415 167.403 91.1272Z" fill="#E8E1CE" fill-opacity="0.6"/>
|
||||
</g>
|
||||
<path d="M65.2099 103.25C65.4525 103.215 65.674 103.093 65.8324 102.906C65.9907 102.719 66.0749 102.48 66.0689 102.235C65.8383 92.7055 62.3524 85.3462 56.7269 82.5521C54.8013 81.5816 52.6309 81.2048 50.4909 81.4694C48.5136 81.7051 46.5585 82.4494 44.6728 83.6822L42.0419 81.4535C41.8393 81.282 41.577 81.198 41.3125 81.22C41.0481 81.2419 40.8032 81.3681 40.6317 81.5706C40.4602 81.7731 40.3762 82.0354 40.3982 82.2999C40.4202 82.5644 40.5463 82.8093 40.7488 82.9807L43.3809 85.2081C42.4771 87.2699 42.0655 89.3223 42.1591 91.3101C42.1656 91.4492 42.1746 91.5877 42.1861 91.7255C42.3474 93.7338 43.0639 95.6576 44.2555 97.2821C47.9391 102.37 55.7713 104.596 65.2099 103.25ZM45.8743 96.1129C43.9224 93.4214 43.6164 90.069 44.9849 86.565L56.9411 96.6891C57.0414 96.774 57.1574 96.8384 57.2826 96.8784C57.4077 96.9185 57.5395 96.9335 57.6705 96.9226C57.8014 96.9118 57.9289 96.8752 58.0457 96.8151C58.1626 96.7549 58.2664 96.6723 58.3513 96.572C58.4362 96.4718 58.5005 96.3557 58.5406 96.2306C58.5806 96.1055 58.5957 95.9737 58.5848 95.8427C58.5739 95.7118 58.5374 95.5843 58.4772 95.4674C58.4171 95.3506 58.3345 95.2468 58.2342 95.1619L46.2718 85.0395C49.4988 83.1172 52.8642 82.8616 55.8357 84.342C60.6073 86.7166 63.6381 93.0513 64.0316 101.386C55.7524 102.373 49.0033 100.428 45.8743 96.1129Z" fill="#E8E1CE" fill-opacity="0.6"/>
|
||||
<g clip-path="url(#clip13_3_2)">
|
||||
<path d="M78.0636 139.809C78.2954 139.729 78.4899 139.567 78.6103 139.354C78.7306 139.14 78.7684 138.89 78.7164 138.651C76.6971 129.334 71.889 122.762 65.8383 121.076C63.7645 120.485 61.562 120.523 59.51 121.186C57.6123 121.789 55.8322 122.888 54.212 124.454L51.2088 122.76C50.9776 122.63 50.7042 122.596 50.4486 122.668C50.193 122.739 49.9762 122.909 49.8459 123.14C49.7155 123.371 49.6824 123.645 49.7537 123.9C49.825 124.156 49.995 124.373 50.2261 124.503L53.2302 126.195C52.7305 128.391 52.7124 130.484 53.1782 132.418C53.2108 132.554 53.2457 132.688 53.2828 132.821C53.8191 134.763 54.8847 136.518 56.3606 137.889C60.9355 142.193 69.0467 142.906 78.0636 139.809ZM57.7305 136.437C55.3072 134.16 54.376 130.925 55.0609 127.226L68.7082 134.921C68.8227 134.985 68.9487 135.026 69.0792 135.042C69.2096 135.058 69.3419 135.048 69.4685 135.013C69.595 134.977 69.7134 134.917 69.8168 134.836C69.9202 134.755 70.0067 134.655 70.0712 134.54C70.1357 134.426 70.177 134.3 70.1929 134.169C70.2087 134.039 70.1986 133.907 70.1633 133.78C70.128 133.653 70.0681 133.535 69.987 133.432C69.906 133.328 69.8054 133.242 69.6909 133.177L56.0379 125.486C58.8456 122.991 62.1028 122.107 65.2997 123.002C70.4328 124.436 74.6012 130.088 76.5557 138.2C68.61 140.727 61.6154 140.085 57.7305 136.437Z" fill="#E8E1CE" fill-opacity="0.6"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip14_3_2)">
|
||||
<path d="M94.2792 94.4191C94.5223 94.4501 94.7683 94.3907 94.9705 94.2523C95.1727 94.1138 95.317 93.9059 95.376 93.6681C97.6755 84.4169 96.2614 76.3975 91.5758 72.2144C89.9757 70.7689 87.9824 69.8311 85.8487 69.52C83.8795 69.2241 81.7971 69.4245 79.6524 70.1143L77.7051 67.2688C77.5551 67.0499 77.3244 66.8994 77.0635 66.8506C76.8027 66.8018 76.5331 66.8586 76.3142 67.0086C76.0952 67.1585 75.9448 67.3892 75.896 67.6501C75.8472 67.9109 75.904 68.1805 76.0539 68.3994L78.0028 71.2439C76.5856 72.9931 75.6456 74.8633 75.2098 76.8051C75.1793 76.9409 75.1513 77.0768 75.1258 77.2128C74.75 79.1921 74.9318 81.237 75.651 83.1189C77.857 89 84.821 93.2191 94.2792 94.4191ZM77.5215 82.4198C76.3514 79.3077 76.9436 75.9938 79.1905 72.9769L88.0414 85.9041C88.1156 86.0125 88.2105 86.1052 88.3206 86.177C88.4306 86.2487 88.5538 86.2981 88.6829 86.3223C88.8121 86.3464 88.9447 86.3449 89.0733 86.3178C89.2019 86.2907 89.3238 86.2386 89.4322 86.1643C89.5407 86.0901 89.6334 85.9952 89.7051 85.8852C89.7769 85.7751 89.8263 85.652 89.8504 85.5228C89.8746 85.3937 89.8731 85.261 89.846 85.1324C89.8189 85.0039 89.7667 84.8819 89.6925 84.7735L80.8353 71.8464C84.4559 70.8465 87.769 71.4906 90.2427 73.7046C94.2158 77.2572 95.4623 84.1681 93.6361 92.3099C85.3908 91.071 79.3972 87.4086 77.5215 82.4198Z" fill="#E8E1CE" fill-opacity="0.6"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip15_3_2)">
|
||||
<path d="M148.985 62.3097C149.219 62.2362 149.418 62.0794 149.544 61.8691C149.669 61.6588 149.714 61.4096 149.668 61.1689C147.89 51.8035 143.254 45.1092 137.249 43.2674C135.191 42.623 132.988 42.6042 130.92 43.2135C129.007 43.7676 127.199 44.8201 125.539 46.3431L122.58 44.5721C122.353 44.4358 122.08 44.3956 121.823 44.4603C121.565 44.525 121.344 44.6893 121.208 44.917C121.072 45.1447 121.032 45.4172 121.096 45.6746C121.161 45.9319 121.325 46.1531 121.553 46.2893L124.512 48.0588C123.956 50.2402 123.884 52.3322 124.299 54.2783C124.328 54.4145 124.36 54.5497 124.394 54.6839C124.879 56.6391 125.899 58.4207 127.339 59.8298C131.801 64.2505 139.891 65.1726 148.985 62.3097ZM128.746 58.4129C126.383 56.0747 125.535 52.8167 126.316 49.1368L139.76 57.1813C139.872 57.2487 139.997 57.2933 140.127 57.3125C140.257 57.3317 140.39 57.325 140.517 57.293C140.645 57.261 140.764 57.2042 140.87 57.1258C140.975 57.0475 141.064 56.9491 141.132 56.8364C141.199 56.7236 141.244 56.5987 141.263 56.4687C141.282 56.3387 141.276 56.2062 141.244 56.0788C141.212 55.9513 141.155 55.8315 141.076 55.726C140.998 55.6205 140.9 55.5315 140.787 55.464L127.337 47.4223C130.209 45.0006 133.488 44.201 136.66 45.1784C141.755 46.7452 145.776 52.5025 147.52 60.6623C139.511 62.983 132.535 62.1611 128.746 58.4129Z" fill="#E8E1CE" fill-opacity="0.6"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip16_3_2)">
|
||||
<path d="M118.152 129.854C118.359 129.723 118.511 129.52 118.578 129.285C118.646 129.049 118.625 128.797 118.518 128.576C114.39 119.984 108.187 114.708 101.911 114.474C99.7563 114.381 97.6228 114.929 95.7808 116.05C94.0752 117.078 92.5989 118.56 91.3867 120.459L88.0722 119.509C87.8171 119.436 87.5434 119.467 87.3113 119.596C87.0793 119.725 86.9079 119.94 86.8348 120.196C86.7618 120.451 86.7931 120.724 86.9218 120.956C87.0505 121.188 87.2662 121.36 87.5213 121.433L90.8363 122.381C90.8601 124.632 91.3286 126.672 92.2311 128.446C92.2942 128.57 92.3593 128.693 92.4264 128.814C93.3991 130.578 94.8431 132.037 96.5972 133.028C102.047 136.152 110.101 134.961 118.152 129.854ZM97.5922 131.297C94.7064 129.646 93.0493 126.716 92.8564 122.959L107.918 127.273C108.044 127.309 108.176 127.32 108.307 127.305C108.437 127.29 108.564 127.25 108.678 127.186C108.793 127.122 108.895 127.036 108.976 126.933C109.058 126.831 109.119 126.713 109.155 126.586C109.191 126.46 109.202 126.328 109.187 126.197C109.172 126.067 109.132 125.94 109.068 125.825C109.004 125.711 108.918 125.609 108.816 125.528C108.713 125.446 108.595 125.385 108.468 125.349L93.4024 121.039C95.5538 117.96 98.5166 116.344 101.834 116.472C107.16 116.675 112.527 121.203 116.312 128.64C109.171 132.943 102.218 133.944 97.5922 131.297Z" fill="#E8E1CE" fill-opacity="0.6"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip17_3_2)">
|
||||
<path d="M203.835 30.1998C204.066 30.1164 204.258 29.9512 204.374 29.7357C204.491 29.5202 204.524 29.2694 204.468 29.0308C202.29 19.7503 197.371 13.2613 191.292 11.679C189.208 11.1236 187.007 11.1994 184.966 11.8969C183.079 12.5326 181.318 13.6617 179.725 15.2547L176.693 13.6123C176.46 13.4859 176.186 13.4575 175.932 13.5331C175.677 13.6088 175.463 13.7824 175.337 14.0158C175.211 14.2491 175.182 14.5231 175.258 14.7775C175.334 15.0318 175.507 15.2457 175.741 15.372L178.773 17.0129C178.311 19.2162 178.329 21.3093 178.827 23.2358C178.862 23.3706 178.9 23.5043 178.939 23.6369C179.508 25.5695 180.604 27.3057 182.103 28.6516C186.751 32.8767 194.873 33.4506 203.835 30.1998ZM183.448 27.1756C180.986 24.9411 180 21.7225 180.621 18.0124L194.398 25.4723C194.514 25.5348 194.64 25.574 194.771 25.5876C194.902 25.6012 195.034 25.5889 195.16 25.5514C195.286 25.5139 195.403 25.452 195.505 25.3692C195.607 25.2864 195.692 25.1843 195.754 25.0688C195.817 24.9532 195.856 24.8265 195.87 24.6958C195.883 24.5651 195.871 24.433 195.833 24.3071C195.796 24.1811 195.734 24.0638 195.651 23.9618C195.568 23.8598 195.466 23.7751 195.351 23.7125L181.568 16.2556C184.333 13.7129 187.575 12.7733 190.786 13.6135C195.943 14.9601 200.208 20.5395 202.3 28.6169C194.399 31.2793 187.394 30.7576 183.448 27.1756Z" fill="#E8E1CE" fill-opacity="0.6"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_3_2">
|
||||
<rect width="250" height="198" fill="white"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip1_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(52.6132 -9) rotate(42.4862)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip2_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(33.0724 36.7009) rotate(113.385)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip3_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(68.0698 20) rotate(76.151)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip4_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(102.91 -7) rotate(69.1775)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip5_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(141.4 -2) rotate(52.537)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip6_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(227.559 -5.19513) rotate(45.3228)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip7_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(134.136 70) rotate(65.5745)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip8_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(108.546 26) rotate(72.6636)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip9_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(32.9136 81.4238) rotate(112.845)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip10_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(36.7642 160.979) rotate(115.903)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip11_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(177.559 30.1191) rotate(44.528)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip12_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(179.207 63) rotate(61.8187)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip13_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(75.3817 111.559) rotate(74.4103)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip14_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(104.34 67.8856) rotate(100.599)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip15_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(147.035 34) rotate(75.8921)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip16_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(108.982 103) rotate(60.9799)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip17_3_2">
|
||||
<rect width="32" height="32" fill="white" transform="translate(200.671 2) rotate(73.4314)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 30 KiB |
|
|
@ -2,8 +2,8 @@
|
|||
import Router from 'svelte-spa-router';
|
||||
import { replace } from 'svelte-spa-router';
|
||||
import routes from '%/routes.js';
|
||||
import NavigationBar from "%/pages/components/NavigationBar.svelte";
|
||||
import FooterBar from "%/pages/components/FooterBar.svelte";
|
||||
import NavigationBar from "%/pages/elements/NavigationBar.svelte";
|
||||
import FooterBar from "%/pages/elements/FooterBar.svelte";
|
||||
|
||||
let oldLocation = undefined;
|
||||
let showNavBar = false;
|
||||
|
|
|
|||
84
front/src/components/DropDown.svelte
Normal file
84
front/src/components/DropDown.svelte
Normal file
|
|
@ -0,0 +1,84 @@
|
|||
<script>
|
||||
import { CaretDown } from "phosphor-svelte";
|
||||
|
||||
export let open = false;
|
||||
export let name;
|
||||
</script>
|
||||
|
||||
<div class="dropdown" class:open={open}>
|
||||
<div class="dropdown-header">
|
||||
<p>{name}</p>
|
||||
<button on:click={() => { open = !open }}>
|
||||
<CaretDown />
|
||||
</button>
|
||||
</div>
|
||||
<div class="dropdown-content">
|
||||
<slot></slot>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style lang="scss">
|
||||
@import "%/styles/vars";
|
||||
|
||||
.dropdown {
|
||||
//padding: $spacing-normal;
|
||||
border-bottom: 1px solid transparent;
|
||||
|
||||
//background-color: $color-light;
|
||||
color: $color-on-light;
|
||||
|
||||
.dropdown-header {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
p {
|
||||
font-size: $font-size-h5;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
button {
|
||||
height: 25px;
|
||||
width: 30px;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
text-decoration: none;
|
||||
font-size: $font-size-p;
|
||||
|
||||
border: 0 solid transparent;
|
||||
background-color: transparent;
|
||||
color: $color-on-light;
|
||||
|
||||
transition: transform 0.1s ease-in-out;
|
||||
|
||||
&:hover {
|
||||
color: $color-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-content {
|
||||
//padding-top: $spacing-small;
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.open {
|
||||
.dropdown-header {
|
||||
padding-bottom: $spacing-small;
|
||||
//border-bottom: 1px solid rgba($color-dark, 0.1);
|
||||
|
||||
button {
|
||||
transform: rotate(-180deg);
|
||||
}
|
||||
}
|
||||
.dropdown-content {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
@ -9,15 +9,19 @@
|
|||
<p>Could not find resource you've searched for. <a href="/" use:link>Go Back</a></p>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
<style lang="scss">
|
||||
@import "%/styles/vars";
|
||||
|
||||
div {
|
||||
padding: 16px;
|
||||
padding: $spacing-large;
|
||||
|
||||
height: 100%;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-grow: 1;
|
||||
}
|
||||
h1 {
|
||||
font-size: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
p {
|
||||
|
|
@ -25,7 +29,7 @@
|
|||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #6A9343;
|
||||
color: $color-primary;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<script>
|
||||
import { link } from 'svelte-spa-router';
|
||||
import { ArrowUpRight } from "phosphor-svelte";
|
||||
import AnnouncementBanner from "%/pages/components/AnnouncementBanner.svelte";
|
||||
import MenuList from "%/pages/components/MenuList.svelte";
|
||||
import AnnouncementBanner from "%/pages/elements/AnnouncementBanner.svelte";
|
||||
import MenuList from "%/pages/elements/MenuList.svelte";
|
||||
|
||||
const items = [
|
||||
{
|
||||
|
|
@ -38,7 +38,7 @@
|
|||
name: "GwaGwa",
|
||||
price: "Priceless",
|
||||
labels: ["nut"],
|
||||
// image: "/dab.jpg",
|
||||
image: "/dab.jpg",
|
||||
}
|
||||
];
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<script>
|
||||
import LoadingBar from "%/pages/components/LoadingBar.svelte";
|
||||
import LoadingBar from "%/pages/elements/LoadingBar.svelte";
|
||||
|
||||
const FunnyMessages = [
|
||||
"*patiently waiting*",
|
||||
|
|
|
|||
|
|
@ -1,13 +1,14 @@
|
|||
<script>
|
||||
import { ArrowClockwise } from "phosphor-svelte";
|
||||
import MenuList from "%/pages/components/MenuList.svelte";
|
||||
import LoadingBar from "%/pages/components/LoadingBar.svelte";
|
||||
import MenuList from "%/pages/elements/MenuList.svelte";
|
||||
import LoadingBar from "%/pages/elements/LoadingBar.svelte";
|
||||
import DropDown from "%/components/DropDown.svelte";
|
||||
|
||||
const items = [
|
||||
{
|
||||
name: "Breakfast",
|
||||
price: 69.99,
|
||||
labels: ["vegan", "spicy",],
|
||||
labels: ["vegan", "spicy", "gluten"],
|
||||
},
|
||||
{
|
||||
name: "Dinner",
|
||||
|
|
@ -37,70 +38,148 @@
|
|||
name: "GwaGwa",
|
||||
price: "Priceless",
|
||||
labels: ["nut"],
|
||||
// image: "/dab.jpg",
|
||||
image: "/MenuItemLoading.svg",
|
||||
}
|
||||
];
|
||||
</script>
|
||||
|
||||
<div class="menu">
|
||||
<div class="menu-filter">
|
||||
<LoadingBar />
|
||||
|
||||
<!-- <LoadingBar />-->
|
||||
<div class="menu-filter-header">
|
||||
<h2>Filter</h2>
|
||||
<h2>Filters</h2>
|
||||
<button><ArrowClockwise /></button>
|
||||
</div>
|
||||
<hr>
|
||||
|
||||
<div class="menu-filter-section">
|
||||
<DropDown name="Meal Prefrences" open={true}>
|
||||
<ul>
|
||||
<li>
|
||||
<label>
|
||||
<input type="checkbox">
|
||||
Vegan
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label>
|
||||
<input type="checkbox">
|
||||
Vegetarian
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label>
|
||||
<input type="checkbox">
|
||||
Pescatarian
|
||||
</label>
|
||||
</li>
|
||||
</ul>
|
||||
</DropDown>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<h3>Meal Preferences</h3>
|
||||
<ul>
|
||||
<li>Vegan</li>
|
||||
<li>Vegetarian</li>
|
||||
<li>Pescatarian</li>
|
||||
</ul>
|
||||
|
||||
<hr>
|
||||
|
||||
<h3>Allergies</h3>
|
||||
<ul>
|
||||
<li>Nut</li>
|
||||
<li>Sea</li>
|
||||
<li>Dairy</li>
|
||||
</ul>
|
||||
|
||||
<hr>
|
||||
|
||||
<h3>Types</h3>
|
||||
<ul>
|
||||
<li>Breakfast</li>
|
||||
<li>Main</li>
|
||||
<li>Dinner</li>
|
||||
<li>
|
||||
Drinks
|
||||
<div class="menu-filter-section">
|
||||
<DropDown name="Allergies" open={true}>
|
||||
<ul>
|
||||
<li>Alcoholic</li>
|
||||
<li>Non-Alcoholic</li>
|
||||
<li>
|
||||
<label>
|
||||
<input type="checkbox">
|
||||
Deez Nut
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label>
|
||||
<input type="checkbox">
|
||||
Sea
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label>
|
||||
<input type="checkbox">
|
||||
Dairy
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label>
|
||||
<input type="checkbox">
|
||||
Gluten
|
||||
</label>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Sides</li>
|
||||
<li>Sweet</li>
|
||||
</ul>
|
||||
</DropDown>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<h3>Other</h3>
|
||||
<ul>
|
||||
<li>Hide Seasonal</li>
|
||||
<li>Hide Unavailable</li>
|
||||
</ul>
|
||||
|
||||
<div class="menu-filter-section">
|
||||
<DropDown name="Meal Types" open={true}>
|
||||
<ul>
|
||||
<li>
|
||||
<label>
|
||||
<input type="checkbox">
|
||||
Breakfast
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label>
|
||||
<input type="checkbox">
|
||||
Main
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label>
|
||||
<input type="checkbox">
|
||||
Dinner
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label>
|
||||
<input type="checkbox">
|
||||
Alcoholic Drinks
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label>
|
||||
<input type="checkbox">
|
||||
Non-Alcoholic Drinks
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label>
|
||||
<input type="checkbox">
|
||||
Sides
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label>
|
||||
<input type="checkbox">
|
||||
Sweet
|
||||
</label>
|
||||
</li>
|
||||
</ul>
|
||||
</DropDown>
|
||||
</div>
|
||||
<hr>
|
||||
|
||||
<label>
|
||||
Price
|
||||
<input type="range" min="0" max="999">
|
||||
</label>
|
||||
<div class="menu-filter-section">
|
||||
<DropDown name="Other">
|
||||
<ul>
|
||||
<li>
|
||||
<label>
|
||||
<input type="checkbox">
|
||||
Hide Seasonal
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label>
|
||||
<input type="checkbox">
|
||||
Hide Unavailable
|
||||
</label>
|
||||
</li>
|
||||
</ul>
|
||||
</DropDown>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="menu-list">
|
||||
|
|
@ -118,11 +197,13 @@
|
|||
</div>
|
||||
|
||||
<style lang="scss">
|
||||
@import "%/styles/vars";
|
||||
|
||||
h2 {
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: $spacing-small;
|
||||
}
|
||||
.spacer {
|
||||
height: 32px;
|
||||
height: $spacing-large;
|
||||
}
|
||||
|
||||
.menu {
|
||||
|
|
@ -133,36 +214,36 @@
|
|||
}
|
||||
|
||||
.menu-list {
|
||||
//padding-left: 300px;
|
||||
padding-left: 16px;
|
||||
padding-left: $spacing-normal;
|
||||
}
|
||||
|
||||
.menu-filter {
|
||||
padding: 16px;
|
||||
padding: $spacing-normal;
|
||||
|
||||
width: 100%;
|
||||
max-width: calc(300px - 16px);
|
||||
max-width: calc(300px - $spacing-normal);
|
||||
|
||||
position: sticky;
|
||||
top: calc(55px + 16px);
|
||||
top: calc($sizing-navigation-height + $spacing-normal);
|
||||
|
||||
//position: absolute;
|
||||
//top: 16px;
|
||||
//left: 16px;
|
||||
|
||||
border-radius: 5px;
|
||||
background-color: #fffbf4;
|
||||
color: #33251a;
|
||||
border-radius: $border-radius-normal;
|
||||
background-image: url('/BackgroundTextureAlt.svg');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 200px 250px;
|
||||
background-position: 5px -43px;
|
||||
background-color: $color-light;
|
||||
color: $color-on-light;
|
||||
|
||||
h2 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 16px -16px;
|
||||
margin-left: -$spacing-normal;
|
||||
margin-right: -$spacing-normal;
|
||||
height: 1px;
|
||||
border: 0 transparent;
|
||||
background-color: rgba(#443023, 0.1);
|
||||
background-color: rgba($color-dark, 0.1);
|
||||
}
|
||||
|
||||
button {
|
||||
|
|
@ -173,29 +254,51 @@
|
|||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
//position: absolute;
|
||||
//top: 12px;
|
||||
//right: 12px;
|
||||
|
||||
text-decoration: none;
|
||||
font-size: 16px;
|
||||
font-size: $font-size-p;
|
||||
|
||||
border-radius: 99999px;
|
||||
border-radius: $border-radius-circle;
|
||||
border: 0 solid transparent;
|
||||
background-color: #443023;
|
||||
color: #e1dcd3;
|
||||
background-color: $color-dark;
|
||||
color: $color-on-dark;
|
||||
|
||||
&:hover {
|
||||
background-color: #6A9343;
|
||||
color: #fffbf4;
|
||||
background-color: $color-primary;
|
||||
color: $color-on-primary;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-filter-header {
|
||||
padding-bottom: $spacing-normal;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.menu-filter-section {
|
||||
padding-bottom: $spacing-small;
|
||||
padding-top: $spacing-small;
|
||||
|
||||
&:last-of-type {
|
||||
margin-bottom: -$spacing-normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.menu-filter-header {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
@media only screen and (max-width: 670px) {
|
||||
.menu {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.menu-list {
|
||||
padding-left: 0;
|
||||
padding-top: $spacing-normal;
|
||||
}
|
||||
|
||||
.menu-filter {
|
||||
max-width: unset;
|
||||
position: unset;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<script>
|
||||
import LoadingBar from "%/pages/components/LoadingBar.svelte";
|
||||
import LoadingBar from "%/pages/elements/LoadingBar.svelte";
|
||||
import LoadingImage from '/BannerLoading.svg';
|
||||
</script>
|
||||
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
<script>
|
||||
import { link } from 'svelte-spa-router';
|
||||
import {Acorn, Fish, Leaf, Flame, ArrowUpRight } from "phosphor-svelte"
|
||||
import { Acorn, Fish, Leaf, Pepper, ArrowUpRight, GrainsSlash } from "phosphor-svelte"
|
||||
import LoadingImage from '/MenuItemLoadingAlt.svg';
|
||||
|
||||
export let id;
|
||||
|
|
@ -29,8 +29,11 @@
|
|||
{#if label === "nut"}
|
||||
<li class="nut"><Acorn weight="fill" /></li>
|
||||
{/if}
|
||||
{#if label === "gluten"}
|
||||
<li class="gluten"><GrainsSlash weight="fill" /></li>
|
||||
{/if}
|
||||
{#if label === "spicy"}
|
||||
<li class="spicy"><Flame weight="fill" /></li>
|
||||
<li class="spicy"><Pepper weight="fill" /></li>
|
||||
{/if}
|
||||
{/each}
|
||||
</ul>
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
<script>
|
||||
import MenuItem from "%/pages/components/MenuItem.svelte";
|
||||
import MenuItem from "%/pages/elements/MenuItem.svelte";
|
||||
|
||||
export let items = [];
|
||||
</script>
|
||||
|
|
@ -68,6 +68,9 @@
|
|||
&.nut {
|
||||
background-color: $color-nut;
|
||||
}
|
||||
&.gluten {
|
||||
background-color: $color-gluten;
|
||||
}
|
||||
&.spicy {
|
||||
background-color: $color-spicy;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,17 +1,17 @@
|
|||
nav {
|
||||
padding: 1rem;
|
||||
padding: $spacing-normal;
|
||||
|
||||
width: 100%;
|
||||
height: $sizing-navigation-height;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
border-bottom: 2px solid $color-primary;
|
||||
background-color: $color-dark;
|
||||
|
|
@ -20,13 +20,21 @@ nav {
|
|||
z-index: 9999999;
|
||||
|
||||
ul {
|
||||
width: 300px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
width: 300px;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
|
||||
list-style: none;
|
||||
|
||||
li {
|
||||
margin: 0 1rem;
|
||||
padding: 0 $spacing-small;
|
||||
|
||||
font-weight: $font-weight-normal;
|
||||
font-size: $font-size-h6;
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
|
|
@ -40,12 +48,12 @@ nav {
|
|||
}
|
||||
|
||||
span {
|
||||
margin: 0 1rem;
|
||||
font-weight: bolder;
|
||||
font-size: 25px;
|
||||
padding: 0 $spacing-normal;
|
||||
font-weight: $font-weight-black;
|
||||
font-size: $font-size-h1;
|
||||
}
|
||||
|
||||
&.scrolled {
|
||||
//box-shadow: 0 0 10px 1px $color-dark;
|
||||
//box-shadow: 0 0 15px 1px $color-background;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,10 +1,14 @@
|
|||
*, *::before, *::after {
|
||||
box-sizing: border-box;
|
||||
font-family: 'Erode', serif;
|
||||
font-weight: 600;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 100%;
|
||||
font-weight: $font-weight-normal;
|
||||
font-family: $font-family;
|
||||
}
|
||||
|
||||
body, #app {
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
|
|
@ -16,6 +20,40 @@ body {
|
|||
color: $color-on-background;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: $font-size-h1;
|
||||
font-weight: $font-weight-bolder;
|
||||
}
|
||||
h2 {
|
||||
font-size: $font-size-h2;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
h3 {
|
||||
font-size: $font-size-h3;
|
||||
font-weight: $font-weight-normal;
|
||||
}
|
||||
h4 {
|
||||
font-size: $font-size-h4;
|
||||
font-weight: $font-weight-normal;
|
||||
}
|
||||
h5 {
|
||||
font-size: $font-size-h5;
|
||||
font-weight: $font-weight-normal;
|
||||
}
|
||||
h6 {
|
||||
font-size: $font-size-h6;
|
||||
font-weight: $font-weight-normal;
|
||||
}
|
||||
p {
|
||||
font-size: $font-size-p;
|
||||
font-weight: $font-weight-normal;
|
||||
}
|
||||
small {
|
||||
font-size: $font-size-small;
|
||||
font-weight: $font-weight-thin;
|
||||
}
|
||||
|
||||
|
||||
main {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
|
|
|||
|
|
@ -1,33 +1,4 @@
|
|||
// COLORS
|
||||
$color-background: #e8e1ce; // #ccc2ae;
|
||||
$color-on-background: #33251a;
|
||||
$color-dark: #443023;
|
||||
$color-on-dark: #e1dcd3;
|
||||
$color-light: #fffbf4;
|
||||
$color-on-light: #33251a;
|
||||
$color-primary: #6A9343;
|
||||
$color-on-primary: #fffbf4;
|
||||
|
||||
$color-vegan: #75a446;
|
||||
$color-fish: #487fa6;
|
||||
$color-nut: #5c4130;
|
||||
$color-spicy: #c75e32;
|
||||
|
||||
// BORDERS
|
||||
$border-radius-normal: 5px;
|
||||
$border-radius-large: 10px;
|
||||
$border-radius-circle: 99999px;
|
||||
|
||||
// SIZING
|
||||
$sizing-default-width: 1000px;
|
||||
$sizing-full-width: 1200px;
|
||||
$sizing-navigation-height: 55px;
|
||||
|
||||
// PADDING/MARGIN
|
||||
$spacing-small: 14px;
|
||||
$spacing-normal: 16px;
|
||||
$spacing-large: 24px;
|
||||
|
||||
@import "vars";
|
||||
|
||||
@import "reset";
|
||||
@import "loading_bar";
|
||||
|
|
|
|||
49
front/src/styles/vars.scss
Normal file
49
front/src/styles/vars.scss
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
// COLORS
|
||||
$color-background: #e8e1ce; // #ccc2ae;
|
||||
$color-on-background: #33251a;
|
||||
$color-dark: #443023;
|
||||
$color-on-dark: #e1dcd3;
|
||||
$color-light: #fffbf4;
|
||||
$color-on-light: #33251a;
|
||||
$color-primary: #6A9343;
|
||||
$color-on-primary: #fffbf4;
|
||||
|
||||
$color-vegan: #75a446;
|
||||
$color-fish: #487fa6;
|
||||
$color-nut: #5c4130;
|
||||
$color-spicy: #c75e32;
|
||||
$color-gluten: #8c6b49;
|
||||
|
||||
// BORDERS
|
||||
$border-radius-normal: 5px;
|
||||
$border-radius-large: 10px;
|
||||
$border-radius-circle: 99999px;
|
||||
|
||||
// GAP SIZING
|
||||
$sizing-default-width: 1000px;
|
||||
$sizing-full-width: 1200px;
|
||||
$sizing-navigation-height: 55px;
|
||||
|
||||
// PADDING/MARGIN
|
||||
$spacing-small: 14px;
|
||||
$spacing-normal: 16px;
|
||||
$spacing-large: 24px;
|
||||
|
||||
// FONT
|
||||
$font-family: 'Erode', serif;
|
||||
|
||||
$font-size-h1: 32.44px;
|
||||
$font-size-h2: 28.83px;
|
||||
$font-size-h3: 25.63px;
|
||||
$font-size-h4: 22.78px;
|
||||
$font-size-h5: 20.25px;
|
||||
$font-size-h6: 18px;
|
||||
$font-size-p: 16px;
|
||||
$font-size-small: 14.22px;
|
||||
$font-size-xsmall: 12.64px;
|
||||
|
||||
$font-weight-thin: 400;
|
||||
$font-weight-normal: 500;
|
||||
$font-weight-bold: 600;
|
||||
$font-weight-bolder: 700;
|
||||
$font-weight-black: 800;
|
||||
Loading…
Reference in a new issue