Leahnaya/splatoon3.ink
1
0
Fork 0
mirror of https://github.com/misenhower/splatoon3.ink.git synced 2026-08-27 19:14:40 -05:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Add basic homepage layout

Browse Source
This commit is contained in:
Matt Isenhower
2022-09-11 18:45:46 -07:00
parent 33d58a4c50
commit 1d8188b1ca
18 changed files with 298 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/img/dark-bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 82 KiB

13
src/assets/img/modes/bankara.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

7
src/assets/img/modes/coop.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle r="4.57143" transform="matrix(-1 0 0 1 27.4286 19.5714)" fill="white"/>
<path d="M28.6855 17.8078C28.9441 17.7922 29.2018 17.8508 29.4278 17.9764C29.6539 18.1021 29.8388 18.2897 29.9605 18.5168C30.0687 18.7146 30.1288 18.9348 30.1359 19.1598C30.143 19.3848 30.097 19.6083 30.0016 19.8125C29.9062 20.0167 29.764 20.196 29.5864 20.3359C29.4088 20.4758 29.2007 20.5725 28.9788 20.6183C28.7736 20.6881 28.5548 20.7088 28.3401 20.6788C28.1253 20.6487 27.9208 20.5688 27.7431 20.4454C27.5654 20.322 27.4195 20.1587 27.3174 19.9687C27.2153 19.7788 27.1598 19.5676 27.1555 19.3523C27.1649 18.95 27.3283 18.5663 27.6126 18.2794C27.8968 17.9924 28.2805 17.8238 28.6855 17.8078ZM28.3412 19.6182C28.3922 19.673 28.4559 19.7146 28.5268 19.7393C28.5977 19.7639 28.6736 19.771 28.7479 19.7597C28.8221 19.7485 28.8925 19.7193 28.9528 19.6748C29.013 19.6302 29.0614 19.5716 29.0935 19.5042C29.1365 19.4394 29.1636 19.3654 29.1724 19.2882C29.1812 19.211 29.1715 19.1328 29.1442 19.0601C29.1169 18.9873 29.0727 18.922 29.0151 18.8693C28.9576 18.8167 28.8883 18.7783 28.813 18.7573C28.7272 18.7326 28.6362 18.7326 28.5504 18.7572C28.4647 18.7819 28.3877 18.8302 28.3285 18.8966C28.2493 18.9938 28.2072 19.1156 28.2095 19.2407C28.2119 19.3657 28.2585 19.4859 28.3412 19.5802V19.6182Z" fill="#FF5033"/>
<path d="M0.379737 14.3012C1.1197 14.1685 1.88104 14.2163 2.59828 14.4404C5.05909 15.0608 6.15562 19.2005 7.69841 20.1246C9.2412 21.0488 13.1938 18.8587 14.5071 18.0611C15.3104 17.5547 17.5289 15.909 18.4597 15.2127C18.5728 15.1336 18.6497 15.0133 18.6735 14.878C18.6974 14.7428 18.6664 14.6036 18.5872 14.4911C18.0641 13.6681 17.6364 12.789 17.3122 11.8705C17.2746 11.7776 17.2642 11.676 17.2823 11.5774C17.3003 11.4789 17.346 11.3874 17.4142 11.3135C18.3263 10.3286 19.3736 9.47626 20.5252 8.78157C22.0653 7.92582 23.751 7.35934 25.4979 7.1105C27.5882 6.84588 29.7119 7.05802 31.7073 7.73081C31.7844 7.75767 31.8543 7.8017 31.9117 7.85952C31.969 7.91735 32.0122 7.98743 32.0381 8.06442C32.0639 8.1414 32.0717 8.22324 32.0608 8.30366C32.0498 8.38408 32.0205 8.46095 31.9751 8.52838C30.9761 10.0984 30.1225 11.7552 29.425 13.4783C29.3929 13.5526 29.3784 13.6333 29.3825 13.714C29.3865 13.7948 29.4091 13.8736 29.4484 13.9444C29.4878 14.0151 29.5429 14.0761 29.6095 14.1226C29.6761 14.169 29.7526 14.1998 29.833 14.2126C31.2391 14.3605 32.6555 14.3859 34.0661 14.2885C35.5264 14.1533 36.9973 14.393 38.3375 14.9848C39.5105 15.4532 40.0588 17.3522 39.995 18.9473C39.9936 19.151 39.9427 19.3513 39.8467 19.5314C39.7507 19.7114 39.6123 19.8657 39.4433 19.9813C39.2744 20.0968 39.0798 20.1702 38.8762 20.1952C38.6726 20.2201 38.4659 20.1959 38.2737 20.1246C37.7595 19.9737 37.2191 19.9317 36.6876 20.0015C36.156 20.0713 35.6451 20.2512 35.1881 20.5297C33.7138 21.2332 32.4092 22.2436 31.363 23.4921C30.7 24.5935 30.649 24.4542 32.3193 24.7581C33.9896 25.0619 35.9021 26.1253 36.7692 26.024C37.3335 25.9428 37.8637 25.7059 38.2992 25.3404C38.3688 25.2817 38.4523 25.2416 38.5419 25.2239C38.6315 25.2063 38.7241 25.2117 38.811 25.2396C38.8978 25.2675 38.9761 25.317 39.0383 25.3834C39.1005 25.4498 39.1445 25.5309 39.1662 25.6189C39.4085 26.5051 39.4595 27.4166 38.2099 27.9483C36.8335 28.5346 35.3685 28.8897 33.8748 28.999C32.2086 29.2035 30.5269 29.2544 28.8512 29.151C27.7736 28.9892 26.6775 28.9892 25.5999 29.151C24.2229 29.4928 22.7566 30.1637 21.3795 30.4169C19.7556 30.7036 18.0829 30.3542 16.7129 29.4421C15.4203 28.7861 14.0432 28.309 12.6201 28.0243C12.4937 27.9985 12.3622 28.0189 12.2497 28.0817C12.1373 28.1444 12.0515 28.2454 12.008 28.3661C11.7403 29.1256 11.2558 30.3663 10.3377 30.5942C8.93231 30.7272 7.51916 30.436 6.28314 29.7586C6.21763 29.7222 6.16034 29.6728 6.11485 29.6134C6.06937 29.5541 6.03664 29.4861 6.01871 29.4137C6.00077 29.3413 5.99803 29.266 6.01061 29.1925C6.0232 29.119 6.05084 29.0488 6.09186 28.9864C6.296 28.7174 6.56899 28.5076 6.88241 28.3787C8.80771 27.5432 9.16471 26.6823 9.34322 26.0493C9.36276 25.9764 9.36604 25.9001 9.35283 25.8257C9.33961 25.7514 9.31023 25.6808 9.26672 25.6189C8.96071 25.1632 8.17018 24.0998 7.34141 24.2137C6.28313 24.3656 6.49989 25.4797 5.0336 26.3785C4.68465 26.6239 4.2838 26.7868 3.86172 26.8548C3.43963 26.9228 3.00748 26.8942 2.59828 26.7709C2.52602 26.7419 2.461 26.6976 2.40777 26.6411C2.35455 26.5846 2.31439 26.5172 2.29011 26.4436C2.26582 26.3701 2.25801 26.2922 2.26719 26.2153C2.27637 26.1385 2.30232 26.0646 2.34326 25.9987C2.89301 25.0668 3.26071 24.0403 3.42704 22.9731C3.60846 21.0451 3.1615 19.1102 2.15201 17.4534C1.65425 16.6026 0.99629 15.8547 0.213974 15.2507C0.13478 15.1902 0.0737287 15.1093 0.0374374 15.0169C0.00114602 14.9245 -0.00900681 14.824 0.0080574 14.7262C0.0251216 14.6285 0.0687822 14.5372 0.134287 14.4623C0.199791 14.3874 0.28466 14.3317 0.379737 14.3012V14.3012ZM25.9569 21.0108C26.3391 21.5558 26.8867 21.9651 27.5198 22.1792C28.1528 22.3933 28.8383 22.4009 29.476 22.2008C30.2173 22.0315 30.87 21.5973 31.3097 20.981C31.7494 20.3646 31.9454 19.6092 31.8603 18.8587C31.8257 18.3508 31.6647 17.8593 31.3917 17.4284C31.1188 16.9975 30.7424 16.6406 30.2964 16.3897C29.8503 16.1387 29.3485 16.0016 28.8359 15.9906C28.3233 15.9796 27.816 16.0951 27.3594 16.3267C26.938 16.522 26.563 16.8038 26.2593 17.1536C25.9556 17.5033 25.73 17.913 25.5975 18.3557C25.4649 18.7983 25.4284 19.2638 25.4904 19.7215C25.5523 20.1792 25.7114 20.6186 25.9569 21.0108V21.0108Z" fill="#FF5033"/>
<path d="M27.3594 27.771C27.6013 28.4736 27.9834 29.1205 28.4829 29.673C28.9824 30.2255 29.589 30.6723 30.2665 30.9866C31.465 31.3917 30.2027 33.5185 26.5434 32.9742C24.6818 32.7336 24.1336 30.6701 24.7329 28.8091C25.3321 26.9482 26.3522 26.3278 27.3594 27.771Z" fill="#FF5033"/>
<path d="M17.5034 16.428C17.5927 16.3014 15.5271 14.7189 15.2211 13.7061C14.0496 14.7081 13.1987 16.0282 12.773 17.504C12.6649 18.0492 12.4375 18.5641 12.107 19.0125C11.7766 19.461 11.3511 19.8319 10.8605 20.0992C10.8605 20.0992 14.5453 20.5297 17.5034 16.428Z" fill="#FF5033"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB

