andrea/phosphor-icons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(app): more homepage style updates

Browse Source
This commit is contained in:
rektdeckard
2023-03-13 12:21:55 -06:00
parent a14bdfb281
commit 94e66c3893
19 changed files with 679 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/assets/ipad.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 46 KiB

65
src/assets/map.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 79 KiB

325
src/assets/synth.svg Normal file
View File

@@ -0,0 +1,325 @@
<svg width="772" height="516" viewBox="0 0 772 516" fill="none"
xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_133_3982)">
<mask id="path-1-outside-1_133_3982" maskUnits="userSpaceOnUse" x="5.96046e-08" y="5.96046e-08" width="770" height="514" fill="black">
<rect fill="white" x="5.96046e-08" y="5.96046e-08" width="770" height="514"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M25 1C11.7452 1 1 11.7452 1 25L1 489C1 502.255 11.7452 513 25 513H57C61.4183 513 65 509.418 65 505C65 509.418 68.5817 513 73 513H121C125.418 513 129 509.418 129 505C129 509.418 132.582 513 137 513H185C189.418 513 193 509.418 193 505C193 509.418 196.582 513 201 513H249C253.418 513 257 509.418 257 505C257 509.418 260.582 513 265 513H313C317.418 513 321 509.418 321 505C321 509.418 324.582 513 329 513H377C381.418 513 385 509.418 385 505C385 509.418 388.582 513 393 513H441C445.418 513 449 509.418 449 505C449 509.418 452.582 513 457 513H505C509.418 513 513 509.418 513 505C513 509.418 516.582 513 521 513H569C573.418 513 577 509.418 577 505C577 509.418 580.582 513 585 513H633C637.418 513 641 509.418 641 505C641 509.418 644.582 513 649 513H697C701.411 513 704.988 509.43 705 505.022C705.012 509.43 708.589 513 713 513H745C758.255 513 769 502.255 769 489V25C769 11.7452 758.255 1 745 1L25 1Z"/>
</mask>
<path d="M513 505H514H512H513ZM705 505.022L706 505.019H704L705 505.022ZM2 25C2 12.2975 12.2975 2 25 2V5.96046e-08C11.1929 5.96046e-08 5.96046e-08 11.1929 5.96046e-08 25H2ZM2 489L2 25H5.96046e-08L5.96047e-08 489H2ZM25 512C12.2975 512 2 501.703 2 489H5.96047e-08C5.96047e-08 502.807 11.1929 514 25 514V512ZM57 512H25V514H57V512ZM64 505C64 508.866 60.866 512 57 512V514C61.9706 514 66 509.971 66 505H64ZM64 505C64 509.971 68.0294 514 73 514L73 512C69.134 512 66 508.866 66 505H64ZM73 514H121L121 512H73L73 514ZM121 514C125.971 514 130 509.971 130 505H128C128 508.866 124.866 512 121 512L121 514ZM128 505C128 509.971 132.029 514 137 514V512C133.134 512 130 508.866 130 505H128ZM137 514H185V512H137V514ZM185 514C189.971 514 194 509.971 194 505H192C192 508.866 188.866 512 185 512V514ZM192 505C192 509.971 196.029 514 201 514V512C197.134 512 194 508.866 194 505H192ZM201 514H249V512H201V514ZM249 514C253.971 514 258 509.971 258 505H256C256 508.866 252.866 512 249 512V514ZM256 505C256 509.971 260.029 514 265 514V512C261.134 512 258 508.866 258 505H256ZM265 514H313V512H265V514ZM313 514C317.971 514 322 509.971 322 505H320C320 508.866 316.866 512 313 512V514ZM320 505C320 509.971 324.029 514 329 514V512C325.134 512 322 508.866 322 505H320ZM329 514H377V512H329V514ZM377 514C381.971 514 386 509.971 386 505H384C384 508.866 380.866 512 377 512V514ZM384 505C384 509.971 388.029 514 393 514V512C389.134 512 386 508.866 386 505H384ZM393 514H441V512H393V514ZM441 514C445.971 514 450 509.971 450 505H448C448 508.866 444.866 512 441 512V514ZM448 505C448 509.971 452.029 514 457 514V512C453.134 512 450 508.866 450 505H448ZM457 514H505V512H457V514ZM505 514C509.971 514 514 509.971 514 505H512C512 508.866 508.866 512 505 512V514ZM512 505C512 509.971 516.029 514 521 514V512C517.134 512 514 508.866 514 505H512ZM521 514H569V512H521V514ZM569 514C573.971 514 578 509.971 578 505H576C576 508.866 572.866 512 569 512V514ZM576 505C576 509.971 580.029 514 585 514V512C581.134 512 578 508.866 578 505H576ZM585 514H633V512H585V514ZM633 514C637.971 514 642 509.971 642 505H640C640 508.866 636.866 512 633 512V514ZM640 505C640 509.971 644.029 514 649 514V512C645.134 512 642 508.866 642 505H640ZM649 514H697V512H649V514ZM697 514C701.962 514 705.987 509.984 706 505.025L704 505.019C703.99 508.876 700.86 512 697 512V514ZM713 512C709.14 512 706.01 508.876 706 505.019L704 505.025C704.013 509.984 708.038 514 713 514V512ZM745 512H713V514H745V512ZM768 489C768 501.703 757.702 512 745 512V514C758.807 514 770 502.807 770 489H768ZM768 25V489H770V25H768ZM745 2C757.702 2 768 12.2975 768 25H770C770 11.1929 758.807 5.96046e-08 745 5.96046e-08V2ZM25 2L745 2V5.96046e-08L25 5.96046e-08V2Z" fill="#1F2310" mask="url(#path-1-outside-1_133_3982)"/>
<mask id="mask0_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="129" y="273" width="64" height="240">
<path d="M129 273H193L193 505C193 509.418 189.418 513 185 513H137C132.582 513 129 509.418 129 505L129 273Z" fill="white"/>
</mask>
<g mask="url(#mask0_133_3982)">
<path d="M129 273H193L193 513H129L129 273Z" fill="white"/>
<path opacity="0.3" d="M133 509H189L193 513H129L133 509Z" fill="#2E321F"/>
<path opacity="0.3" d="M133 273H129L129 513L133 509L133 273Z" fill="#2E321F"/>
</g>
<mask id="mask1_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="1" width="768" height="512">
<path d="M1 25C1 11.7452 11.7452 1 25 1L745 1C758.255 1 769 11.7452 769 25V489C769 502.255 758.255 513 745 513H713C708.582 513 705 509.418 705 505V273H65V505C65 509.418 61.4183 513 57 513H25C11.7452 513 1 502.255 1 489L1 25Z" fill="#31351F"/>
</mask>
<g mask="url(#mask1_133_3982)">
<path d="M1 25C1 11.7452 11.7452 1 25 1L745 1C758.255 1 769 11.7452 769 25V489C769 502.255 758.255 513 745 513H713C708.582 513 705 509.418 705 505V273H65V505C65 509.418 61.4183 513 57 513H25C11.7452 513 1 502.255 1 489L1 25Z" fill="#2E321F"/>
<rect x="1" y="505" width="64" height="8" fill="#1F2310"/>
<rect x="705" y="505" width="64" height="8" fill="#1F2310"/>
</g>
<mask id="mask2_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="65" y="273" width="64" height="240">
<path d="M65 273H129V505C129 509.418 125.418 513 121 513H73C68.5817 513 65 509.418 65 505V273Z" fill="white"/>
</mask>
<g mask="url(#mask2_133_3982)">
<path d="M65 273H129V513H65V273Z" fill="white"/>
<path opacity="0.3" d="M69 509H125L129 513H65L69 509Z" fill="#2E321F"/>
<path opacity="0.3" d="M69 273H65V513L69 509V273Z" fill="#2E321F"/>
</g>
<mask id="mask3_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="65" y="273" width="64" height="240">
<path d="M65 273H129V505C129 509.418 125.418 513 121 513H73C68.5817 513 65 509.418 65 505V273Z" fill="white"/>
</mask>
<g mask="url(#mask3_133_3982)">
<path d="M65 273H129V513H65V273Z" fill="white"/>
<path opacity="0.3" d="M69 509H125L129 513H65L69 509Z" fill="#2E321F"/>
<path opacity="0.3" d="M69 273H65V513L69 509V273Z" fill="#2E321F"/>
</g>
<mask id="mask4_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="129" y="273" width="64" height="240">
<path d="M129 273H193L193 505C193 509.418 189.418 513 185 513H137C132.582 513 129 509.418 129 505L129 273Z" fill="white"/>
</mask>
<g mask="url(#mask4_133_3982)">
<path d="M129 273H193L193 513H129L129 273Z" fill="white"/>
<path opacity="0.3" d="M133 509H189L193 513H129L133 509Z" fill="#2E321F"/>
<path opacity="0.3" d="M133 273H129L129 513L133 509L133 273Z" fill="#2E321F"/>
</g>
<mask id="mask5_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="193" y="273" width="64" height="240">
<path d="M193 273H257V505C257 509.418 253.418 513 249 513H201C196.582 513 193 509.418 193 505V273Z" fill="white"/>
</mask>
<g mask="url(#mask5_133_3982)">
<path d="M193 273H257V513H193V273Z" fill="white"/>
<path opacity="0.3" d="M197 509H253L257 513H193L197 509Z" fill="#2E321F"/>
<path opacity="0.3" d="M197 273H193V513L197 509V273Z" fill="#2E321F"/>
</g>
<mask id="mask6_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="257" y="273" width="64" height="240">
<path d="M257 273H321V505C321 509.418 317.418 513 313 513H265C260.582 513 257 509.418 257 505V273Z" fill="white"/>
</mask>
<g mask="url(#mask6_133_3982)">
<path d="M257 273H321V513H257V273Z" fill="white"/>
<path opacity="0.3" d="M261 509H317L321 513H257L261 509Z" fill="#2E321F"/>
<path opacity="0.3" d="M261 273H257V513L261 509V273Z" fill="#2E321F"/>
</g>
<mask id="mask7_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="321" y="273" width="64" height="240">
<path d="M321 273H385V505C385 509.418 381.418 513 377 513H329C324.582 513 321 509.418 321 505V273Z" fill="white"/>
</mask>
<g mask="url(#mask7_133_3982)">
<path d="M321 273H385V513H321V273Z" fill="white"/>
<path opacity="0.3" d="M325 509H381L385 513H321L325 509Z" fill="#2E321F"/>
<path opacity="0.3" d="M325 273H321V513L325 509V273Z" fill="#2E321F"/>
</g>
<mask id="mask8_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="385" y="273" width="64" height="240">
<path d="M385 273H449V505C449 509.418 445.418 513 441 513H393C388.582 513 385 509.418 385 505V273Z" fill="white"/>
</mask>
<g mask="url(#mask8_133_3982)">
<path d="M385 273H449V513H385V273Z" fill="white"/>
<path opacity="0.3" d="M389 509H445L449 513H385L389 509Z" fill="#2E321F"/>
<path opacity="0.3" d="M389 273H385V513L389 509V273Z" fill="#2E321F"/>
</g>
<mask id="mask9_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="449" y="273" width="64" height="240">
<path d="M449 273H513V505C513 509.418 509.418 513 505 513H457C452.582 513 449 509.418 449 505V273Z" fill="white"/>
</mask>
<g mask="url(#mask9_133_3982)">
<path d="M449 273H513V513H449V273Z" fill="white"/>
<path opacity="0.3" d="M453 509H509L513 513H449L453 509Z" fill="#2E321F"/>
<path opacity="0.3" d="M453 273H449V513L453 509V273Z" fill="#2E321F"/>
</g>
<mask id="mask10_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="513" y="273" width="64" height="240">
<path d="M513 273H577V505C577 509.418 573.418 513 569 513H521C516.582 513 513 509.418 513 505V273Z" fill="white"/>
</mask>
<g mask="url(#mask10_133_3982)">
<path d="M513 273H577V513H513V273Z" fill="white"/>
<path opacity="0.3" d="M517 509H573L577 513H513L517 509Z" fill="#2E321F"/>
<path opacity="0.3" d="M517 273H513V513L517 509V273Z" fill="#2E321F"/>
</g>
<mask id="mask11_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="577" y="273" width="64" height="240">
<path d="M577 273H641V505C641 509.418 637.418 513 633 513H585C580.582 513 577 509.418 577 505V273Z" fill="white"/>
</mask>
<g mask="url(#mask11_133_3982)">
<path d="M577 273H641V513H577V273Z" fill="white"/>
<path opacity="0.3" d="M581 509H637L641 513H577L581 509Z" fill="#2E321F"/>
<path opacity="0.3" d="M581 273H577V513L581 509V273Z" fill="#2E321F"/>
</g>
<mask id="mask12_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="641" y="273" width="64" height="240">
<path d="M641 273H705V505C705 509.418 701.418 513 697 513H649C644.582 513 641 509.418 641 505V273Z" fill="white"/>
</mask>
<g mask="url(#mask12_133_3982)">
<path d="M641 273H705V513H641V273Z" fill="white"/>
<path opacity="0.3" d="M645 509H701L705 513H641L645 509Z" fill="#2E321F"/>
<path opacity="0.3" d="M645 273H641V513L645 509V273Z" fill="#2E321F"/>
</g>
<mask id="mask13_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="109" y="273" width="40" height="144">
<path d="M109 273H149V409C149 413.418 145.418 417 141 417H117C112.582 417 109 413.418 109 409V273Z" fill="white"/>
</mask>
<g mask="url(#mask13_133_3982)">
<path d="M109 273H149V417H109V273Z" fill="#2E321F"/>
<path opacity="0.1" d="M115 401H143L149 417H109L115 401Z" fill="white"/>
<path opacity="0.3" d="M143 401L149 417V273H143V401Z" fill="white"/>
<path opacity="0.2" d="M115 401L109 417V273H115V401Z" fill="#1F2310"/>
</g>
<mask id="mask14_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="193" y="273" width="64" height="240">
<path d="M193 273H257V505C257 509.418 253.418 513 249 513H201C196.582 513 193 509.418 193 505V273Z" fill="white"/>
</mask>
<g mask="url(#mask14_133_3982)">
<path d="M193 273H257V513H193V273Z" fill="white"/>
<path opacity="0.3" d="M197 509H253L257 513H193L197 509Z" fill="#2E321F"/>
<path opacity="0.3" d="M197 273H193V513L197 509V273Z" fill="#2E321F"/>
</g>
<mask id="mask15_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="257" y="273" width="64" height="240">
<path d="M257 273H321V505C321 509.418 317.418 513 313 513H265C260.582 513 257 509.418 257 505V273Z" fill="white"/>
</mask>
<g mask="url(#mask15_133_3982)">
<path d="M257 273H321V513H257V273Z" fill="white"/>
<path opacity="0.3" d="M261 509H317L321 513H257L261 509Z" fill="#2E321F"/>
<path opacity="0.3" d="M261 273H257V513L261 509V273Z" fill="#2E321F"/>
</g>
<mask id="mask16_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="321" y="273" width="64" height="240">
<path d="M321 273H385V505C385 509.418 381.418 513 377 513H329C324.582 513 321 509.418 321 505V273Z" fill="white"/>
</mask>
<g mask="url(#mask16_133_3982)">
<path d="M321 273H385V513H321V273Z" fill="white"/>
<path opacity="0.3" d="M325 509H381L385 513H321L325 509Z" fill="#2E321F"/>
<path opacity="0.3" d="M325 273H321V513L325 509V273Z" fill="#2E321F"/>
</g>
<mask id="mask17_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="385" y="273" width="64" height="240">
<path d="M385 273H449V505C449 509.418 445.418 513 441 513H393C388.582 513 385 509.418 385 505V273Z" fill="white"/>
</mask>
<g mask="url(#mask17_133_3982)">
<path d="M385 273H449V513H385V273Z" fill="white"/>
<path opacity="0.3" d="M389 509H445L449 513H385L389 509Z" fill="#2E321F"/>
<path opacity="0.3" d="M389 273H385V513L389 509V273Z" fill="#2E321F"/>
</g>
<mask id="mask18_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="449" y="273" width="64" height="240">
<path d="M449 273H513V505C513 509.418 509.418 513 505 513H457C452.582 513 449 509.418 449 505V273Z" fill="white"/>
</mask>
<g mask="url(#mask18_133_3982)">
<path d="M449 273H513V513H449V273Z" fill="white"/>
<path opacity="0.3" d="M453 509H509L513 513H449L453 509Z" fill="#2E321F"/>
<path opacity="0.3" d="M453 273H449V513L453 509V273Z" fill="#2E321F"/>
</g>
<mask id="mask19_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="513" y="273" width="64" height="240">
<path d="M513 273H577V505C577 509.418 573.418 513 569 513H521C516.582 513 513 509.418 513 505V273Z" fill="white"/>
</mask>
<g mask="url(#mask19_133_3982)">
<path d="M513 273H577V513H513V273Z" fill="white"/>
<path opacity="0.3" d="M517 509H573L577 513H513L517 509Z" fill="#2E321F"/>
<path opacity="0.3" d="M517 273H513V513L517 509V273Z" fill="#2E321F"/>
</g>
<mask id="mask20_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="577" y="273" width="64" height="240">
<path d="M577 273H641V505C641 509.418 637.418 513 633 513H585C580.582 513 577 509.418 577 505V273Z" fill="white"/>
</mask>
<g mask="url(#mask20_133_3982)">
<path d="M577 273H641V513H577V273Z" fill="white"/>
<path opacity="0.3" d="M581 509H637L641 513H577L581 509Z" fill="#2E321F"/>
<path opacity="0.3" d="M581 273H577V513L581 509V273Z" fill="#2E321F"/>
</g>
<mask id="mask21_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="641" y="273" width="64" height="240">
<path d="M641 273H705V505C705 509.418 701.418 513 697 513H649C644.582 513 641 509.418 641 505V273Z" fill="white"/>
</mask>
<g mask="url(#mask21_133_3982)">
<path d="M641 273H705V513H641V273Z" fill="white"/>
<path opacity="0.3" d="M645 509H701L705 513H641L645 509Z" fill="#2E321F"/>
<path opacity="0.3" d="M645 273H641V513L645 509V273Z" fill="#2E321F"/>
</g>
<mask id="mask22_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="173" y="272" width="40" height="145">
<path d="M173 272.998H213V408.998C213 413.416 209.418 416.998 205 416.998H181C176.582 416.998 173 413.416 173 408.998V272.998Z" fill="white"/>
</mask>
<g mask="url(#mask22_133_3982)">
<path d="M173 272.998H213V416.998H173V272.998Z" fill="#2E321F"/>
<path opacity="0.1" d="M179 400.998H207L213 416.998H173L179 400.998Z" fill="white"/>
<path opacity="0.3" d="M207 400.998L213 416.998V272.998H207V400.998Z" fill="white"/>
<path opacity="0.2" d="M179 400.998L173 416.998V272.998H179V400.998Z" fill="#1F2310"/>
</g>
<mask id="mask23_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="301" y="273" width="40" height="144">
<path d="M301 273H341V409C341 413.418 337.418 417 333 417H309C304.582 417 301 413.418 301 409V273Z" fill="white"/>
</mask>
<g mask="url(#mask23_133_3982)">
<path d="M301 273H341V417H301V273Z" fill="#2E321F"/>
<path opacity="0.1" d="M307 401H335L341 417H301L307 401Z" fill="white"/>
<path opacity="0.3" d="M335 401L341 417V273H335V401Z" fill="white"/>
<path opacity="0.2" d="M307 401L301 417V273H307V401Z" fill="#1F2310"/>
</g>
<mask id="mask24_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="365" y="273" width="40" height="144">
<path d="M365 273H405V409C405 413.418 401.418 417 397 417H373C368.582 417 365 413.418 365 409V273Z" fill="white"/>
</mask>
<g mask="url(#mask24_133_3982)">
<path d="M365 273H405V417H365V273Z" fill="#2E321F"/>
<path opacity="0.1" d="M371 401H399L405 417H365L371 401Z" fill="white"/>
<path opacity="0.3" d="M399 401L405 417V273H399V401Z" fill="white"/>
<path opacity="0.2" d="M371 401L365 417V273H371V401Z" fill="#1F2310"/>
</g>
<mask id="mask25_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="428" y="273" width="41" height="144">
<path d="M428.999 273H468.999V409C468.999 413.418 465.417 417 460.999 417H436.999C432.581 417 428.999 413.418 428.999 409V273Z" fill="white"/>
</mask>
<g mask="url(#mask25_133_3982)">
<path d="M428.999 273H468.999V417H428.999V273Z" fill="#2E321F"/>
<path opacity="0.1" d="M434.999 401H462.999L468.999 417H428.999L434.999 401Z" fill="white"/>
<path opacity="0.3" d="M462.999 401L468.999 417V273H462.999V401Z" fill="white"/>
<path opacity="0.2" d="M434.999 401L428.999 417V273H434.999V401Z" fill="#1F2310"/>
</g>
<mask id="mask26_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="557" y="273" width="40" height="144">
<path d="M557 273H597V409C597 413.418 593.418 417 589 417H565C560.582 417 557 413.418 557 409V273Z" fill="white"/>
</mask>
<g mask="url(#mask26_133_3982)">
<path d="M557 273H597V417H557V273Z" fill="#2E321F"/>
<path opacity="0.1" d="M563 401H591L597 417H557L563 401Z" fill="white"/>
<path opacity="0.3" d="M591 401L597 417V273H591V401Z" fill="white"/>
<path opacity="0.2" d="M563 401L557 417V273H563V401Z" fill="#1F2310"/>
</g>
<mask id="mask27_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="621" y="273" width="40" height="144">
<path d="M621 273H661V409C661 413.418 657.418 417 653 417H629C624.582 417 621 413.418 621 409V273Z" fill="white"/>
</mask>
<g mask="url(#mask27_133_3982)">
<path d="M621 273H661V417H621V273Z" fill="#2E321F"/>
<path opacity="0.1" d="M627 401H655L661 417H621L627 401Z" fill="white"/>
<path opacity="0.3" d="M655 401L661 417V273H655V401Z" fill="white"/>
<path opacity="0.2" d="M627 401L621 417V273H627V401Z" fill="#1F2310"/>
</g>
<g opacity="0.3" clip-path="url(#clip0_133_3982)">
<path opacity="0.2" d="M668 137L681 129V145L694 137H668Z" fill="#F8C666"/>
<path d="M668 137L681 129V145L694 137" stroke="#F8C666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g opacity="0.3" clip-path="url(#clip1_133_3982)">
<path d="M620 49L626.5 40L639.5 58L646 49" stroke="#F8C666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path opacity="0.2" d="M620 49L626.5 40L639.5 58L646 49H620Z" fill="#F8C666"/>
</g>
<g clip-path="url(#clip2_133_3982)">
<path opacity="0.2" d="M460 136.999C473 108.999 473 164.999 486 136.999H460Z" fill="#F8C666"/>
<path d="M460 136.999C473 108.999 473 164.999 486 136.999" stroke="#F8C666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g opacity="0.3" clip-path="url(#clip3_133_3982)">
<path opacity="0.2" d="M534 49V56H521V42H508V49H534Z" fill="#F8C666"/>
<path d="M534 49V56H521V42H508V49" stroke="#F8C666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<circle cx="577" cy="137" r="76" fill="#2E321F" stroke="#1F2310" stroke-width="8"/>
<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M577 209C616.764 209 649 176.764 649 137C649 97.2355 616.764 65 577 65C537.235 65 505 97.2355 505 137C505 176.764 537.235 209 577 209ZM577 205C614.555 205 645 174.555 645 137C645 99.4446 614.555 69 577 69C539.445 69 509 99.4446 509 137C509 174.555 539.445 205 577 205Z" fill="url(#paint0_radial_133_3982)"/>
<rect x="513" y="135" width="40" height="4" rx="2" fill="#F8C666"/>
<rect opacity="0.2" x="65" y="273" width="640" height="8" fill="#2E321F"/>
<circle cx="65" cy="65" r="32" fill="#1F2310"/>
<circle cx="65" cy="65" r="24" fill="#F8C666"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M189 121H1V129H189C191.209 129 193 127.209 193 125C193 122.791 191.209 121 189 121ZM189 137H1L1 145H189C191.209 145 193 143.209 193 141C193 138.791 191.209 137 189 137ZM1 153H189C191.209 153 193 154.791 193 157C193 159.209 191.209 161 189 161H1L1 153ZM189 169H1L1 177H189C191.209 177 193 175.209 193 173C193 170.791 191.209 169 189 169ZM1 185H189C191.209 185 193 186.791 193 189C193 191.209 191.209 193 189 193H1V185ZM189 201H1L1 209H189C191.209 209 193 207.209 193 205C193 202.791 191.209 201 189 201ZM1 217H189C191.209 217 193 218.791 193 221C193 223.209 191.209 225 189 225H1V217ZM189 233H1L1 241H189C191.209 241 193 239.209 193 237C193 234.791 191.209 233 189 233Z" fill="#1F2310"/>
<rect x="253" y="41" width="16" height="176" rx="8" fill="#1F2310"/>
<rect x="237" y="117" width="48" height="24" rx="4" fill="#F8C666"/>
<rect opacity="0.3" x="242.333" y="122.334" width="37.3333" height="2.66667" rx="1.33333" fill="#2E321F"/>
<rect opacity="0.3" x="242.333" y="127.666" width="37.3333" height="2.66667" rx="1.33333" fill="#2E321F"/>
<rect opacity="0.3" x="242.333" y="133" width="37.3333" height="2.66667" rx="1.33333" fill="#2E321F"/>
<rect x="331" y="43" width="76" height="76" rx="12" fill="#1F2310"/>
<rect x="337" y="49" width="64" height="64" rx="8" fill="#F8C666"/>
<mask id="mask28_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="337" y="49" width="64" height="64">
<rect x="337" y="49" width="64" height="64" rx="8" fill="#C0A9B0"/>
</mask>
<g mask="url(#mask28_133_3982)">
<rect x="337" y="49" width="64" height="64" fill="#2E321F"/>
<path d="M381.924 80.3826C381.848 80.5654 381.72 80.7215 381.556 80.8314C381.391 80.9413 381.198 80.9999 381 80.9999H376V83.9999C376 84.2652 375.895 84.5195 375.707 84.707C375.52 84.8946 375.265 84.9999 375 84.9999H363C362.735 84.9999 362.48 84.8946 362.293 84.707C362.105 84.5195 362 84.2652 362 83.9999V80.9999H357C356.802 80.9999 356.609 80.9413 356.444 80.8314C356.28 80.7215 356.152 80.5653 356.076 80.3826C356 80.1999 355.981 79.9988 356.019 79.8048C356.058 79.6108 356.153 79.4326 356.293 79.2928L368.293 67.2928C368.48 67.1053 368.735 67 369 67C369.265 67 369.52 67.1053 369.707 67.2928L381.707 79.2928C381.847 79.4326 381.942 79.6108 381.981 79.8048C382.019 79.9988 382 80.1999 381.924 80.3826ZM375 90.9999H363C362.735 90.9999 362.48 91.1053 362.293 91.2928C362.105 91.4804 362 91.7347 362 91.9999C362 92.2652 362.105 92.5195 362.293 92.707C362.48 92.8946 362.735 92.9999 363 92.9999H375C375.265 92.9999 375.52 92.8946 375.707 92.707C375.895 92.5195 376 92.2652 376 91.9999C376 91.7347 375.895 91.4804 375.707 91.2928C375.52 91.1053 375.265 90.9999 375 90.9999ZM375 86.9999H363C362.735 86.9999 362.48 87.1053 362.293 87.2928C362.105 87.4804 362 87.7347 362 87.9999C362 88.2652 362.105 88.5195 362.293 88.707C362.48 88.8946 362.735 88.9999 363 88.9999H375C375.265 88.9999 375.52 88.8946 375.707 88.707C375.895 88.5195 376 88.2652 376 87.9999C376 87.7347 375.895 87.4804 375.707 87.2928C375.52 87.1053 375.265 86.9999 375 86.9999Z" fill="#F8C666"/>
<path opacity="0.05" d="M337 49L343 55V107L337 113V49Z" fill="white"/>
<path opacity="0.2" d="M395 55L401 49V113L395 107V55Z" fill="white"/>
<path opacity="0.05" d="M337 113H401L395 107H343L337 113Z" fill="white"/>
<path opacity="0.2" d="M337 49H401L395 55H343L337 49Z" fill="white"/>
</g>
<rect x="331" y="139" width="76" height="76" rx="12" fill="#1F2310"/>
<rect x="337" y="145" width="64" height="64" rx="8" fill="#F8C666"/>
<mask id="mask29_133_3982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="337" y="145" width="64" height="64">
<rect x="337" y="145" width="64" height="64" rx="8" fill="#C0A9B0"/>
</mask>
<g mask="url(#mask29_133_3982)">
<rect x="337" y="145" width="64" height="64" fill="#2E321F"/>
<path d="M381.924 177.617C381.848 177.435 381.72 177.278 381.556 177.169C381.391 177.059 381.198 177 381 177H376V174C376 173.735 375.895 173.48 375.707 173.293C375.52 173.105 375.265 173 375 173H363C362.735 173 362.48 173.105 362.293 173.293C362.105 173.48 362 173.735 362 174V177H357C356.802 177 356.609 177.059 356.444 177.169C356.28 177.278 356.152 177.435 356.076 177.617C356 177.8 355.981 178.001 356.019 178.195C356.058 178.389 356.153 178.567 356.293 178.707L368.293 190.707C368.48 190.895 368.735 191 369 191C369.265 191 369.52 190.895 369.707 190.707L381.707 178.707C381.847 178.567 381.942 178.389 381.981 178.195C382.019 178.001 382 177.8 381.924 177.617ZM375 167H363C362.735 167 362.48 166.895 362.293 166.707C362.105 166.52 362 166.265 362 166C362 165.735 362.105 165.48 362.293 165.293C362.48 165.105 362.735 165 363 165H375C375.265 165 375.52 165.105 375.707 165.293C375.895 165.48 376 165.735 376 166C376 166.265 375.895 166.52 375.707 166.707C375.52 166.895 375.265 167 375 167ZM375 171H363C362.735 171 362.48 170.895 362.293 170.707C362.105 170.52 362 170.265 362 170C362 169.735 362.105 169.48 362.293 169.293C362.48 169.105 362.735 169 363 169H375C375.265 169 375.52 169.105 375.707 169.293C375.895 169.48 376 169.735 376 170C376 170.265 375.895 170.52 375.707 170.707C375.52 170.895 375.265 171 375 171Z" fill="#F8C666"/>
<path opacity="0.05" d="M337 145L343 151V203L337 209V145Z" fill="white"/>
<path opacity="0.2" d="M395 151L401 145V209L395 203V151Z" fill="white"/>
<path opacity="0.05" d="M337 209H401L395 203H343L337 209Z" fill="white"/>
<path opacity="0.2" d="M337 145H401L395 151H343L337 145Z" fill="white"/>
</g>
<path opacity="0.5" d="M337.592 238.18C336.728 238.18 335.988 237.992 335.372 237.616C334.756 237.236 334.282 236.708 333.95 236.032C333.622 235.356 333.458 234.572 333.458 233.68C333.458 232.788 333.622 232.004 333.95 231.328C334.282 230.652 334.756 230.126 335.372 229.75C335.988 229.37 336.728 229.18 337.592 229.18C338.456 229.18 339.196 229.37 339.812 229.75C340.432 230.126 340.906 230.652 341.234 231.328C341.566 232.004 341.732 232.788 341.732 233.68C341.732 234.572 341.566 235.356 341.234 236.032C340.906 236.708 340.432 237.236 339.812 237.616C339.196 237.992 338.456 238.18 337.592 238.18ZM337.592 236.818C338.172 236.822 338.654 236.694 339.038 236.434C339.426 236.174 339.716 235.808 339.908 235.336C340.104 234.864 340.202 234.312 340.202 233.68C340.202 233.048 340.104 232.5 339.908 232.036C339.716 231.568 339.426 231.204 339.038 230.944C338.654 230.684 338.172 230.55 337.592 230.542C337.012 230.538 336.53 230.666 336.146 230.926C335.762 231.186 335.472 231.552 335.276 232.024C335.084 232.496 334.988 233.048 334.988 233.68C334.988 234.312 335.084 234.862 335.276 235.33C335.468 235.794 335.756 236.156 336.14 236.416C336.528 236.676 337.012 236.81 337.592 236.818ZM351.38 238.18C350.516 238.18 349.776 237.992 349.16 237.616C348.544 237.236 348.07 236.708 347.738 236.032C347.41 235.356 347.246 234.572 347.246 233.68C347.246 232.788 347.41 232.004 347.738 231.328C348.07 230.652 348.544 230.126 349.16 229.75C349.776 229.37 350.516 229.18 351.38 229.18C352.376 229.18 353.206 229.43 353.87 229.93C354.534 230.426 355 231.096 355.268 231.94L353.81 232.342C353.642 231.778 353.356 231.338 352.952 231.022C352.548 230.702 352.024 230.542 351.38 230.542C350.8 230.542 350.316 230.672 349.928 230.932C349.544 231.192 349.254 231.558 349.058 232.03C348.866 232.498 348.768 233.048 348.764 233.68C348.764 234.312 348.86 234.864 349.052 235.336C349.248 235.804 349.54 236.168 349.928 236.428C350.316 236.688 350.8 236.818 351.38 236.818C352.024 236.818 352.548 236.658 352.952 236.338C353.356 236.018 353.642 235.578 353.81 235.018L355.268 235.42C355 236.264 354.534 236.936 353.87 237.436C353.206 237.932 352.376 238.18 351.38 238.18ZM363.461 238V230.716H360.665V229.36H367.703V230.716H364.907V238H363.461ZM372.628 238L375.352 229.36H377.47L380.194 238H378.706L376.234 230.248H376.558L374.116 238H372.628ZM374.146 236.128V234.778H378.682V236.128H374.146ZM387.179 238L384.455 229.36H385.943L388.223 236.596L390.533 229.36H392.021L389.297 238H387.179ZM397.723 238V229.36H403.303V230.716H399.169V232.846H402.583V234.202H399.169V236.644H403.303V238H397.723Z" fill="white"/>
<path opacity="0.5" d="M550.141 238V229.36H551.587V236.644H555.403V238H550.141ZM560.62 238L563.344 229.36H565.462L568.186 238H566.698L564.226 230.248H564.55L562.108 238H560.62ZM562.138 236.128V234.778H566.674V236.128H562.138ZM574.07 238V229.36H577.496C578.08 229.36 578.558 229.478 578.93 229.714C579.306 229.946 579.584 230.244 579.764 230.608C579.948 230.972 580.04 231.348 580.04 231.736C580.04 232.212 579.926 232.616 579.698 232.948C579.474 233.28 579.168 233.504 578.78 233.62V233.32C579.324 233.444 579.736 233.702 580.016 234.094C580.3 234.486 580.442 234.932 580.442 235.432C580.442 235.944 580.344 236.392 580.148 236.776C579.952 237.16 579.66 237.46 579.272 237.676C578.888 237.892 578.412 238 577.844 238H574.07ZM575.534 236.638H577.664C577.916 236.638 578.142 236.588 578.342 236.488C578.542 236.384 578.698 236.24 578.81 236.056C578.926 235.868 578.984 235.646 578.984 235.39C578.984 235.158 578.934 234.95 578.834 234.766C578.734 234.582 578.588 234.436 578.396 234.328C578.204 234.216 577.974 234.16 577.706 234.16H575.534V236.638ZM575.534 232.81H577.478C577.686 232.81 577.872 232.77 578.036 232.69C578.2 232.61 578.33 232.492 578.426 232.336C578.522 232.18 578.57 231.988 578.57 231.76C578.57 231.46 578.474 231.21 578.282 231.01C578.09 230.81 577.822 230.71 577.478 230.71H575.534V232.81ZM586.441 238V229.36H592.021V230.716H587.887V232.846H591.301V234.202H587.887V236.644H592.021V238H586.441ZM598.38 238V229.36H599.826V236.644H603.642V238H598.38Z" fill="white"/>
<path opacity="0.5" d="M248.064 238L245.34 229.36H246.828L249.108 236.596L251.418 229.36H252.906L250.182 238H248.064ZM262.027 238.18C261.163 238.18 260.423 237.992 259.807 237.616C259.191 237.236 258.717 236.708 258.385 236.032C258.057 235.356 257.893 234.572 257.893 233.68C257.893 232.788 258.057 232.004 258.385 231.328C258.717 230.652 259.191 230.126 259.807 229.75C260.423 229.37 261.163 229.18 262.027 229.18C262.891 229.18 263.631 229.37 264.247 229.75C264.867 230.126 265.341 230.652 265.669 231.328C266.001 232.004 266.167 232.788 266.167 233.68C266.167 234.572 266.001 235.356 265.669 236.032C265.341 236.708 264.867 237.236 264.247 237.616C263.631 237.992 262.891 238.18 262.027 238.18ZM262.027 236.818C262.607 236.822 263.089 236.694 263.473 236.434C263.861 236.174 264.151 235.808 264.343 235.336C264.539 234.864 264.637 234.312 264.637 233.68C264.637 233.048 264.539 232.5 264.343 232.036C264.151 231.568 263.861 231.204 263.473 230.944C263.089 230.684 262.607 230.55 262.027 230.542C261.447 230.538 260.965 230.666 260.581 230.926C260.197 231.186 259.907 231.552 259.711 232.024C259.519 232.496 259.423 233.048 259.423 233.68C259.423 234.312 259.519 234.862 259.711 235.33C259.903 235.794 260.191 236.156 260.575 236.416C260.963 236.676 261.447 236.81 262.027 236.818ZM272.281 238V229.36H273.727V236.644H277.543V238H272.281Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_133_3982" x="0" y="0" width="772" height="516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.235294 0 0 0 0 0.25098 0 0 0 0 0.168627 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_133_3982"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_133_3982" result="shape"/>
</filter>
<radialGradient id="paint0_radial_133_3982" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(649 65) rotate(116.565) scale(160.997)">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</radialGradient>
<clipPath id="clip0_133_3982">
<rect width="32" height="32" fill="white" transform="translate(665 121)"/>
</clipPath>
<clipPath id="clip1_133_3982">
<rect width="32" height="32" fill="white" transform="translate(617 33)"/>
</clipPath>
<clipPath id="clip2_133_3982">
<rect width="32" height="32" fill="white" transform="translate(457 121)"/>
</clipPath>
<clipPath id="clip3_133_3982">
<rect width="32" height="32" fill="white" transform="translate(505 33)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB

63
src/assets/watch.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 18 KiB