14
src/assets/img/modes/league.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

19
src/assets/img/modes/private.svg Normal file
View File

@@ -0,0 +1,19 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.9067 36.521C15.8916 36.521 13.2511 35.3444 11.9044 34.3378C10.5577 33.3312 8.864 31.217 8.51239 28.5765C8.21593 26.3565 8.89157 24.1733 10.5209 22.0866C11.1089 21.2697 11.8428 20.5685 12.6857 20.0184C11.0104 18.6096 8.71002 16.4632 6.98645 14.0617L6.03503 12.7357L7.6437 12.5266C7.73333 12.5266 9.53735 12.2968 11.6562 12.1956C11.4448 9.93891 12.1319 6.56071 15.8709 4.71304C17.5035 3.89934 19.3025 3.47534 21.1266 3.47437C24.1417 3.47437 26.7845 4.65099 28.1289 5.65986C29.4733 6.66872 31.1693 8.77837 31.5209 11.4189C31.8174 13.6388 31.1417 15.822 29.5124 17.9087C28.9237 18.7251 28.1899 19.4261 27.3476 19.977C29.0206 21.3857 31.3233 23.5299 33.0446 25.9314L33.996 27.2574L32.3873 27.4665C32.2977 27.4665 30.496 27.7101 28.3748 27.7974C28.5863 30.0542 27.8991 33.4324 24.1601 35.28C22.5279 36.0948 20.7286 36.5188 18.9044 36.5187L18.9067 36.521ZM17.7576 26.5955C17.552 27.1666 17.552 27.7916 17.7576 28.3628C17.9779 28.9559 18.4102 29.4463 18.971 29.7393C19.4552 28.9542 19.7764 28.0796 19.9155 27.1677C19.3502 27.0345 18.5872 26.8506 17.7668 26.5955H17.7576ZM20.1361 12.8368C20.6946 12.9586 21.4576 13.1448 22.278 13.3976C22.4836 12.8264 22.4836 12.2014 22.278 11.6303C22.0594 11.0433 21.6324 10.5574 21.0784 10.2652C20.5983 11.0513 20.281 11.9258 20.1453 12.8368H20.1361Z" fill="#060627"/>
<path d="M21.1473 4.46028C24.0843 4.46028 26.4881 5.64379 27.5659 6.44813C29.193 7.66842 32.8515 12.0785 28.7655 17.3181C28.7655 17.3181 28.7977 17.2676 28.8482 17.1687C28.1037 18.3362 26.9523 19.1773 25.6746 19.8736C27.3545 21.1996 30.2271 23.6724 32.2655 26.5128C30.5874 26.7172 28.8999 26.8354 27.2097 26.8667C27.2097 26.8667 28.6759 31.9708 23.7212 34.4183C22.2236 35.171 20.5713 35.5644 18.8952 35.5673C15.9582 35.5673 13.5544 34.3838 12.4789 33.5772C10.8496 32.3592 7.19329 27.9468 11.2793 22.7072C11.2793 22.7072 11.2448 22.76 11.1943 22.8565C11.9412 21.6891 13.0902 20.848 14.3679 20.1517C12.688 18.8257 9.81542 16.3529 7.77701 13.5125C9.45524 13.3094 11.1427 13.1913 12.8328 13.1586C12.8328 13.1586 11.3666 8.0545 16.3213 5.60702C17.8202 4.85914 19.4723 4.46972 21.1473 4.46947V4.46028ZM22.7836 14.611C24.1624 12.4577 23.2202 9.84242 20.759 9.09554C19.8167 10.1963 19.1985 11.8004 19.0744 13.6366C20.3341 13.8643 21.5742 14.1893 22.7836 14.6087V14.611ZM19.2951 30.9366C20.2373 29.8359 20.8555 28.2295 20.9796 26.3933C19.7199 26.1656 18.4798 25.8406 17.2704 25.4212C15.8916 27.5745 16.8361 30.1921 19.2951 30.9366V30.9366ZM21.1473 2.51609C19.1732 2.51583 17.226 2.9745 15.4595 3.85588C12.1526 5.48752 11.0932 8.09357 10.7944 9.99179C10.7261 10.4206 10.6885 10.8537 10.6818 11.2879C8.95593 11.3936 7.61613 11.5637 7.5403 11.5752L4.29999 11.9934L6.20279 14.6477C7.65607 16.5973 9.31745 18.3827 11.1575 19.9724C10.6383 20.4213 10.1753 20.9313 9.77864 21.4915V21.4915C8.00911 23.7597 7.25074 26.2554 7.57247 28.7098C7.96545 31.6513 9.85217 33.9954 11.3482 35.1238C12.8834 36.2728 15.6824 37.5023 18.9319 37.5023C20.9061 37.5026 22.8533 37.0439 24.6197 36.1625C27.9267 34.5286 28.9861 31.9225 29.2849 30.0266C29.3531 29.5978 29.3907 29.1646 29.3975 28.7305C31.1234 28.6225 32.4632 28.4524 32.539 28.4432L35.7793 28.025L33.8512 25.3729C32.4038 23.4151 30.7453 21.6226 28.9057 20.0276C29.4261 19.5799 29.8892 19.0697 30.2845 18.5085V18.5085C32.0564 16.2403 32.8124 13.7446 32.4907 11.2902C32.0977 8.34865 30.211 6.0046 28.7173 4.87853C27.1798 3.72948 24.3808 2.5 21.1335 2.5L21.1473 2.51609ZM21.3174 12.1313C21.3335 12.0762 21.3518 12.0233 21.3702 11.9705V11.9865C21.391 12.043 21.4086 12.1005 21.4231 12.1589L21.3128 12.1313H21.3174ZM18.6861 28.0594V28.0433C18.6647 27.9871 18.647 27.9295 18.6332 27.871L18.7435 27.9009C18.7274 27.9537 18.7091 28.0066 18.693 28.0594H18.6861Z" fill="#060627"/>
<path d="M18.3919 24.1756C18.9044 23.7665 20.7268 22.2038 21.3312 21.9051C25.1552 20.0068 30.7143 18.7153 29.5768 12.3749C28.715 7.57875 24.0797 4.81873 18.431 8.92773C23.1858 8.27047 25.1184 13.0643 21.6621 15.822C21.1496 16.2311 19.3273 17.7938 18.7229 18.0948C14.9011 19.9931 9.33973 21.2846 10.4773 27.6227C11.3391 32.4189 15.9766 35.1789 21.6231 31.0699C16.8683 31.7225 14.9356 26.9333 18.3919 24.1756Z" fill="white"/>
<path d="M24.3049 18.7084C24.3049 18.7084 29.2205 22.1326 32.2655 26.3795C30.5873 26.5826 28.8999 26.7007 27.2097 26.7334C27.2097 26.7334 28.6759 31.8375 23.7212 34.2849C18.7665 36.7324 14.1083 34.6526 12.4812 33.4346C10.8542 32.2166 7.19561 27.8043 11.2816 22.5646C11.2816 22.5646 10.1992 24.2629 10.5922 27.2275C10.9231 29.6681 12.3985 31.7823 15.5446 32.2833C18.4333 32.7429 19.1848 29.5899 19.4376 25.8693C19.4376 25.8693 18.0196 25.7567 15.825 24.6835C15.841 24.6835 20.952 20.6595 24.3049 18.7084Z" fill="#A51EE1"/>
<path d="M15.7537 21.1628C15.7537 21.1628 10.8381 17.7386 7.79309 13.4918C9.47132 13.2887 11.1587 13.1706 12.8489 13.1379C12.8489 13.1379 11.3827 8.03379 16.3374 5.58632C21.2921 3.13885 25.9503 5.21863 27.5797 6.43662C29.209 7.65461 32.8653 12.0669 28.7793 17.3066C28.7793 17.3066 29.8617 15.6083 29.4687 12.6438C29.1378 10.2032 27.6624 8.08894 24.5186 7.58796C21.6276 7.12834 21.037 9.87227 20.7842 13.5952C20.7842 13.5952 22.0413 14.1146 24.2314 15.1878C24.213 15.1832 19.102 19.2094 15.7537 21.1628Z" fill="#A51EE1"/>
<path d="M25.5689 30.1989C24.19 30.1989 24.0705 29.629 23.427 29.629C22.7836 29.629 22.648 30.1989 21.2875 30.1989C19.8443 30.1989 18.6723 28.8431 18.6723 27.1723C18.6723 25.6004 19.6628 24.0148 21.7195 24.1848C22.756 24.2744 23.0295 24.7065 23.427 24.7065C23.8246 24.7065 24.0981 24.2744 25.1345 24.1848C27.2028 24.0079 28.1818 25.5936 28.1818 27.1723C28.1818 28.8431 27.0144 30.1989 25.5689 30.1989Z" fill="#060627"/>
<path d="M25.215 25.0236C24.847 25.0293 24.4887 25.1421 24.1838 25.3482C23.8789 25.5544 23.6407 25.8448 23.4983 26.1842C23.356 25.8452 23.1182 25.5549 22.8137 25.3489C22.5093 25.1428 22.1515 25.0298 21.7839 25.0236C20.7337 25.0236 19.8811 25.9429 19.8811 27.0643C19.8811 28.1858 20.7337 29.1027 21.7839 29.1027C22.1502 29.0976 22.5071 28.9862 22.8114 28.7823C23.1157 28.5783 23.3543 28.2905 23.4983 27.9537C23.6427 28.2907 23.8817 28.5786 24.1864 28.7825C24.4911 28.9865 24.8484 29.0977 25.215 29.1027C26.2652 29.1027 27.1155 28.1835 27.1155 27.0643C27.1155 25.9452 26.2652 25.0236 25.215 25.0236Z" fill="white"/>
<path d="M21.9287 27.4665C22.5506 27.4665 23.0547 26.9911 23.0547 26.4047C23.0547 25.8184 22.5506 25.343 21.9287 25.343C21.3068 25.343 20.8026 25.8184 20.8026 26.4047C20.8026 26.9911 21.3068 27.4665 21.9287 27.4665Z" fill="#A51EE1"/>
<path d="M21.9287 27.9008C21.5239 27.9082 21.1327 27.755 20.8407 27.4746C20.5487 27.1942 20.3796 26.8095 20.3706 26.4048C20.3796 26 20.5487 25.6154 20.8407 25.335C21.1327 25.0546 21.5239 24.9013 21.9287 24.9087C22.3335 24.9013 22.7247 25.0546 23.0167 25.335C23.3087 25.6154 23.4778 26 23.4868 26.4048C23.4778 26.8095 23.3087 27.1942 23.0167 27.4746C22.7247 27.755 22.3335 27.9082 21.9287 27.9008V27.9008ZM21.9287 25.7751C21.754 25.7682 21.5837 25.8305 21.4547 25.9483C21.3256 26.0662 21.2482 26.2302 21.2393 26.4048C21.2482 26.5793 21.3256 26.7433 21.4547 26.8612C21.5837 26.9791 21.754 27.0413 21.9287 27.0344C22.1033 27.0413 22.2737 26.9791 22.4027 26.8612C22.5318 26.7433 22.6092 26.5793 22.6181 26.4048C22.6098 26.2298 22.5326 26.0652 22.4035 25.9468C22.2744 25.8285 22.1037 25.7659 21.9287 25.7728V25.7751Z" fill="#060627"/>
<path d="M25.0679 27.4665C24.7777 27.4739 24.4963 27.3662 24.2853 27.1668C24.0743 26.9674 23.9508 26.6926 23.9418 26.4025C23.9508 26.1125 24.0744 25.838 24.2855 25.6389C24.4965 25.4399 24.7779 25.3327 25.0679 25.3408C25.3579 25.3327 25.6392 25.4399 25.8503 25.6389C26.0613 25.838 26.1849 26.1125 26.194 26.4025C26.1849 26.6926 26.0614 26.9674 25.8504 27.1668C25.6394 27.3662 25.3581 27.4739 25.0679 27.4665V27.4665Z" fill="#A51EE1"/>
<path d="M25.0679 27.9008C24.6631 27.9082 24.2719 27.755 23.9799 27.4746C23.6879 27.1942 23.5188 26.8095 23.5098 26.4048C23.5188 26 23.6879 25.6154 23.9799 25.335C24.2719 25.0546 24.6631 24.9013 25.0679 24.9087C25.4727 24.9013 25.8639 25.0546 26.1559 25.335C26.4479 25.6154 26.6169 26 26.626 26.4048C26.6169 26.8095 26.4479 27.1942 26.1559 27.4746C25.8639 27.755 25.4727 27.9082 25.0679 27.9008V27.9008ZM25.0679 25.7751C24.8932 25.7682 24.7229 25.8305 24.5938 25.9483C24.4648 26.0662 24.3874 26.2302 24.3785 26.4048C24.3874 26.5793 24.4648 26.7433 24.5938 26.8612C24.7229 26.9791 24.8932 27.0413 25.0679 27.0344C25.2425 27.0413 25.4129 26.9791 25.5419 26.8612C25.671 26.7433 25.7484 26.5793 25.7573 26.4048C25.749 26.2298 25.6718 26.0652 25.5427 25.9468C25.4136 25.8285 25.2429 25.7659 25.0679 25.7728V25.7751Z" fill="#060627"/>
<path d="M13.9474 9.79645C15.3263 9.79645 15.4458 10.3641 16.0892 10.3641C16.7327 10.3641 16.8591 9.79645 18.2288 9.79645C19.672 9.79645 20.844 11.15 20.844 12.8207C20.844 14.3949 19.8535 15.9783 17.7967 15.8083C16.7603 15.7186 16.4868 15.2866 16.0892 15.2866C15.6916 15.2866 15.4182 15.7186 14.3817 15.8083C12.3135 15.9852 11.3345 14.4018 11.3345 12.8207C11.3345 11.15 12.5042 9.79645 13.9474 9.79645Z" fill="#060627"/>
<path d="M14.3013 14.9694C14.6679 14.9644 15.0252 14.8532 15.3299 14.6492C15.6346 14.4453 15.8736 14.1574 16.018 13.8204C16.162 14.1572 16.4006 14.445 16.7049 14.649C17.0092 14.8529 17.3661 14.9643 17.7324 14.9694C18.7826 14.9694 19.6352 14.0502 19.6352 12.931C19.6352 11.8119 18.7826 10.8903 17.7324 10.8903C17.3661 10.8955 17.0092 11.0068 16.7049 11.2108C16.4006 11.4147 16.162 11.7025 16.018 12.0394C15.8736 11.7024 15.6346 11.4144 15.3299 11.2105C15.0252 11.0066 14.6679 10.8954 14.3013 10.8903C13.2511 10.8903 12.4008 11.8096 12.4008 12.931C12.4008 14.0525 13.2511 14.9694 14.3013 14.9694Z" fill="white"/>
<path d="M17.5876 14.6546C18.2095 14.6546 18.7137 14.1793 18.7137 13.5929C18.7137 13.0065 18.2095 12.5312 17.5876 12.5312C16.9657 12.5312 16.4615 13.0065 16.4615 13.5929C16.4615 14.1793 16.9657 14.6546 17.5876 14.6546Z" fill="#A51EE1"/>
<path d="M17.5922 15.0867C17.1874 15.0941 16.7962 14.9408 16.5042 14.6604C16.2121 14.38 16.0431 13.9954 16.0341 13.5906C16.0431 13.1859 16.2121 12.8012 16.5042 12.5208C16.7962 12.2404 17.1874 12.0872 17.5922 12.0946C17.9969 12.0872 18.3882 12.2404 18.6802 12.5208C18.9722 12.8012 19.1412 13.1859 19.1503 13.5906C19.1412 13.9954 18.9722 14.38 18.6802 14.6604C18.3882 14.9408 17.9969 15.0941 17.5922 15.0867V15.0867ZM17.5922 12.9609C17.4175 12.9541 17.2472 13.0163 17.1181 13.1342C16.9891 13.2521 16.9117 13.4161 16.9027 13.5906C16.9117 13.7652 16.9891 13.9292 17.1181 14.0471C17.2472 14.1649 17.4175 14.2272 17.5922 14.2203C17.7668 14.2272 17.9372 14.1649 18.0662 14.0471C18.1953 13.9292 18.2727 13.7652 18.2816 13.5906C18.2721 13.4165 18.1945 13.253 18.0655 13.1357C17.9365 13.0183 17.7665 12.9563 17.5922 12.9632V12.9609Z" fill="#060627"/>
<path d="M14.4484 12.5289C14.7384 12.5208 15.0197 12.6281 15.2308 12.8271C15.4419 13.0261 15.5654 13.3006 15.5744 13.5906C15.566 13.881 15.4427 14.1561 15.2316 14.3556C15.0204 14.5551 14.7387 14.6626 14.4484 14.6546C14.158 14.6626 13.8763 14.5551 13.6652 14.3556C13.4541 14.1561 13.3307 13.881 13.3223 13.5906C13.3313 13.3006 13.4549 13.0261 13.666 12.8271C13.877 12.6281 14.1584 12.5208 14.4484 12.5289Z" fill="#A51EE1"/>
<path d="M14.4484 15.0867C14.0436 15.0941 13.6524 14.9408 13.3604 14.6604C13.0684 14.38 12.8993 13.9954 12.8903 13.5906C12.8993 13.1859 13.0684 12.8012 13.3604 12.5208C13.6524 12.2404 14.0436 12.0872 14.4484 12.0946C14.8531 12.0872 15.2444 12.2404 15.5364 12.5208C15.8284 12.8012 15.9974 13.1859 16.0065 13.5906C15.9974 13.9954 15.8284 14.38 15.5364 14.6604C15.2444 14.9408 14.8531 15.0941 14.4484 15.0867V15.0867ZM14.4484 12.9609C14.2737 12.9541 14.1034 13.0163 13.9743 13.1342C13.8453 13.2521 13.7679 13.4161 13.7589 13.5906C13.7679 13.7652 13.8453 13.9292 13.9743 14.0471C14.1034 14.1649 14.2737 14.2272 14.4484 14.2203C14.623 14.2272 14.7934 14.1649 14.9224 14.0471C15.0515 13.9292 15.1289 13.7652 15.1378 13.5906C15.1283 13.4165 15.0507 13.253 14.9217 13.1357C14.7927 13.0183 14.6227 12.9563 14.4484 12.9632V12.9609Z" fill="#060627"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

11
src/assets/img/modes/regular.svg Normal file
View File

@@ -0,0 +1,11 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.30809 29.9159V29.9137L7.28242 27.888L13.4704 21.7L10.0152 18.2448L7.81114 20.4489L3.80548 5.50549L18.7489 9.50897L16.5448 11.7152L20.0022 15.1682L23.4574 11.7152L21.2554 9.50897L36.1945 5.50549L32.1932 20.4489L29.9869 18.2448L26.5318 21.7L32.7219 27.888L30.6963 29.9137L28.2158 32.3941L26.1902 34.4198L20.0022 28.2318L13.812 34.4198L9.30809 29.9159Z" fill="#060627"/>
<path d="M34.889 6.81315L31.7124 18.6626L29.9869 16.9372L25.2241 21.7087L31.4143 27.8967L30.2415 29.0716L25.4961 24.3197L24.6432 25.1726L29.3929 29.9159L28.2202 31.0886L23.4704 26.3432L22.6175 27.1983L27.3629 31.935L26.188 33.1078L20 26.9307L13.812 33.1208L12.6392 31.935L17.3847 27.1917L16.5296 26.3367L11.7863 31.0821L10.6136 29.9093L15.359 25.1639L14.5039 24.3197L9.76066 29.0651L8.5879 27.8902L14.7759 21.7087L10.0152 16.9481L8.28764 18.6626L5.11097 6.81098L16.9647 9.98548L15.2502 11.7152L20 16.4868L24.7607 11.7261L23.0374 9.99853L34.889 6.82403V6.81315ZM37.5 4.21307L34.4104 5.04205L22.5587 8.21655L20 8.90193L17.4434 8.21655L5.58963 5.02899L2.5 4.20001L3.3268 7.29183L6.50347 19.1434L7.33246 22.2331L9.59312 19.9681L10.013 19.5503L12.1606 21.6978L7.28024 26.5825L5.97475 27.888L7.28024 29.1935L8.00043 29.9137L9.30591 31.2192L10.4787 32.3919L11.7842 33.6974L12.5022 34.4154L13.8077 35.7209L15.1131 34.4154L20 29.5416L24.8825 34.4241L26.188 35.7296L27.4935 34.4241L28.2115 33.7061L29.517 32.4006L30.6919 31.2279L31.9974 29.9224L32.7154 29.2044L34.0209 27.8989L32.7154 26.5934L27.8372 21.7087L29.9869 19.5612L30.4069 19.9811L32.6697 22.2418L33.4965 19.1521L36.6732 7.30053L37.5 4.20872V4.21307ZM17.8612 11.7152L18.2811 11.2931L20.0218 9.56337L21.7493 11.2931L22.1693 11.7131L20.0196 13.8628L17.8612 11.7152Z" fill="#060627"/>
<path d="M34.889 6.81317L31.7145 18.6648L29.9869 16.9394L13.812 33.1121L12.6392 31.9394L17.3847 27.1961L16.5318 26.3432L11.7863 31.0886L10.6136 29.9159L15.359 25.1704L14.5061 24.3175L9.76065 29.0608L8.58789 27.888L24.7628 11.7153L23.0374 9.98767L34.889 6.81317Z" fill="#CFF622"/>
<path d="M5.11316 6.81317L16.9648 9.98767L15.2394 11.7153L31.4143 27.888L30.2415 29.0608L25.4983 24.3175L24.6454 25.1704L29.3908 29.9137L28.2159 31.0886L23.4726 26.3432L22.6175 27.1961L27.3629 31.9394L26.1902 33.1121L10.0152 16.9394L8.28983 18.6648L5.11316 6.81317Z" fill="white"/>
<path d="M28.4008 19.8592C26.0705 18.4145 22.3738 23.1861 20 23.1861C17.6262 23.1861 13.9295 18.4145 11.5971 19.8592C9.26459 21.304 11.5187 27.0176 15.7985 27.6921C20.0783 28.3666 18.4726 24.7592 20 24.7592C21.5274 24.7592 19.9195 28.3775 24.2015 27.6921C28.4835 27.0068 30.7354 21.3083 28.4008 19.8592ZM18.4574 25.3771C17.4195 26.5629 16.0031 26.7348 14.4713 25.9537C14.1207 25.7853 13.807 25.549 13.5484 25.2585C13.2899 24.968 13.0916 24.629 12.9651 24.2612C12.8386 23.8934 12.7864 23.5041 12.8115 23.116C12.8366 22.7279 12.9385 22.3486 13.1114 22.0002C13.5466 21.156 14.232 21.1125 15.0479 21.3845C14.9203 21.4043 14.7998 21.4562 14.6978 21.5354C14.5958 21.6146 14.5156 21.7184 14.4648 21.8371C14.0296 22.7074 14.4234 23.854 15.4678 24.3849C16.5122 24.9158 17.4608 24.8397 18.1288 24.1086C18.2423 24.0055 18.3232 23.8716 18.3619 23.7232C18.4005 23.5748 18.3951 23.4184 18.3464 23.2731C18.9317 23.8997 19.1188 24.6221 18.4574 25.3771ZM25.4635 25.9537C23.9404 26.7348 22.5152 26.5629 21.4752 25.3771C20.8377 24.6504 20.9878 23.9541 21.5253 23.3471C21.4943 23.4835 21.4997 23.6256 21.541 23.7592C21.5822 23.8929 21.6578 24.0134 21.7602 24.1086C22.4304 24.8397 23.3769 24.9158 24.4213 24.3849C25.4656 23.854 25.8703 22.7139 25.4243 21.8371C25.376 21.7228 25.3003 21.6221 25.2039 21.544C25.1075 21.4658 24.9934 21.4125 24.8716 21.3888C25.6919 21.1125 26.3947 21.1495 26.8299 22.0002C27.0022 22.3491 27.1036 22.7287 27.1281 23.117C27.1526 23.5054 27.0998 23.8947 26.9727 24.2624C26.8456 24.6302 26.6467 24.9691 26.3876 25.2594C26.1286 25.5497 25.8144 25.7857 25.4635 25.9537V25.9537ZM23.1397 22.1438C23.4182 22.0002 23.6967 21.8588 23.9643 21.7261C24.0271 21.7501 24.0843 21.7865 24.1326 21.8333C24.1808 21.88 24.2191 21.9361 24.245 21.9981C24.3722 22.2284 24.4074 22.4983 24.3435 22.7535C24.2796 23.0087 24.1214 23.2303 23.9007 23.3735C23.68 23.5167 23.4132 23.5709 23.1541 23.5252C22.895 23.4795 22.6628 23.3373 22.5044 23.1273C22.4352 23.0576 22.387 22.9699 22.365 22.8741C22.3431 22.7784 22.3484 22.6784 22.3803 22.5855C22.6242 22.4229 22.8778 22.2754 23.1397 22.1438V22.1438ZM16.7494 22.1438C17.012 22.2742 17.267 22.4195 17.5131 22.579C17.5437 22.6724 17.5479 22.7724 17.5252 22.868C17.5026 22.9636 17.4539 23.0511 17.3847 23.1208C17.2262 23.3308 16.9941 23.473 16.735 23.5187C16.4759 23.5643 16.2091 23.5101 15.9884 23.3669C15.7677 23.2237 15.6094 23.0022 15.5455 22.747C15.4816 22.4918 15.5168 22.2218 15.644 21.9915C15.6706 21.9299 15.7091 21.8742 15.7572 21.8275C15.8054 21.7809 15.8623 21.7442 15.9247 21.7196C16.1923 21.8653 16.4687 22.0068 16.7494 22.1438Z" fill="#060627"/>
<path d="M18.4573 25.3771C17.4195 26.5629 16.003 26.7348 14.4713 25.9537C14.1207 25.7854 13.807 25.5491 13.5484 25.2585C13.2899 24.968 13.0916 24.629 12.9651 24.2612C12.8386 23.8934 12.7863 23.5042 12.8115 23.1161C12.8366 22.728 12.9385 22.3487 13.1114 22.0003C13.5466 21.1561 14.2319 21.1126 15.0479 21.3845C14.9203 21.4043 14.7998 21.4563 14.6978 21.5354C14.5958 21.6146 14.5156 21.7184 14.4647 21.8371C14.0296 22.7074 14.4234 23.8541 15.4678 24.385C16.5122 24.9159 17.4608 24.8397 18.1288 24.1086C18.2422 24.0055 18.3232 23.8716 18.3619 23.7232C18.4005 23.5749 18.3951 23.4185 18.3464 23.2731C18.9317 23.8998 19.1188 24.6221 18.4573 25.3771Z" fill="white"/>
<path d="M25.4635 25.9537C23.9404 26.7348 22.5152 26.5629 21.4752 25.3771C20.8377 24.6504 20.9878 23.9541 21.5253 23.3471C21.4943 23.4835 21.4997 23.6256 21.5409 23.7593C21.5822 23.8929 21.6578 24.0134 21.7602 24.1086C22.4304 24.8397 23.3769 24.9158 24.4212 24.3849C25.4656 23.8541 25.8703 22.7139 25.4243 21.8371C25.3759 21.7228 25.3003 21.6222 25.2039 21.544C25.1075 21.4659 24.9934 21.4126 24.8716 21.3889C25.6919 21.1125 26.3947 21.1495 26.8299 22.0003C27.0022 22.3491 27.1036 22.7287 27.1281 23.1171C27.1526 23.5054 27.0998 23.8947 26.9727 24.2625C26.8456 24.6302 26.6467 24.9691 26.3876 25.2594C26.1286 25.5497 25.8144 25.7857 25.4635 25.9537V25.9537Z" fill="white"/>
<path d="M23.1397 22.1439C23.4182 22.0003 23.6967 21.8589 23.9643 21.7261C24.0271 21.7501 24.0843 21.7866 24.1326 21.8333C24.1808 21.8801 24.2191 21.9361 24.245 21.9981C24.3722 22.2284 24.4074 22.4984 24.3435 22.7536C24.2796 23.0088 24.1214 23.2303 23.9006 23.3735C23.6799 23.5167 23.4131 23.5709 23.154 23.5252C22.8949 23.4796 22.6628 23.3374 22.5043 23.1274C22.4352 23.0576 22.3869 22.9699 22.365 22.8742C22.3431 22.7784 22.3484 22.6785 22.3803 22.5856C22.6242 22.423 22.8778 22.2755 23.1397 22.1439V22.1439Z" fill="#CFF622"/>
<path d="M16.7494 22.1439C17.012 22.2743 17.267 22.4195 17.5131 22.579C17.5437 22.6724 17.5479 22.7724 17.5252 22.868C17.5026 22.9636 17.4539 23.0511 17.3847 23.1208C17.2262 23.3309 16.9941 23.473 16.735 23.5187C16.4759 23.5644 16.2091 23.5102 15.9884 23.367C15.7676 23.2238 15.6094 23.0023 15.5455 22.747C15.4816 22.4918 15.5168 22.2219 15.644 21.9916C15.6706 21.93 15.7091 21.8743 15.7572 21.8276C15.8054 21.7809 15.8623 21.7442 15.9247 21.7196C16.1923 21.8654 16.4687 22.0068 16.7494 22.1439Z" fill="#CFF622"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

7
src/assets/img/modes/x.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
src/assets/img/news-bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 142 KiB

1
src/assets/img/rules/area.svg Normal file
View File

@@ -0,0 +1 @@
<svg fill="none" height="35" viewBox="0 0 35 35" width="35" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="1857.2" x2="1833.02" y1="1176.03" y2="1402.77"><stop offset=".03" stop-color="#005248"/><stop offset=".83" stop-color="#438200"/></linearGradient><linearGradient id="b"><stop offset=".03" stop-color="#458500"/><stop offset=".83" stop-color="#6ed400"/></linearGradient><linearGradient id="c" gradientUnits="userSpaceOnUse" x1="27.4629" x2="7.3795" xlink:href="#b" y1="13.3071" y2="27.3724"/><linearGradient id="d" gradientUnits="userSpaceOnUse" x1="25604.8" x2="23951.3" xlink:href="#b" y1="9616.38" y2="12804.4"/><linearGradient id="e" gradientUnits="userSpaceOnUse" x1="25604.8" x2="23951.6" xlink:href="#b" y1="9140.49" y2="12328.3"/><path d="m13.1642 20.374-2.404-.4083 1.6842-1.2006 3.0499.5184-1.3255.9454-.6474-.1101z" fill="url(#a)"/><g fill="#01d42f" fill-opacity=".35"><path d="m22.5573 31.4766-3.0513-.5197 1.3255-.9455.6474.1101.3572-.2552 2.404.4097z"/><path d="m18.8492 30.8454-3.2917-.5587 1.3255-.9468 3.2917.56zm-3.9498-.6715-3.2917-.5587 1.3269-.9468 3.2903.56zm-3.9498-.6715-3.29036-.5587 1.32555-.9468 3.29171.56zm-3.94844-.6715-3.29172-.5587 1.3269-.9468 3.29037.56z"/><path d="m3.05132 28.1594-3.05132-.5184 1.68279-1.2006 2.40399.4082-.35724.2552.64733.1101z"/><path d="m4.45064 26.5908-2.40398-.4029 1.81574-1.2987 2.40399.4029zm2.17837-1.5539-2.40399-.4096 1.81575-1.2947 2.40398.403zm2.17835-1.5552-2.40398-.4029 1.81575-1.2946 2.40397.4029zm2.17834-1.5471-2.40262-.4029 1.81442-1.2947 2.404.4029z"/><path d="m29.9668 22.9163-3.2917-.5601 1.3255-.9401 3.2917.5587zm-3.9498-.6715-3.2917-.5601 1.3269-.9401 3.2903.5587zm-3.9498-.6715-3.2904-.5601 1.3256-.9401 3.2917.5587zm-3.9484-.6715-3.2918-.5601 1.3269-.9401 3.2904.5587z"/><path d="m33.3171 23.8013-2.4039-.4096.3572-.2538-.6473-.1101 1.3255-.9455 3.0513.5184z"/><path d="m24.6041 30.0168-2.404-.4029 1.8158-1.2947 2.4026.4029zm2.1784-1.5539-2.404-.4029 1.8157-1.2947 2.404.4029zm2.1783-1.5592-2.4039-.4029 1.8157-1.296 2.404.4029zm2.1838-1.5485-2.404-.4029 1.8157-1.296 2.404.4096z"/></g><path d="m12.444 13.9289-12.44299292 8.8759 22.55579292 3.8303 12.443-8.8639zm9.0304 11.3632-17.74385-3.0245 9.79055-6.9836 17.7492 3.0244z" fill="url(#c)"/><path d="m12.444 8.96375-12.44299292 8.87595 22.55579292 3.8356 12.443-8.8732zm9.0304 11.35915-17.74385-3.0204 9.79055-6.9837 17.7492 3.0205z" fill="url(#d)"/><path d="m12.4438 4-12.4430218 8.8759 22.5558218 3.8343 12.443-8.87726zm9.0303 11.3538-17.74378-3.0151 9.79058-6.98361 17.7492 3.01506z" fill="url(#e)"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

1
src/assets/img/rules/asari.svg Normal file
View File

@@ -0,0 +1 @@
<svg fill="none" height="35" viewBox="0 0 35 35" width="35" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><radialGradient id="a" cx="0" cy="0" gradientTransform="matrix(24.28216057 3.67911602 -3.67911602 24.28216057 13.96 6.54868)" gradientUnits="userSpaceOnUse" r="1"><stop offset="0" stop-color="#d4ff6a"/><stop offset=".08" stop-color="#d6fe65"/><stop offset=".17" stop-color="#dcfc56"/><stop offset=".27" stop-color="#e6f83e"/><stop offset=".37" stop-color="#f4f21c"/><stop offset=".38" stop-color="#f5f219"/><stop offset=".51" stop-color="#fbf009"/><stop offset=".57" stop-color="#fe0"/><stop offset=".63" stop-color="#fcea01"/><stop offset=".69" stop-color="#f4df06"/><stop offset=".75" stop-color="#e7cb0d"/><stop offset=".81" stop-color="#d4b018"/><stop offset=".87" stop-color="#bb8e25"/><stop offset=".9" stop-color="#a87230"/></radialGradient><linearGradient id="b"><stop offset="0" stop-color="#9fb863"/><stop offset=".08" stop-color="#a0b75e"/><stop offset=".17" stop-color="#a2b54f"/><stop offset=".27" stop-color="#a7b037"/><stop offset=".37" stop-color="#acab15"/><stop offset=".38" stop-color="#adaa12"/><stop offset=".48" stop-color="#a19a0a"/><stop offset=".57" stop-color="#928800"/><stop offset=".64" stop-color="#8f8401"/><stop offset=".71" stop-color="#847903"/><stop offset=".77" stop-color="#736506"/><stop offset=".84" stop-color="#5b4a0a"/><stop offset=".9" stop-color="#3b2710"/></linearGradient><radialGradient id="c" cx="0" cy="0" gradientTransform="matrix(31.45113891 4.7653251 -4.7653251 31.45113891 11.3149 2.31285)" gradientUnits="userSpaceOnUse" r="1" xlink:href="#b"/><radialGradient id="d" cx="0" cy="0" gradientTransform="matrix(31.45113891 4.7653251 -4.7653251 31.45113891 11.315 2.31285)" gradientUnits="userSpaceOnUse" r="1" xlink:href="#b"/><radialGradient id="e" cx="0" cy="0" gradientTransform="matrix(31.45113891 4.7653251 -4.7653251 31.45113891 11.3151 2.31285)" gradientUnits="userSpaceOnUse" r="1" xlink:href="#b"/><path d="m21.4528 6.04534s-17.08606.84973-19.2893 9.13486c-2.2032465 8.2851 18.4306 16.4965 27.597 12.3096 8.8595-4.0471-2.9523-18.08168-5.8217-21.06997-.4678-.48727-1.4709-.45119-2.486-.37449z" fill="url(#a)"/><path d="m21.576 28.5245c-.8858-4.1749-3.295-8.1889-7.7948-12.633-2.6228-2.5897-4.72831-4.2516-7.26091-5.89385-1.54002.93245-2.83641 2.08295-3.65454 3.49815 2.32332 1.8203 4.48958 3.8326 6.47589 6.0157 2.15366 2.3792 4.56736 4.9539 6.36906 7.9136 1.9161.5506 3.8799.9187 5.8653 1.0994z" fill="url(#c)"/><path d="m23.9388 6.41983c-.4678-.48727-1.4709-.45119-2.486-.37449 0 0-.5369.02708-1.4302.11731 1.8184 1.15599 3.5418 2.45498 5.1539 3.88465 3.3267 3.0169 6.4954 8.2204 7.6429 14.024 1.4709-5.7555-6.5796-15.25573-8.8806-17.65147z" fill="url(#d)"/><path d="m30.8614 26.8641c-.7655-5.375-3.8862-10.6357-8.1693-15.2768-1.8137-1.96563-4.4862-3.72071-6.8218-4.82459-1.8377.33863-3.6474.81419-5.4141 1.42271 2.3852 1.31142 5.3088 3.30858 7.8204 6.18108 3.4319 3.9102 7.1346 8.7754 8.1317 14.0632 1.1542-.1538 2.2807-.4702 3.3462-.9399.3874-.174.758-.3835 1.1069-.6257z" fill="url(#e)"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

1
src/assets/img/rules/hoko.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 6.8 KiB

1
src/assets/img/rules/regular.svg Normal file
View File

@@ -0,0 +1 @@
<svg fill="none" height="30" viewBox="0 0 30 30" width="30" xmlns="http://www.w3.org/2000/svg"><path d="m27 4-2.6548 9.8922-1.4381-1.4289-13.60612 13.5194-.99557-.9892 3.98229-3.9569-.6637-.6595-3.98231 3.9569-.99557-.9892 3.98228-3.9569-.77433-.7694-3.98228 3.9569-.99557-.9893 13.60608-13.5193-1.438-1.42888z" fill="#cff622"/><path d="m2 4 9.9557 2.63792-1.438 1.42888 13.6061 13.5193-.9956.9893-3.9823-3.9569-.6637.7694 3.9823 3.9569-.9956.9892-3.9822-3.9569-.7744.6595 3.9823 3.9569-.9956.9892-13.6061-13.5194-1.43805 1.4289z" fill="#fff"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 550 B

1
src/assets/img/rules/yagura.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

34
src/components/RuleIcon.vue Normal file
View File

@@ -0,0 +1,34 @@
<template>
<img :src="img" />
</template>
<script setup>
import { computed } from '@vue/reactivity';
import ruleAreaSvg from '@/assets/img/rules/area.svg';
import ruleAsariSvg from '@/assets/img/rules/asari.svg';
import ruleHokoSvg from '@/assets/img/rules/hoko.svg';
import ruleRegularSvg from '@/assets/img/rules/regular.svg';
import ruleYaguraSvg from '@/assets/img/rules/yagura.svg';
const props = defineProps({
rule: {
required: true,
}
});
const img = computed(() => {
switch (props.rule?.rule) {
// Splat Zones
case 'AREA': return ruleAreaSvg;
// Clam Blitz
case 'CLAM': return ruleAsariSvg;
// Rainmaker
case 'GOAL': return ruleHokoSvg;
// Tower Control
case 'LOFT': return ruleYaguraSvg;
// Turf War
default: return ruleRegularSvg;
}
});
</script>

93
src/components/ScheduleBox.vue Normal file
View File

@@ -0,0 +1,93 @@
<template>
<ProductContainer bg="bg-gray-600">
<div class="space-y-2">
<div class="flex items-center space-x-2 mx-2">
<img :src="type.img" />
<div class="font-splatoon1 lg:text-2xl xl:text-3xl">
{{ type.name }}
</div>
<div v-if="type.badge" class="font-splatoon2 text-xs lg:text-sm xl:text-base bg-splatoon-blue px-1 drop-shadow">
{{ type.badge }}
</div>
</div>
<div class="bg-active bg-cover pt-2 pb-6 px-4" v-if="store.activeSchedule">
<div class="flex items-center space-x-2 font-splatoon2 text-sm lg:text-lg">
<div><RuleIcon :rule="store.activeSchedule.settings.vsRule" class="h-6" /></div>
<div>{{ store.activeSchedule.settings.vsRule.name }}</div>
</div>
<div class="flex space-x-1">
<StageImage
class="flex-1"
imgClass="rounded-l-xl"
:stage="store.activeSchedule.settings.vsStages[0]"
/>
<StageImage
class="flex-1"
imgClass="rounded-r-xl"
:stage="store.activeSchedule.settings.vsStages[1]"
/>
</div>
</div>
<div class="mx-2 space-y-2" v-if="nextSchedule">
<div class="font-splatoon1 bg-splatoon-blue inline-block px-2 rounded-lg drop-shadow">
Next
</div>
<ScheduleRow :schedule="nextSchedule" />
</div>
</div>
</ProductContainer>
</template>
<script setup>
import { computed } from '@vue/reactivity';
import { useAnarchyOpenSchedulesStore, useAnarchySeriesSchedulesStore, useRegularSchedulesStore } from '../stores/schedules';
import ProductContainer from './ProductContainer.vue';
import StageImage from './StageImage.vue';
import ScheduleRow from './ScheduleRow.vue';
import battleRegularSvg from '@/assets/img/modes/regular.svg';
import battleBankaraSvg from '@/assets/img/modes/bankara.svg';
import RuleIcon from './RuleIcon.vue';
const props = defineProps({
type: {
type: String,
required: true,
},
});
const types = {
regular: {
name: 'Regular Battle',
badge: null,
store: useRegularSchedulesStore(),
img: battleRegularSvg,
},
anarchySeries: {
name: 'Anarchy Battle',
badge: 'Series',
store: useAnarchySeriesSchedulesStore(),
img: battleBankaraSvg,
},
anarchyOpen: {
name: 'Anarchy Battle',
badge: 'Open',
store: useAnarchyOpenSchedulesStore(),
img: battleBankaraSvg,
},
};
const type = computed(() => types[props.type]);
const store = computed(() => type.value.store);
const nextSchedule = computed(() => store.value.upcomingSchedules?.at(0));
</script>
<style scoped>
.bg-active {
background-image: url('@/assets/img/dark-bg.jpg')
}
</style>

48
src/components/ScheduleRow.vue Normal file
View File

@@ -0,0 +1,48 @@
<template>
<div class="space-y-2">
<div class="font-splatoon2 sm:hidden">
<div class="flex items-center space-x-2">
<div>
<RuleIcon :rule="props.schedule.settings.vsRule" class="h-5" />
</div>
<div>
{{ props.schedule.settings.vsRule.name }}
</div>
</div>
</div>
<div class="flex space-x-1">
<div class="flex-1 items-center text-center font-splatoon2 hidden sm:flex">
<div class="w-full space-y-1">
<div class="flex items-center justify-center space-x-2">
<div>
<RuleIcon :rule="props.schedule.settings.vsRule" class="h-5 lg:h-6" />
</div>
<div class="text-xs lg:text-lg">
{{ props.schedule.settings.vsRule.name }}
</div>
</div>
</div>
</div>
<div class="flex-1">
<StageImage class="flex-1" imgClass="rounded-l-xl" :stage="props.schedule.settings.vsStages[0]" />
</div>
<div class="flex-1">
<StageImage class="flex-1" imgClass="rounded-r-xl" :stage="props.schedule.settings.vsStages[1]" />
</div>
</div>
</div>
</template>
<script setup>
import StageImage from './StageImage.vue';
import RuleIcon from './RuleIcon.vue';
const props = defineProps({
schedule: {
required: true,
},
});
</script>

35
src/components/StageImage.vue Normal file
View File

@@ -0,0 +1,35 @@
<template>
<div class="relative">
<img :src="lowRes" :class="imgClass" />
<div class="
absolute
bg-gray-900
bottom-0
left-1/2
-translate-x-1/2
translate-y-1/2
overflow-ellipsis
overflow-hidden
max-w-[85%]
whitespace-nowrap
font-splatoon2
text-xs
lg:text-sm
px-2
">{{ stage.name }}</div>
</div>
</template>
<script setup>
import { computed } from '@vue/reactivity';
const props = defineProps({
stage: {
required: true,
},
imgClass: String,
});
const lowRes = computed(() => props.stage.image.url);
</script>

27
src/views/HomeView.vue
View File

@@ -1,16 +1,11 @@
<template>
<MainLayout>
<div class="grow flex items-center justify-center">
<div class="relative w-full max-w-2xl m-4">
<Splat3 class="absolute w-48 -bottom-16 left-28" fill="fill-splatoon-red" />
<Splat2 class="absolute w-64 -top-20 -left-20" fill="fill-splatoon-orange" />
<Splat4 class="absolute w-64 -top-20 -right-20" fill="fill-splatoon-blue" />
<Splat1 class="absolute hidden sm:block w-48 -bottom-36 right-20" fill="fill-splatoon-green" />
<div class="relative">
<div class="font-splatoon1 text-5xl text-center">Splatoon 3</div>
<Splatoon3Countdown />
<div class="mx-4 max-w-screen-2xl">
<div class="flex flex-col space-y-6 md:flex-row md:space-x-6 md:space-y-0">
<ScheduleBox type="regular" class="flex-1 md:-rotate-2" />
<ScheduleBox type="anarchySeries" class="flex-1 md:rotate-2" />
<ScheduleBox type="anarchyOpen" class="flex-1 md:-rotate-2" />
</div>
</div>
</div>
@@ -19,9 +14,11 @@
<script setup>
import MainLayout from '@/layouts/MainLayout.vue'
import Splatoon3Countdown from '@/components/Splatoon3Countdown.vue'
import Splat2 from '../components/splats/Splat2.vue';
import Splat3 from '../components/splats/Splat3.vue';
import Splat4 from '../components/splats/Splat4.vue';
import Splat1 from '../components/splats/Splat1.vue';
import { useDataStore } from '../stores/data';
import { onMounted } from 'vue';
import ScheduleBox from '../components/ScheduleBox.vue';
const data = useDataStore();
onMounted(() => data.updateAll());
</script>