diff --git a/package.json b/package.json index 53e0f09..5cf3a10 100644 --- a/package.json +++ b/package.json @@ -27,5 +27,11 @@ "typescript": "^5.0.0", "vite": "^4.4.2" }, - "type": "module" + "type": "module", + "dependencies": { + "svelte-particles": "^2.12.0", + "tsparticles": "^2.12.0", + "tsparticles-confetti": "^2.12.0", + "tsparticles-slim": "^2.12.0" + } } diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 889150d..d845543 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -12,10 +12,20 @@ specifiers: prettier-plugin-svelte: ^2.10.1 svelte: ^4.0.5 svelte-check: ^3.4.3 + svelte-particles: ^2.12.0 tslib: ^2.4.1 + tsparticles: ^2.12.0 + tsparticles-confetti: ^2.12.0 + tsparticles-slim: ^2.12.0 typescript: ^5.0.0 vite: ^4.4.2 +dependencies: + svelte-particles: 2.12.0_svelte@4.2.1 + tsparticles: 2.12.0 + tsparticles-confetti: 2.12.0 + tsparticles-slim: 2.12.0 + devDependencies: '@sveltejs/adapter-auto': 2.1.0_@sveltejs+kit@1.25.2 '@sveltejs/kit': 1.25.2_svelte@4.2.1+vite@4.4.11 @@ -45,7 +55,6 @@ packages: dependencies: '@jridgewell/gen-mapping': 0.3.3 '@jridgewell/trace-mapping': 0.3.19 - dev: true /@esbuild/android-arm/0.18.20: resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==} @@ -314,28 +323,23 @@ packages: '@jridgewell/set-array': 1.1.2 '@jridgewell/sourcemap-codec': 1.4.15 '@jridgewell/trace-mapping': 0.3.19 - dev: true /@jridgewell/resolve-uri/3.1.1: resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==} engines: {node: '>=6.0.0'} - dev: true /@jridgewell/set-array/1.1.2: resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==} engines: {node: '>=6.0.0'} - dev: true /@jridgewell/sourcemap-codec/1.4.15: resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==} - dev: true /@jridgewell/trace-mapping/0.3.19: resolution: {integrity: sha512-kf37QtfW+Hwx/buWGMPcR60iF9ziHa6r/CZJIHbmcm4+0qrXiVdxegAH0F6yddEVQ7zdkjcGCgCzUu+BcbhQxw==} dependencies: '@jridgewell/resolve-uri': 3.1.1 '@jridgewell/sourcemap-codec': 1.4.15 - dev: true /@nodelib/fs.scandir/2.1.5: resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==} @@ -441,7 +445,6 @@ packages: /@types/estree/1.0.2: resolution: {integrity: sha512-VeiPZ9MMwXjO32/Xu7+OwflfmeoRwkE/qzndw42gGtgJwZopBnzy2gD//NN1+go1mADzkDcqf/KnFRSjTJ8xJA==} - dev: true /@types/json-schema/7.0.13: resolution: {integrity: sha512-RbSSoHliUbnXj3ny0CNFOoxrIDV6SUGyStHsvDqosw6CkdPV8TtWGlfecuK4ToyMEAql6pzNxgCFKanovUzlgQ==} @@ -598,7 +601,6 @@ packages: resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==} engines: {node: '>=0.4.0'} hasBin: true - dev: true /ajv/6.12.6: resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==} @@ -637,7 +639,6 @@ packages: resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==} dependencies: dequal: 2.0.3 - dev: true /array-union/2.1.0: resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==} @@ -648,7 +649,6 @@ packages: resolution: {integrity: sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==} dependencies: dequal: 2.0.3 - dev: true /balanced-match/1.0.2: resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==} @@ -713,7 +713,6 @@ packages: acorn: 8.10.0 estree-walker: 3.0.3 periscopic: 3.1.0 - dev: true /color-convert/2.0.1: resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==} @@ -750,7 +749,6 @@ packages: dependencies: mdn-data: 2.0.30 source-map-js: 1.0.2 - dev: true /cssesc/3.0.0: resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==} @@ -782,7 +780,6 @@ packages: /dequal/2.0.3: resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==} engines: {node: '>=6'} - dev: true /detect-indent/6.1.0: resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==} @@ -978,7 +975,6 @@ packages: resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==} dependencies: '@types/estree': 1.0.2 - dev: true /esutils/2.0.3: resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==} @@ -1192,7 +1188,6 @@ packages: resolution: {integrity: sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==} dependencies: '@types/estree': 1.0.2 - dev: true /isexe/2.0.0: resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==} @@ -1247,7 +1242,6 @@ packages: /locate-character/3.0.0: resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==} - dev: true /locate-path/6.0.0: resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==} @@ -1279,11 +1273,9 @@ packages: engines: {node: '>=12'} dependencies: '@jridgewell/sourcemap-codec': 1.4.15 - dev: true /mdn-data/2.0.30: resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==} - dev: true /merge2/1.4.1: resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==} @@ -1420,7 +1412,6 @@ packages: '@types/estree': 1.0.2 estree-walker: 3.0.3 is-reference: 3.0.2 - dev: true /picocolors/1.0.0: resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==} @@ -1625,7 +1616,6 @@ packages: /source-map-js/1.0.2: resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==} engines: {node: '>=0.10.0'} - dev: true /strip-ansi/6.0.1: resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==} @@ -1706,6 +1696,15 @@ packages: svelte: 4.2.1 dev: true + /svelte-particles/2.12.0_svelte@4.2.1: + resolution: {integrity: sha512-DISZn5RNIt7hP9SORogWmXyIA/MCha6kkcwRCa7fl3leD1+GFHeNMSjdmyhqlfgip82g17WUFxwyA8n/8EM5KQ==} + peerDependencies: + svelte: '>=3' + dependencies: + svelte: 4.2.1 + tsparticles-engine: 2.12.0 + dev: false + /svelte-preprocess/5.0.4_ihwjmfflvgyqta4xkfhaggvtwe: resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==} engines: {node: '>= 14.10.0'} @@ -1770,7 +1769,6 @@ packages: locate-character: 3.0.0 magic-string: 0.30.5 periscopic: 3.1.0 - dev: true /text-table/0.2.0: resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==} @@ -1808,6 +1806,349 @@ packages: resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==} dev: true + /tsparticles-basic/2.12.0: + resolution: {integrity: sha512-pN6FBpL0UsIUXjYbiui5+IVsbIItbQGOlwyGV55g6IYJBgdTNXgFX0HRYZGE9ZZ9psEXqzqwLM37zvWnb5AG9g==} + dependencies: + tsparticles-engine: 2.12.0 + tsparticles-move-base: 2.12.0 + tsparticles-shape-circle: 2.12.0 + tsparticles-updater-color: 2.12.0 + tsparticles-updater-opacity: 2.12.0 + tsparticles-updater-out-modes: 2.12.0 + tsparticles-updater-size: 2.12.0 + dev: false + + /tsparticles-confetti/2.12.0: + resolution: {integrity: sha512-PsxBL1DjYNNZecFFcymivnPypuxHKh0ePz2/9CctKl6zwS+Z8cHBCoszg8jBx6PJDJkAxIa76taezd54caISYg==} + dependencies: + tsparticles-basic: 2.12.0 + tsparticles-engine: 2.12.0 + tsparticles-plugin-emitters: 2.12.0 + tsparticles-plugin-motion: 2.12.0 + tsparticles-shape-cards: 2.12.0 + tsparticles-shape-heart: 2.12.0 + tsparticles-shape-image: 2.12.0 + tsparticles-shape-polygon: 2.12.0 + tsparticles-shape-square: 2.12.0 + tsparticles-shape-star: 2.12.0 + tsparticles-shape-text: 2.12.0 + tsparticles-updater-life: 2.12.0 + tsparticles-updater-roll: 2.12.0 + tsparticles-updater-rotate: 2.12.0 + tsparticles-updater-tilt: 2.12.0 + tsparticles-updater-wobble: 2.12.0 + dev: false + + /tsparticles-engine/2.12.0: + resolution: {integrity: sha512-ZjDIYex6jBJ4iMc9+z0uPe7SgBnmb6l+EJm83MPIsOny9lPpetMsnw/8YJ3xdxn8hV+S3myTpTN1CkOVmFv0QQ==} + requiresBuild: true + dev: false + + /tsparticles-interaction-external-attract/2.12.0: + resolution: {integrity: sha512-0roC6D1QkFqMVomcMlTaBrNVjVOpyNzxIUsjMfshk2wUZDAvTNTuWQdUpmsLS4EeSTDN3rzlGNnIuuUQqyBU5w==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-interaction-external-bounce/2.12.0: + resolution: {integrity: sha512-MMcqKLnQMJ30hubORtdq+4QMldQ3+gJu0bBYsQr9BsThsh8/V0xHc1iokZobqHYVP5tV77mbFBD8Z7iSCf0TMQ==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-interaction-external-bubble/2.12.0: + resolution: {integrity: sha512-5kImCSCZlLNccXOHPIi2Yn+rQWTX3sEa/xCHwXW19uHxtILVJlnAweayc8+Zgmb7mo0DscBtWVFXHPxrVPFDUA==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-interaction-external-connect/2.12.0: + resolution: {integrity: sha512-ymzmFPXz6AaA1LAOL5Ihuy7YSQEW8MzuSJzbd0ES13U8XjiU3HlFqlH6WGT1KvXNw6WYoqrZt0T3fKxBW3/C3A==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-interaction-external-grab/2.12.0: + resolution: {integrity: sha512-iQF/A947hSfDNqAjr49PRjyQaeRkYgTYpfNmAf+EfME8RsbapeP/BSyF6mTy0UAFC0hK2A2Hwgw72eT78yhXeQ==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-interaction-external-pause/2.12.0: + resolution: {integrity: sha512-4SUikNpsFROHnRqniL+uX2E388YTtfRWqqqZxRhY0BrijH4z04Aii3YqaGhJxfrwDKkTQlIoM2GbFT552QZWjw==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-interaction-external-push/2.12.0: + resolution: {integrity: sha512-kqs3V0dgDKgMoeqbdg+cKH2F+DTrvfCMrPF1MCCUpBCqBiH+TRQpJNNC86EZYHfNUeeLuIM3ttWwIkk2hllR/Q==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-interaction-external-remove/2.12.0: + resolution: {integrity: sha512-2eNIrv4m1WB2VfSVj46V2L/J9hNEZnMgFc+A+qmy66C8KzDN1G8aJUAf1inW8JVc0lmo5+WKhzex4X0ZSMghBg==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-interaction-external-repulse/2.12.0: + resolution: {integrity: sha512-rSzdnmgljeBCj5FPp4AtGxOG9TmTsK3AjQW0vlyd1aG2O5kSqFjR+FuT7rfdSk9LEJGH5SjPFE6cwbuy51uEWA==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-interaction-external-slow/2.12.0: + resolution: {integrity: sha512-2IKdMC3om7DttqyroMtO//xNdF0NvJL/Lx7LDo08VpfTgJJozxU+JAUT8XVT7urxhaDzbxSSIROc79epESROtA==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-interaction-external-trail/2.12.0: + resolution: {integrity: sha512-LKSapU5sPTaZqYx+y5VJClj0prlV7bswplSFQaIW1raXkvsk45qir2AVcpP5JUhZSFSG+SwsHr+qCgXhNeN1KA==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-interaction-particles-attract/2.12.0: + resolution: {integrity: sha512-Hl8qwuwF9aLq3FOkAW+Zomu7Gb8IKs6Y3tFQUQScDmrrSCaeRt2EGklAiwgxwgntmqzL7hbMWNx06CHHcUQKdQ==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-interaction-particles-collisions/2.12.0: + resolution: {integrity: sha512-Se9nPWlyPxdsnHgR6ap4YUImAu3W5MeGKJaQMiQpm1vW8lSMOUejI1n1ioIaQth9weKGKnD9rvcNn76sFlzGBA==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-interaction-particles-links/2.12.0: + resolution: {integrity: sha512-e7I8gRs4rmKfcsHONXMkJnymRWpxHmeaJIo4g2NaDRjIgeb2AcJSWKWZvrsoLnm7zvaf/cMQlbN6vQwCixYq3A==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-move-base/2.12.0: + resolution: {integrity: sha512-oSogCDougIImq+iRtIFJD0YFArlorSi8IW3HD2gO3USkH+aNn3ZqZNTqp321uB08K34HpS263DTbhLHa/D6BWw==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-move-parallax/2.12.0: + resolution: {integrity: sha512-58CYXaX8Ih5rNtYhpnH0YwU4Ks7gVZMREGUJtmjhuYN+OFr9FVdF3oDIJ9N6gY5a5AnAKz8f5j5qpucoPRcYrQ==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-particles.js/2.12.0: + resolution: {integrity: sha512-LyOuvYdhbUScmA4iDgV3LxA0HzY1DnOwQUy3NrPYO393S2YwdDjdwMod6Btq7EBUjg9FVIh+sZRizgV5elV2dg==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-plugin-absorbers/2.12.0: + resolution: {integrity: sha512-2CkPreaXHrE5VzFlxUKLeRB5t66ff+3jwLJoDFgQcp+R4HOEITo0bBZv2DagGP0QZdYN4grpnQzRBVdB4d1rWA==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-plugin-easing-quad/2.12.0: + resolution: {integrity: sha512-2mNqez5pydDewMIUWaUhY5cNQ80IUOYiujwG6qx9spTq1D6EEPLbRNAEL8/ecPdn2j1Um3iWSx6lo340rPkv4Q==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-plugin-emitters/2.12.0: + resolution: {integrity: sha512-fbskYnaXWXivBh9KFReVCfqHdhbNQSK2T+fq2qcGEWpwtDdgujcaS1k2Q/xjZnWNMfVesik4IrqspcL51gNdSA==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-plugin-motion/2.12.0: + resolution: {integrity: sha512-VeS0VDV5wc9a4t0xkPi3lkHqOvKRlELq4mEEvaIk8WwgOcx05TUZcJIIbhftnNabqgpHrZ4iUP5Nb2wZ3DBwWQ==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-shape-cards/2.12.0: + resolution: {integrity: sha512-4mSV1C7c/7SsSbS4A5HJEZE5tB2fOAEUXm52uagzBVMbL/YI+XkjOpi7L6JtCNcBKrWnZ/IgnnLMyyFGhNc4pA==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-shape-circle/2.12.0: + resolution: {integrity: sha512-L6OngbAlbadG7b783x16ns3+SZ7i0SSB66M8xGa5/k+YcY7zm8zG0uPt1Hd+xQDR2aNA3RngVM10O23/Lwk65Q==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-shape-heart/2.12.0: + resolution: {integrity: sha512-OK8CJrCY0Z6YAedyfTQh52u7KsurkP8eLNWDW11BhqcvDQkfwJC5g25Y3VrcW9Rwc88hrbNwFQlsKbY6tOn7qA==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-shape-image/2.12.0: + resolution: {integrity: sha512-iCkSdUVa40DxhkkYjYuYHr9MJGVw+QnQuN5UC+e/yBgJQY+1tQL8UH0+YU/h0GHTzh5Sm+y+g51gOFxHt1dj7Q==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-shape-line/2.12.0: + resolution: {integrity: sha512-RcpKmmpKlk+R8mM5wA2v64Lv1jvXtU4SrBDv3vbdRodKbKaWGGzymzav1Q0hYyDyUZgplEK/a5ZwrfrOwmgYGA==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-shape-polygon/2.12.0: + resolution: {integrity: sha512-5YEy7HVMt1Obxd/jnlsjajchAlYMr9eRZWN+lSjcFSH6Ibra7h59YuJVnwxOxAobpijGxsNiBX0PuGQnB47pmA==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-shape-square/2.12.0: + resolution: {integrity: sha512-33vfajHqmlODKaUzyPI/aVhnAOT09V7nfEPNl8DD0cfiNikEuPkbFqgJezJuE55ebtVo7BZPDA9o7GYbWxQNuw==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-shape-star/2.12.0: + resolution: {integrity: sha512-4sfG/BBqm2qBnPLASl2L5aBfCx86cmZLXeh49Un+TIR1F5Qh4XUFsahgVOG0vkZQa+rOsZPEH04xY5feWmj90g==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-shape-text/2.12.0: + resolution: {integrity: sha512-v2/FCA+hyTbDqp2ymFOe97h/NFb2eezECMrdirHWew3E3qlvj9S/xBibjbpZva2gnXcasBwxn0+LxKbgGdP0rA==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-slim/2.12.0: + resolution: {integrity: sha512-27w9aGAAAPKHvP4LHzWFpyqu7wKyulayyaZ/L6Tuuejy4KP4BBEB4rY5GG91yvAPsLtr6rwWAn3yS+uxnBDpkA==} + dependencies: + tsparticles-basic: 2.12.0 + tsparticles-engine: 2.12.0 + tsparticles-interaction-external-attract: 2.12.0 + tsparticles-interaction-external-bounce: 2.12.0 + tsparticles-interaction-external-bubble: 2.12.0 + tsparticles-interaction-external-connect: 2.12.0 + tsparticles-interaction-external-grab: 2.12.0 + tsparticles-interaction-external-pause: 2.12.0 + tsparticles-interaction-external-push: 2.12.0 + tsparticles-interaction-external-remove: 2.12.0 + tsparticles-interaction-external-repulse: 2.12.0 + tsparticles-interaction-external-slow: 2.12.0 + tsparticles-interaction-particles-attract: 2.12.0 + tsparticles-interaction-particles-collisions: 2.12.0 + tsparticles-interaction-particles-links: 2.12.0 + tsparticles-move-base: 2.12.0 + tsparticles-move-parallax: 2.12.0 + tsparticles-particles.js: 2.12.0 + tsparticles-plugin-easing-quad: 2.12.0 + tsparticles-shape-circle: 2.12.0 + tsparticles-shape-image: 2.12.0 + tsparticles-shape-line: 2.12.0 + tsparticles-shape-polygon: 2.12.0 + tsparticles-shape-square: 2.12.0 + tsparticles-shape-star: 2.12.0 + tsparticles-shape-text: 2.12.0 + tsparticles-updater-color: 2.12.0 + tsparticles-updater-life: 2.12.0 + tsparticles-updater-opacity: 2.12.0 + tsparticles-updater-out-modes: 2.12.0 + tsparticles-updater-rotate: 2.12.0 + tsparticles-updater-size: 2.12.0 + tsparticles-updater-stroke-color: 2.12.0 + dev: false + + /tsparticles-updater-color/2.12.0: + resolution: {integrity: sha512-KcG3a8zd0f8CTiOrylXGChBrjhKcchvDJjx9sp5qpwQK61JlNojNCU35xoaSk2eEHeOvFjh0o3CXWUmYPUcBTQ==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-updater-destroy/2.12.0: + resolution: {integrity: sha512-6NN3dJhxACvzbIGL4dADbYQSZJmdHfwjujj1uvnxdMbb2x8C/AZzGxiN33smo4jkrZ5VLEWZWCJPJ8aOKjQ2Sg==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-updater-life/2.12.0: + resolution: {integrity: sha512-J7RWGHAZkowBHpcLpmjKsxwnZZJ94oGEL2w+wvW1/+ZLmAiFFF6UgU0rHMC5CbHJT4IPx9cbkYMEHsBkcRJ0Bw==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-updater-opacity/2.12.0: + resolution: {integrity: sha512-YUjMsgHdaYi4HN89LLogboYcCi1o9VGo21upoqxq19yRy0hRCtx2NhH22iHF/i5WrX6jqshN0iuiiNefC53CsA==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-updater-out-modes/2.12.0: + resolution: {integrity: sha512-owBp4Gk0JNlSrmp12XVEeBroDhLZU+Uq3szbWlHGSfcR88W4c/0bt0FiH5bHUqORIkw+m8O56hCjbqwj69kpOQ==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-updater-roll/2.12.0: + resolution: {integrity: sha512-dxoxY5jP4C9x15BxlUv5/Q8OjUPBiE09ToXRyBxea9aEJ7/iMw6odvi1HuT0H1vTIfV7o1MYawjeCbMycvODKQ==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-updater-rotate/2.12.0: + resolution: {integrity: sha512-waOFlGFmEZOzsQg4C4VSejNVXGf4dMf3fsnQrEROASGf1FCd8B6WcZau7JtXSTFw0OUGuk8UGz36ETWN72DkCw==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-updater-size/2.12.0: + resolution: {integrity: sha512-B0yRdEDd/qZXCGDL/ussHfx5YJ9UhTqNvmS5X2rR2hiZhBAE2fmsXLeWkdtF2QusjPeEqFDxrkGiLOsh6poqRA==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-updater-stroke-color/2.12.0: + resolution: {integrity: sha512-MPou1ZDxsuVq6SN1fbX+aI5yrs6FyP2iPCqqttpNbWyL+R6fik1rL0ab/x02B57liDXqGKYomIbBQVP3zUTW1A==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-updater-tilt/2.12.0: + resolution: {integrity: sha512-HDEFLXazE+Zw+kkKKAiv0Fs9D9sRP61DoCR6jZ36ipea6OBgY7V1Tifz2TSR1zoQkk57ER9+EOQbkSQO+YIPGQ==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-updater-twinkle/2.12.0: + resolution: {integrity: sha512-JhK/DO4kTx7IFwMBP2EQY9hBaVVvFnGBvX21SQWcjkymmN1hZ+NdcgUtR9jr4jUiiSNdSl7INaBuGloVjWvOgA==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles-updater-wobble/2.12.0: + resolution: {integrity: sha512-85FIRl95ipD3jfIsQdDzcUC5PRMWIrCYqBq69nIy9P8rsNzygn+JK2n+P1VQZowWsZvk0mYjqb9OVQB21Lhf6Q==} + dependencies: + tsparticles-engine: 2.12.0 + dev: false + + /tsparticles/2.12.0: + resolution: {integrity: sha512-aw77llkaEhcKYUHuRlggA6SB1Dpa814/nrStp9USGiDo5QwE1Ckq30QAgdXU6GRvnblUFsiO750ZuLQs5Y0tVw==} + dependencies: + tsparticles-engine: 2.12.0 + tsparticles-interaction-external-trail: 2.12.0 + tsparticles-plugin-absorbers: 2.12.0 + tsparticles-plugin-emitters: 2.12.0 + tsparticles-slim: 2.12.0 + tsparticles-updater-destroy: 2.12.0 + tsparticles-updater-roll: 2.12.0 + tsparticles-updater-tilt: 2.12.0 + tsparticles-updater-twinkle: 2.12.0 + tsparticles-updater-wobble: 2.12.0 + dev: false + /type-check/0.4.0: resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==} engines: {node: '>= 0.8.0'} diff --git a/src/app.html b/src/app.html index 6769ed5..686ffe3 100644 --- a/src/app.html +++ b/src/app.html @@ -5,6 +5,7 @@ %sveltekit.head% +
%sveltekit.body%
diff --git a/src/lib/components/button.svelte b/src/lib/components/button.svelte new file mode 100644 index 0000000..22b1ead --- /dev/null +++ b/src/lib/components/button.svelte @@ -0,0 +1,14 @@ + + + + + diff --git a/src/lib/components/confetti.svelte b/src/lib/components/confetti.svelte new file mode 100644 index 0000000..c3bfbf5 --- /dev/null +++ b/src/lib/components/confetti.svelte @@ -0,0 +1,36 @@ + diff --git a/src/lib/components/mask.css b/src/lib/components/mask.css index c8f0622..ec7114d 100644 --- a/src/lib/components/mask.css +++ b/src/lib/components/mask.css @@ -1,1582 +1,1996 @@ #mask > * { animation-timing-function: ease !important; - animation-duration: 1s !important; animation-fill-mode: forwards !important; stroke-dashoffset: 0; } - -#mask > path[id='Vector 1']{ - stroke-dasharray: 33; - animation: vector1; -} - -@keyframes vector1 { - 0% { - stroke-dashoffset: 33; - } - 3% { - stroke-dashoffset: 33; - } - 20% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 2']{ - stroke-dasharray: 441; - animation: vector2; -} - -@keyframes vector2 { - 0% { - stroke-dashoffset: 441; - } - 100% { - stroke-dashoffset: 0; - } -} - - #mask > path[id='Form 1']{ - stroke-dasharray: 162; - stroke-dashoffset: 162; + stroke-dasharray: 158.54; animation: form1; + stroke-width: 1px } @keyframes form1 { 0% { - stroke-dashoffset: 162; + stroke-dashoffset: 158.54; } - - 30% { - stroke-dashoffset: 0; + 0% { + stroke-dashoffset: 158.54; } - 100% { + 40% { stroke-dashoffset: 0; } } - #mask > path[id='Form 3']{ - stroke-dasharray: 128; - stroke-dashoffset: 128; + stroke-dasharray: 129.16; animation: form3; + stroke-width: 1px } @keyframes form3 { 0% { - stroke-dashoffset: 128; + stroke-dashoffset: 129.16; } - 30% { - stroke-dashoffset: 0; + 0% { + stroke-dashoffset: 129.16; } - 100% { + 33% { stroke-dashoffset: 0; } } - - #mask > path[id='Form 3 copy']{ - stroke-dasharray: 128; - stroke-dashoffset: 128; + stroke-dasharray: 96.59; animation: form3copy; + stroke-width: 2px } @keyframes form3copy { 0% { - stroke-dashoffset: 128; - } - 13% { - stroke-dashoffset: 128; - } - 30% { - stroke-dashoffset: 0; - } - 100% { - stroke-dashoffset: 0; - } -} - - -#mask > path[id='Form 3 copy_2']{ - stroke-dasharray: 128; - animation: form3copy2; -} - -@keyframes form3copy2 { - 0% { - stroke-dashoffset: 128; + stroke-dashoffset: 96.59; } 17% { - stroke-dashoffset: 128; + stroke-dashoffset: 96.59; } - 30% { - stroke-dashoffset: 0; - } - 100% { + 42% { stroke-dashoffset: 0; } } - - -#mask > path[id='Vector 3']{ - stroke-dasharray: 111; - animation: vector3; +#mask > path[id='Form 3 copy_2']{ + stroke-dasharray: 81.17; + animation: form3copy_2; + stroke-width: 1px } -@keyframes vector3 { +@keyframes form3copy_2 { 0% { - stroke-dashoffset: 111; + stroke-dashoffset: 81.17; } - 5% { - stroke-dashoffset: 111; + 27% { + stroke-dashoffset: 81.17; } - 25% { - stroke-dashoffset: 0; - } - 100% { + 47% { stroke-dashoffset: 0; } } - - - -#mask > path[id='Vector 4']{ - stroke-dasharray: 367; - animation: vector4; +#mask > path[id='Vector 1']{ + stroke-dasharray: 33.05; + animation: vector1; + stroke-width: 2px } -@keyframes vector4 { +@keyframes vector1 { 0% { - stroke-dashoffset: 367; + stroke-dashoffset: 33.05; } - 6% { - stroke-dashoffset: 367; + 2% { + stroke-dashoffset: 33.05; } - 100% { + 10% { stroke-dashoffset: 0; } } - - -#mask > path[id='Vector 5']{ - stroke-dasharray: 242; - animation: vector5; -} - -@keyframes vector5 { - 0% { - stroke-dashoffset: 242; - } - 5% { - stroke-dashoffset: 242; - } - 60% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 6']{ - stroke-dasharray: 160.02; - animation: vector6; -} - -@keyframes vector6 { - 0% { - stroke-dashoffset: 160.02; - } - 44% { - stroke-dashoffset: 160.02; - } - 100% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 7']{ - stroke-dasharray: 48.85; - animation: vector7; -} - -@keyframes vector7 { - 0% { - stroke-dashoffset: 48.85; - } - 44% { - stroke-dashoffset: 48.85; - } - 52% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 8']{ - stroke-dasharray: 142.71; - animation: vector8; -} - -@keyframes vector8 { - 0% { - stroke-dashoffset: 142.71; - } - 44% { - stroke-dashoffset: 142.71; - } - 100% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 9']{ - stroke-dasharray: 129.49; - animation: vector9; -} - -@keyframes vector9 { - 0% { - stroke-dashoffset: 129.49; - } - 50% { - stroke-dashoffset: 129.49; - } - 100% { - stroke-dashoffset: 0; - } -} - #mask > path[id='Vector 10']{ - stroke-dasharray: 134.91; + stroke-dasharray: 136.67; animation: vector10; + stroke-width: 2px } @keyframes vector10 { 0% { - stroke-dashoffset: 134.91; - } - 50% { - stroke-dashoffset: 134.91; - } - 100% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 11']{ - stroke-dasharray: 203; - animation: vector11; -} - -@keyframes vector11 { - 0% { - stroke-dashoffset: 203; - } - 5% { - stroke-dashoffset: 203; - } - 50% { - stroke-dashoffset: 0; - } -} - - -#mask > path[id='Vector 12']{ - stroke-dasharray: 198; - animation: vector12; -} - -@keyframes vector12 { - 0% { - stroke-dashoffset: 198; - } - 5% { - stroke-dashoffset: 198; - } - 50% { - stroke-dashoffset: 0; - } -} - - -#mask > path[id='Vector 13']{ - stroke-dasharray: 133; - animation: vector13; -} - -@keyframes vector13 { - 0% { - stroke-dashoffset: 133; - } - 17% { - stroke-dashoffset: 133; - } - 30% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 14']{ - stroke-dasharray: 91; - animation: vector14; -} - -@keyframes vector14 { - 0% { - stroke-dashoffset: 91; - } - 20% { - stroke-dashoffset: 91; - } - 33% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 15']{ - stroke-dasharray: 119; - animation: vector15; -} - -@keyframes vector15 { - 0% { - stroke-dashoffset: 119; - } - 30% { - stroke-dashoffset: 119; - } - 44% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 16']{ - stroke-dasharray: 150; - animation: vector16; -} - -@keyframes vector16 { - 0% { - stroke-dashoffset: 150; - } - 30% { - stroke-dashoffset: 150; - } - 54% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 17']{ - stroke-dasharray: 160; - animation: vector17; -} - -@keyframes vector17 { - 0% { - stroke-dashoffset: 160; - } - 30% { - stroke-dashoffset: 160; - } - 54% { - stroke-dashoffset: 0; - } -} - - -#mask > path[id='Vector 18']{ - stroke-dasharray: 61; - animation: vector18; -} - -@keyframes vector18 { - 0% { - stroke-dashoffset: 61; - } - 11% { - stroke-dashoffset: 61; - } - 25% { - stroke-dashoffset: 0; - } -} - - -#mask > path[id='Vector 26']{ - stroke-dasharray: 35; - animation: vector26; -} - -@keyframes vector26 { - 0% { - stroke-dashoffset: 35; - } - 29% { - stroke-dashoffset: 35; - } - 35% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 27']{ - stroke-dasharray: 30.1; - animation: vector27; -} - -@keyframes vector27 { - 0% { - stroke-dashoffset: 30.1; - } - 33% { - stroke-dashoffset: 30.1; - } - 45% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 28']{ - stroke-dasharray: 25; - animation: vector28; -} - -@keyframes vector28 { - 0% { - stroke-dashoffset: 25; - } - 15% { - stroke-dashoffset: 25; - } - 25% { - stroke-dashoffset: 0; - } -} - - -#mask > path[id='Vector 29']{ - stroke-dasharray: 36; - animation: vector29; -} - -@keyframes vector29 { - 0% { - stroke-dashoffset: 36; - } - 17% { - stroke-dashoffset: 36; - } - 27% { - stroke-dashoffset: 0; - } -} - - -#mask > path[id='Vector 30']{ - stroke-dasharray: 44; - animation: vector30; -} - -@keyframes vector30 { - 0% { - stroke-dashoffset: 44; - } - 20% { - stroke-dashoffset: 44; - } - 30% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 31']{ - stroke-dasharray: 53; - animation: vector31; -} - -@keyframes vector31 { - 0% { - stroke-dashoffset: 53; - } - 22% { - stroke-dashoffset: 53; - } - 32% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 32']{ - stroke-dasharray: 56; - animation: vector32; -} - -@keyframes vector32 { - 0% { - stroke-dashoffset: 56; - } - 25% { - stroke-dashoffset: 56; - } - 35% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 33']{ - stroke-dasharray: 52; - animation: vector33; -} - -@keyframes vector33 { - 0% { - stroke-dashoffset: 52; - } - 27% { - stroke-dashoffset: 52; - } - 37% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 34']{ - stroke-dasharray: 56; - animation: vector34; -} - -@keyframes vector34 { - 0% { - stroke-dashoffset: 56; - } - 30% { - stroke-dashoffset: 56; - } - 40% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 35']{ - stroke-dasharray: 56; - animation: vector35; -} - -@keyframes vector35 { - 0% { - stroke-dashoffset: 56; - } - 33% { - stroke-dashoffset: 56; - } - 43% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 36']{ - stroke-dasharray: 81; - animation: vector36; -} - -@keyframes vector36 { - 0% { - stroke-dashoffset: 81; - } - 35% { - stroke-dashoffset: 81; - } - 45% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 37']{ - stroke-dasharray: 54.05; - animation: vector37; -} - -@keyframes vector37 { - 0% { - stroke-dashoffset: 54.05; - } - 40% { - stroke-dashoffset: 54.05; - } - 50% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 38']{ - stroke-dasharray: 56.62; - animation: vector38; -} - -@keyframes vector38 { - 0% { - stroke-dashoffset: 56.62; - } - 36% { - stroke-dashoffset: 56.62; - } - 46% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 39']{ - stroke-dasharray: 35.55; - animation: vector39; -} - -@keyframes vector39 { - 0% { - stroke-dashoffset: 35.55; - } - 35% { - stroke-dashoffset: 35.55; - } - 45% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 40']{ - stroke-dasharray: 18.85; - animation: vector40; -} - -@keyframes vector40 { - 0% { - stroke-dashoffset: 18.85; - } - 24% { - stroke-dashoffset: 18.85; - } - 32% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 41']{ - stroke-dasharray: 17.32; - animation: vector41; -} - -@keyframes vector41 { - 0% { - stroke-dashoffset: 17.32; - } - 25% { - stroke-dashoffset: 17.32; - } - 33% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 42']{ - stroke-dasharray: 15.76; - animation: vector42; -} - -@keyframes vector42 { - 0% { - stroke-dashoffset: 15.76; - } - 27% { - stroke-dashoffset: 15.76; - } - 35% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 43']{ - stroke-dasharray: 17.22; - animation: vector43; -} - -@keyframes vector43 { - 0% { - stroke-dashoffset: 17.22; - } - 29% { - stroke-dashoffset: 17.22; - } - 37% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 44']{ - stroke-dasharray: 18; - animation: vector44; -} - -@keyframes vector44 { - 0% { - stroke-dashoffset: 18; - } - 17% { - stroke-dashoffset: 18; - } - 25% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 45']{ - stroke-dasharray: 15; - animation: vector45; -} - -@keyframes vector45 { - 0% { - stroke-dashoffset: 15; - } - 19% { - stroke-dashoffset: 15; - } - 27% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 46']{ - stroke-dasharray: 17; - animation: vector46; -} - -@keyframes vector46 { - 0% { - stroke-dashoffset: 17; - } - 20% { - stroke-dashoffset: 17; - } - 28% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 47']{ - stroke-dasharray: 24; - animation: vector47; -} - -@keyframes vector47 { - 0% { - stroke-dashoffset: 24; - } - 22% { - stroke-dashoffset: 24; - } - 30% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 48']{ - stroke-dasharray: 24; - animation: vector48; -} - -@keyframes vector48 { - 0% { - stroke-dashoffset: 24; - } - 25% { - stroke-dashoffset: 24; - } - 33% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 49']{ - stroke-dasharray: 20; - animation: vector49; -} - -@keyframes vector49 { - 0% { - stroke-dashoffset: 20; - } - 28% { - stroke-dashoffset: 20; - } - 36% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 50']{ - stroke-dasharray: 17.3; - animation: vector50; -} - -@keyframes vector50 { - 0% { - stroke-dashoffset: 17.3; - } - 45% { - stroke-dashoffset: 17.3; - } - 55% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 51']{ - stroke-dasharray: 22; - animation: vector51; -} - -@keyframes vector51 { - 0% { - stroke-dashoffset: 22; - } - 16% { - stroke-dashoffset: 22; - } - 24% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 52']{ - stroke-dasharray: 24; - animation: vector52; -} - -@keyframes vector52 { - 0% { - stroke-dashoffset: 24; - } - 17% { - stroke-dashoffset: 24; - } - 25% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 53']{ - stroke-dasharray: 19; - animation: vector53; -} - -@keyframes vector53 { - 0% { - stroke-dashoffset: 19; - } - 18% { - stroke-dashoffset: 19; - } - 26% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 61']{ - stroke-dasharray: 17; - animation: vector61; -} - -@keyframes vector61 { - 0% { - stroke-dashoffset: 17; - } - 21% { - stroke-dashoffset: 17; - } - 28% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 62']{ - stroke-dasharray: 29; - animation: vector62; -} - -@keyframes vector62 { - 0% { - stroke-dashoffset: 29; - } - 21% { - stroke-dashoffset: 29; - } - 28% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 63']{ - stroke-dasharray: 36; - animation: vector63; -} - -@keyframes vector63 { - 0% { - stroke-dashoffset: 36; - } - 22% { - stroke-dashoffset: 36; - } - 25% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 64']{ - stroke-dasharray: 46; - animation: vector64; -} - -@keyframes vector64 { - 0% { - stroke-dashoffset: 46; - } - 23% { - stroke-dashoffset: 46; - } - 28% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 65']{ - stroke-dasharray: 41; - animation: vector65; -} - -@keyframes vector65 { - 0% { - stroke-dashoffset: 41; - } - 25% { - stroke-dashoffset: 41; - } - 29% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 66']{ - stroke-dasharray: 136.01; - animation: vector66; -} - -@keyframes vector66 { - 0% { - stroke-dashoffset: 136.01; - } - 40% { - stroke-dashoffset: 136.01; - } - 100% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 67']{ - stroke-dasharray: 45.48; - animation: vector67; -} - -@keyframes vector67 { - 0% { - stroke-dashoffset: 45.48; - } - 36% { - stroke-dashoffset: 45.48; + stroke-dashoffset: 136.67; } 66% { + stroke-dashoffset: 136.67; + } + 101% { stroke-dashoffset: 0; } } - -#mask > path[id='Vector 68']{ - stroke-dasharray: 33.93; - animation: vector68; -} - -@keyframes vector68 { - 0% { - stroke-dashoffset: 33.93; - } - 49% { - stroke-dashoffset: 33.93; - } - 59% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 69']{ - stroke-dasharray: 55.35; - animation: vector69; -} - -@keyframes vector69 { - 0% { - stroke-dashoffset: 55.35; - } - 40% { - stroke-dashoffset: 55.35; - } - 70% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 70']{ - stroke-dasharray: 11.14; - animation: vector70; -} - -@keyframes vector70 { - 0% { - stroke-dashoffset: 11.14; - } - 52% { - stroke-dashoffset: 11.14; - } - 58% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 71']{ - stroke-dasharray: 13.01; - animation: vector71; -} - -@keyframes vector71 { - 0% { - stroke-dashoffset: 13.01; - } - 53% { - stroke-dashoffset: 13.01; - } - 59% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 72']{ - stroke-dasharray: 15.68; - animation: vector72; -} - -@keyframes vector72 { - 0% { - stroke-dashoffset: 15.68; - } - 55% { - stroke-dashoffset: 15.68; - } - 61% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 73']{ - stroke-dasharray: 15.88; - animation: vector73; -} - -@keyframes vector73 { - 0% { - stroke-dashoffset: 15.88; - } - 57% { - stroke-dashoffset: 15.88; - } - 63% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 74']{ - stroke-dasharray: 15.94; - animation: vector74; -} - -@keyframes vector74 { - 0% { - stroke-dashoffset: 15.94; - } - 59% { - stroke-dashoffset: 15.94; - } - 65% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 75']{ - stroke-dasharray: 16.98; - animation: vector75; -} - -@keyframes vector75 { - 0% { - stroke-dashoffset: 16.98; - } - 61% { - stroke-dashoffset: 16.98; - } - 67% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 76']{ - stroke-dasharray: 15.96; - animation: vector76; -} - -@keyframes vector76 { - 0% { - stroke-dashoffset: 15.96; - } - 62% { - stroke-dashoffset: 15.96; - } - 68% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 77']{ - stroke-dasharray: 12.29; - animation: vector77; -} - -@keyframes vector77 { - 0% { - stroke-dashoffset: 12.29; - } - 65% { - stroke-dashoffset: 12.29; - } - 71% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 78']{ - stroke-dasharray: 9.84; - animation: vector78; -} - -@keyframes vector78 { - 0% { - stroke-dashoffset: 9.84; - } - 67% { - stroke-dashoffset: 9.84; - } - 73% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 79']{ - stroke-dasharray: 8.54; - animation: vector79; -} - -@keyframes vector79 { - 0% { - stroke-dashoffset: 8.54; - } - 70% { - stroke-dashoffset: 8.54; - } - 76% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 80']{ - stroke-dasharray: 13.63; - animation: vector80; -} - -@keyframes vector80 { - 0% { - stroke-dashoffset: 13.63; - } - 42% { - stroke-dashoffset: 13.63; - } - 52% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 81']{ - stroke-dasharray: 30.47; - animation: vector81; -} - -@keyframes vector81 { - 0% { - stroke-dashoffset: 30.47; - } - 41% { - stroke-dashoffset: 30.47; - } - 56% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 91']{ - stroke-dasharray: 51.01; - animation: vector91; -} - -@keyframes vector91 { - 0% { - stroke-dashoffset: 51.01; - } - 40% { - stroke-dashoffset: 51.01; - } - 55% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 92']{ - stroke-dasharray: 79.57; - animation: vector92; -} - -@keyframes vector92 { - 0% { - stroke-dashoffset: 79.57; - } - 38% { - stroke-dashoffset: 79.57; - } - 58% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 93']{ - stroke-dasharray: 60.85; - animation: vector93; -} - -@keyframes vector93 { - 0% { - stroke-dashoffset: 60.85; - } - 51% { - stroke-dashoffset: 60.85; - } - 59% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 94']{ - stroke-dasharray: 192; - animation: vector94; -} - -@keyframes vector94 { - 0% { - stroke-dashoffset: 192; - } - 13% { - stroke-dashoffset: 192; - } - 40% { - stroke-dashoffset: 0; - } -} - - -#mask > path[id='Vector 95']{ - stroke-dasharray: 208; - animation: vector95; -} - -@keyframes vector95 { - 0% { - stroke-dashoffset: 208; - } - 16% { - stroke-dashoffset: 208; - } - 70% { - stroke-dashoffset: 0; - } -} - - -#mask > path[id='Vector 96']{ - stroke-dasharray: 166; - animation: vector96; -} - -@keyframes vector96 { - 0% { - stroke-dashoffset: 166; - } - 16% { - stroke-dashoffset: 166; - } - 70% { - stroke-dashoffset: 0; - } -} - - - - -#mask > path[id='Vector 97']{ - stroke-dasharray: 77; - animation: vector97; -} - -@keyframes vector97 { - 0% { - stroke-dashoffset: 77; - } - 47% { - stroke-dashoffset: 77; - } - 70% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 98']{ - stroke-dasharray: 63.12; - animation: vector98; -} - -@keyframes vector98 { - 0% { - stroke-dashoffset: 63.12; - } - 37% { - stroke-dashoffset: 63.12; - } - 52% { - stroke-dashoffset: 0; - } -} - -#mask > path[id='Vector 99']{ - stroke-dasharray: 35.14; - animation: vector99; -} - -@keyframes vector99 { - 0% { - stroke-dashoffset: 35.14; - } - 40% { - stroke-dashoffset: 35.14; - } - 55% { - stroke-dashoffset: 0; - } -} - #mask > path[id='Vector 100']{ stroke-dasharray: 31.05; animation: vector100; + stroke-width: 1px } @keyframes vector100 { 0% { stroke-dashoffset: 31.05; } - 45% { + 60% { stroke-dashoffset: 31.05; } - 53% { + 68% { stroke-dashoffset: 0; } } - #mask > path[id='Vector 101']{ stroke-dasharray: 33.88; animation: vector101; + stroke-width: 1px } @keyframes vector101 { 0% { stroke-dashoffset: 33.88; } - 46% { + 65% { stroke-dashoffset: 33.88; } - 51% { + 73% { stroke-dashoffset: 0; } } - #mask > path[id='Vector 102']{ stroke-dasharray: 35.41; animation: vector102; + stroke-width: 2px } @keyframes vector102 { 0% { stroke-dashoffset: 35.41; } - 48% { + 70% { stroke-dashoffset: 35.41; } - 56% { + 79% { stroke-dashoffset: 0; } } - #mask > path[id='Vector 103']{ stroke-dasharray: 58.09; animation: vector103; + stroke-width: 2px } @keyframes vector103 { 0% { stroke-dashoffset: 58.09; } - 43% { + 62% { stroke-dashoffset: 58.09; } - 53% { + 77% { stroke-dashoffset: 0; } } - #mask > path[id='Vector 104']{ stroke-dasharray: 59.71; animation: vector104; + stroke-width: 2px } @keyframes vector104 { 0% { stroke-dashoffset: 59.71; } - 45% { + 66% { stroke-dashoffset: 59.71; } - 55% { + 81% { stroke-dashoffset: 0; } } - #mask > path[id='Vector 105']{ stroke-dasharray: 58.25; animation: vector105; + stroke-width: 2px } @keyframes vector105 { 0% { stroke-dashoffset: 58.25; } - 48% { + 70% { stroke-dashoffset: 58.25; } - 58% { + 85% { stroke-dashoffset: 0; } } - #mask > path[id='Vector 106']{ stroke-dasharray: 61.29; animation: vector106; + stroke-width: 1px } @keyframes vector106 { 0% { stroke-dashoffset: 61.29; } - 55% { + 74% { stroke-dashoffset: 61.29; } - 65% { + 89% { stroke-dashoffset: 0; } } - #mask > path[id='Vector 107']{ stroke-dasharray: 15.7; animation: vector107; + stroke-width: 2px } @keyframes vector107 { 0% { stroke-dashoffset: 15.7; } - 46% { + 62% { stroke-dashoffset: 15.7; } - 51% { + 66% { stroke-dashoffset: 0; } } +#mask > path[id='Vector 108']{ + stroke-dasharray: 16.46; + animation: vector108; + stroke-width: 1px +} +@keyframes vector108 { + 0% { + stroke-dashoffset: 16.46; + } + 67% { + stroke-dashoffset: 16.46; + } + 71% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 109']{ + stroke-dasharray: 18.41; + animation: vector109; + stroke-width: 1px +} + +@keyframes vector109 { + 0% { + stroke-dashoffset: 18.41; + } + 72% { + stroke-dashoffset: 18.41; + } + 77% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 11']{ + stroke-dasharray: 202.59; + animation: vector11; + stroke-width: 1px +} + +@keyframes vector11 { + 0% { + stroke-dashoffset: 202.59; + } + 11% { + stroke-dashoffset: 202.59; + } + 62% { + stroke-dashoffset: 0; + } +} #mask > path[id='Vector 110']{ stroke-dasharray: 30.24; animation: vector110; + stroke-width: 2px } @keyframes vector110 { 0% { stroke-dashoffset: 30.24; } - 58% { + 79% { stroke-dashoffset: 30.24; } - 66% { + 87% { stroke-dashoffset: 0; } } - #mask > path[id='Vector 111']{ stroke-dasharray: 35.04; animation: vector111; + stroke-width: 1px } @keyframes vector111 { 0% { stroke-dashoffset: 35.04; } - 42% { + 61% { stroke-dashoffset: 35.04; } - 52% { + 69% { stroke-dashoffset: 0; } } - #mask > path[id='Vector 112']{ - stroke-dasharray: 16.49; + stroke-dasharray: 16.490000000000002; animation: vector112; + stroke-width: 1px } @keyframes vector112 { 0% { - stroke-dashoffset: 16.49; + stroke-dashoffset: 16.490000000000002; } - 43% { - stroke-dashoffset: 16.49; + 57% { + stroke-dashoffset: 16.490000000000002; + } + 61% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 12']{ + stroke-dasharray: 198.08; + animation: vector12; + stroke-width: 2px +} + +@keyframes vector12 { + 0% { + stroke-dashoffset: 198.08; + } + 11% { + stroke-dashoffset: 198.08; + } + 61% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 13']{ + stroke-dasharray: 133.25; + animation: vector13; + stroke-width: 1px +} + +@keyframes vector13 { + 0% { + stroke-dashoffset: 133.25; + } + 17% { + stroke-dashoffset: 133.25; + } + 51% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 14']{ + stroke-dasharray: 90.62; + animation: vector14; + stroke-width: 2px +} + +@keyframes vector14 { + 0% { + stroke-dashoffset: 90.62; + } + 28% { + stroke-dashoffset: 90.62; + } + 51% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 15']{ + stroke-dasharray: 118.96; + animation: vector15; + stroke-width: 2px +} + +@keyframes vector15 { + 0% { + stroke-dashoffset: 118.96; + } + 29% { + stroke-dashoffset: 118.96; + } + 59% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 16']{ + stroke-dasharray: 149.54; + animation: vector16; + stroke-width: 2px +} + +@keyframes vector16 { + 0% { + stroke-dashoffset: 149.54; + } + 29% { + stroke-dashoffset: 149.54; + } + 67% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 17']{ + stroke-dasharray: 160.18; + animation: vector17; + stroke-width: 1px +} + +@keyframes vector17 { + 0% { + stroke-dashoffset: 160.18; + } + 29% { + stroke-dashoffset: 160.18; + } + 69% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 18']{ + stroke-dasharray: 61.12; + animation: vector18; + stroke-width: 2px +} + +@keyframes vector18 { + 0% { + stroke-dashoffset: 61.12; + } + 29% { + stroke-dashoffset: 61.12; + } + 44% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 19']{ + stroke-dasharray: 14.29; + animation: vector19; + stroke-width: 2px +} + +@keyframes vector19 { + 0% { + stroke-dashoffset: 14.29; + } + 33% { + stroke-dashoffset: 14.29; + } + 37% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 2']{ + stroke-dasharray: 395.39; + animation: vector2; + stroke-width: 2px +} + +@keyframes vector2 { + 0% { + stroke-dashoffset: 395.39; + } + 7% { + stroke-dashoffset: 395.39; + } + 107% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 20']{ + stroke-dasharray: 20.5; + animation: vector20; + stroke-width: 2px +} + +@keyframes vector20 { + 0% { + stroke-dashoffset: 20.5; + } + 34% { + stroke-dashoffset: 20.5; + } + 39% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 21']{ + stroke-dasharray: 29.98; + animation: vector21; + stroke-width: 1px +} + +@keyframes vector21 { + 0% { + stroke-dashoffset: 29.98; + } + 36% { + stroke-dashoffset: 29.98; + } + 44% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 21_2']{ + stroke-dasharray: 37.42; + animation: vector21_2; + stroke-width: 1px +} + +@keyframes vector21_2 { + 0% { + stroke-dashoffset: 37.42; + } + 39% { + stroke-dashoffset: 37.42; } 48% { stroke-dashoffset: 0; } } +#mask > path[id='Vector 22']{ + stroke-dasharray: 42.45; + animation: vector22; + stroke-width: 2px +} + +@keyframes vector22 { + 0% { + stroke-dashoffset: 42.45; + } + 39% { + stroke-dashoffset: 42.45; + } + 50% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 23']{ + stroke-dasharray: 47.87; + animation: vector23; + stroke-width: 1px +} + +@keyframes vector23 { + 0% { + stroke-dashoffset: 47.87; + } + 40% { + stroke-dashoffset: 47.87; + } + 52% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 24']{ + stroke-dasharray: 70.05; + animation: vector24; + stroke-width: 2px +} + +@keyframes vector24 { + 0% { + stroke-dashoffset: 70.05; + } + 41% { + stroke-dashoffset: 70.05; + } + 59% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 25']{ + stroke-dasharray: 89.58; + animation: vector25; + stroke-width: 2px +} + +@keyframes vector25 { + 0% { + stroke-dashoffset: 89.58; + } + 40% { + stroke-dashoffset: 89.58; + } + 62% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 26']{ + stroke-dasharray: 34.76; + animation: vector26; + stroke-width: 1px +} + +@keyframes vector26 { + 0% { + stroke-dashoffset: 34.76; + } + 53% { + stroke-dashoffset: 34.76; + } + 61% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 27']{ + stroke-dasharray: 29.64; + animation: vector27; + stroke-width: 2px +} + +@keyframes vector27 { + 0% { + stroke-dashoffset: 29.64; + } + 59% { + stroke-dashoffset: 29.64; + } + 67% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 28']{ + stroke-dasharray: 24.67; + animation: vector28; + stroke-width: 1px +} + +@keyframes vector28 { + 0% { + stroke-dashoffset: 24.67; + } + 27% { + stroke-dashoffset: 24.67; + } + 34% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 29']{ + stroke-dasharray: 36.42; + animation: vector29; + stroke-width: 1px +} + +@keyframes vector29 { + 0% { + stroke-dashoffset: 36.42; + } + 31% { + stroke-dashoffset: 36.42; + } + 40% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 3']{ + stroke-dasharray: 110.65; + animation: vector3; + stroke-width: 2px +} + +@keyframes vector3 { + 0% { + stroke-dashoffset: 110.65; + } + 9% { + stroke-dashoffset: 110.65; + } + 37% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 30']{ + stroke-dasharray: 44.04; + animation: vector30; + stroke-width: 2px +} + +@keyframes vector30 { + 0% { + stroke-dashoffset: 44.04; + } + 33% { + stroke-dashoffset: 44.04; + } + 44% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 31']{ + stroke-dasharray: 52.94; + animation: vector31; + stroke-width: 1px +} + +@keyframes vector31 { + 0% { + stroke-dashoffset: 52.94; + } + 36% { + stroke-dashoffset: 52.94; + } + 49% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 32']{ + stroke-dasharray: 56.58; + animation: vector32; + stroke-width: 2px +} + +@keyframes vector32 { + 0% { + stroke-dashoffset: 56.58; + } + 40% { + stroke-dashoffset: 56.58; + } + 54% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 33']{ + stroke-dasharray: 51.95; + animation: vector33; + stroke-width: 2px +} + +@keyframes vector33 { + 0% { + stroke-dashoffset: 51.95; + } + 44% { + stroke-dashoffset: 51.95; + } + 57% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 34']{ + stroke-dasharray: 56.58; + animation: vector34; + stroke-width: 2px +} + +@keyframes vector34 { + 0% { + stroke-dashoffset: 56.58; + } + 48% { + stroke-dashoffset: 56.58; + } + 62% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 35']{ + stroke-dasharray: 56.58; + animation: vector35; + stroke-width: 2px +} + +@keyframes vector35 { + 0% { + stroke-dashoffset: 56.58; + } + 53% { + stroke-dashoffset: 56.58; + } + 67% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 36']{ + stroke-dasharray: 81.64; + animation: vector36; + stroke-width: 1px +} + +@keyframes vector36 { + 0% { + stroke-dashoffset: 81.64; + } + 55% { + stroke-dashoffset: 81.64; + } + 76% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 37']{ + stroke-dasharray: 54.05; + animation: vector37; + stroke-width: 1px +} + +@keyframes vector37 { + 0% { + stroke-dashoffset: 54.05; + } + 57% { + stroke-dashoffset: 54.05; + } + 70% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 38']{ + stroke-dasharray: 56.62; + animation: vector38; + stroke-width: 2px +} + +@keyframes vector38 { + 0% { + stroke-dashoffset: 56.62; + } + 49% { + stroke-dashoffset: 56.62; + } + 64% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 39']{ + stroke-dasharray: 35.55; + animation: vector39; + stroke-width: 1px +} + +@keyframes vector39 { + 0% { + stroke-dashoffset: 35.55; + } + 46% { + stroke-dashoffset: 35.55; + } + 55% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 4']{ + stroke-dasharray: 367.96; + animation: vector4; + stroke-width: 2px +} + +@keyframes vector4 { + 0% { + stroke-dashoffset: 367.96; + } + 11% { + stroke-dashoffset: 367.96; + } + 104% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 40']{ + stroke-dasharray: 19.35; + animation: vector40; + stroke-width: 1px +} + +@keyframes vector40 { + 0% { + stroke-dashoffset: 19.35; + } + 40% { + stroke-dashoffset: 19.35; + } + 45% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 41']{ + stroke-dasharray: 16.82; + animation: vector41; + stroke-width: 1px +} + +@keyframes vector41 { + 0% { + stroke-dashoffset: 16.82; + } + 43% { + stroke-dashoffset: 16.82; + } + 47% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 42']{ + stroke-dasharray: 15.26; + animation: vector42; + stroke-width: 1px +} + +@keyframes vector42 { + 0% { + stroke-dashoffset: 15.26; + } + 46% { + stroke-dashoffset: 15.26; + } + 50% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 43']{ + stroke-dasharray: 17.72; + animation: vector43; + stroke-width: 2px +} + +@keyframes vector43 { + 0% { + stroke-dashoffset: 17.72; + } + 49% { + stroke-dashoffset: 17.72; + } + 53% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 44']{ + stroke-dasharray: 17.63; + animation: vector44; + stroke-width: 1px +} + +@keyframes vector44 { + 0% { + stroke-dashoffset: 17.63; + } + 31% { + stroke-dashoffset: 17.63; + } + 36% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 45']{ + stroke-dasharray: 15.24; + animation: vector45; + stroke-width: 2px +} + +@keyframes vector45 { + 0% { + stroke-dashoffset: 15.24; + } + 35% { + stroke-dashoffset: 15.24; + } + 39% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 46']{ + stroke-dasharray: 17.52; + animation: vector46; + stroke-width: 2px +} + +@keyframes vector46 { + 0% { + stroke-dashoffset: 17.52; + } + 38% { + stroke-dashoffset: 17.52; + } + 42% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 47']{ + stroke-dasharray: 23.88; + animation: vector47; + stroke-width: 2px +} + +@keyframes vector47 { + 0% { + stroke-dashoffset: 23.88; + } + 40% { + stroke-dashoffset: 23.88; + } + 46% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 48']{ + stroke-dasharray: 23.61; + animation: vector48; + stroke-width: 2px +} + +@keyframes vector48 { + 0% { + stroke-dashoffset: 23.61; + } + 44% { + stroke-dashoffset: 23.61; + } + 50% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 49']{ + stroke-dasharray: 20.47; + animation: vector49; + stroke-width: 2px +} + +@keyframes vector49 { + 0% { + stroke-dashoffset: 20.47; + } + 49% { + stroke-dashoffset: 20.47; + } + 54% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 5']{ + stroke-dasharray: 242.29; + animation: vector5; + stroke-width: 1px +} + +@keyframes vector5 { + 0% { + stroke-dashoffset: 242.29; + } + 11% { + stroke-dashoffset: 242.29; + } + 72% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 50']{ + stroke-dasharray: 17.3; + animation: vector50; + stroke-width: 1px +} + +@keyframes vector50 { + 0% { + stroke-dashoffset: 17.3; + } + 64% { + stroke-dashoffset: 17.3; + } + 68% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 51']{ + stroke-dasharray: 22.1; + animation: vector51; + stroke-width: 2px +} + +@keyframes vector51 { + 0% { + stroke-dashoffset: 22.1; + } + 28% { + stroke-dashoffset: 22.1; + } + 34% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 52']{ + stroke-dasharray: 24.26; + animation: vector52; + stroke-width: 2px +} + +@keyframes vector52 { + 0% { + stroke-dashoffset: 24.26; + } + 31% { + stroke-dashoffset: 24.26; + } + 37% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 53']{ + stroke-dasharray: 19.2; + animation: vector53; + stroke-width: 1px +} + +@keyframes vector53 { + 0% { + stroke-dashoffset: 19.2; + } + 33% { + stroke-dashoffset: 19.2; + } + 38% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 54']{ + stroke-dasharray: 14.5; + animation: vector54; + stroke-width: 1px +} + +@keyframes vector54 { + 0% { + stroke-dashoffset: 14.5; + } + 49% { + stroke-dashoffset: 14.5; + } + 52% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 55']{ + stroke-dasharray: 11.05; + animation: vector55; + stroke-width: 1px +} + +@keyframes vector55 { + 0% { + stroke-dashoffset: 11.05; + } + 47% { + stroke-dashoffset: 11.05; + } + 50% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 56']{ + stroke-dasharray: 8.07; + animation: vector56; + stroke-width: 2px +} + +@keyframes vector56 { + 0% { + stroke-dashoffset: 8.07; + } + 46% { + stroke-dashoffset: 8.07; + } + 47% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 57']{ + stroke-dasharray: 8.64; + animation: vector57; + stroke-width: 1px +} + +@keyframes vector57 { + 0% { + stroke-dashoffset: 8.64; + } + 44% { + stroke-dashoffset: 8.64; + } + 46% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 58']{ + stroke-dasharray: 7.71; + animation: vector58; + stroke-width: 2px +} + +@keyframes vector58 { + 0% { + stroke-dashoffset: 7.71; + } + 43% { + stroke-dashoffset: 7.71; + } + 45% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 59']{ + stroke-dasharray: 6.52; + animation: vector59; + stroke-width: 1px +} + +@keyframes vector59 { + 0% { + stroke-dashoffset: 6.52; + } + 42% { + stroke-dashoffset: 6.52; + } + 43% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 6']{ + stroke-dasharray: 159.9; + animation: vector6; + stroke-width: 1px +} + +@keyframes vector6 { + 0% { + stroke-dashoffset: 159.9; + } + 63% { + stroke-dashoffset: 159.9; + } + 104% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 60']{ + stroke-dasharray: 6.6; + animation: vector60; + stroke-width: 1px +} + +@keyframes vector60 { + 0% { + stroke-dashoffset: 6.6; + } + 40% { + stroke-dashoffset: 6.6; + } + 42% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 61']{ + stroke-dasharray: 16.92; + animation: vector61; + stroke-width: 2px +} + +@keyframes vector61 { + 0% { + stroke-dashoffset: 16.92; + } + 38% { + stroke-dashoffset: 16.92; + } + 42% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 62']{ + stroke-dasharray: 29.46; + animation: vector62; + stroke-width: 1px +} + +@keyframes vector62 { + 0% { + stroke-dashoffset: 29.46; + } + 39% { + stroke-dashoffset: 29.46; + } + 46% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 63']{ + stroke-dasharray: 36.38; + animation: vector63; + stroke-width: 1px +} + +@keyframes vector63 { + 0% { + stroke-dashoffset: 36.38; + } + 41% { + stroke-dashoffset: 36.38; + } + 50% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 64']{ + stroke-dasharray: 46.18; + animation: vector64; + stroke-width: 2px +} + +@keyframes vector64 { + 0% { + stroke-dashoffset: 46.18; + } + 43% { + stroke-dashoffset: 46.18; + } + 55% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 65']{ + stroke-dasharray: 41.42; + animation: vector65; + stroke-width: 1px +} + +@keyframes vector65 { + 0% { + stroke-dashoffset: 41.42; + } + 46% { + stroke-dashoffset: 41.42; + } + 57% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 66']{ + stroke-dasharray: 136.01; + animation: vector66; + stroke-width: 1px +} + +@keyframes vector66 { + 0% { + stroke-dashoffset: 136.01; + } + 64% { + stroke-dashoffset: 136.01; + } + 98% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 67']{ + stroke-dasharray: 25.81; + animation: vector67; + stroke-width: 2px +} + +@keyframes vector67 { + 0% { + stroke-dashoffset: 25.81; + } + 63% { + stroke-dashoffset: 25.81; + } + 69% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 68']{ + stroke-dasharray: 44.93; + animation: vector68; + stroke-width: 1px +} + +@keyframes vector68 { + 0% { + stroke-dashoffset: 44.93; + } + 66% { + stroke-dashoffset: 44.93; + } + 77% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 69']{ + stroke-dasharray: 34.68; + animation: vector69; + stroke-width: 1px +} + +@keyframes vector69 { + 0% { + stroke-dashoffset: 34.68; + } + 64% { + stroke-dashoffset: 34.68; + } + 73% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 7']{ + stroke-dasharray: 62.55; + animation: vector7; + stroke-width: 1px +} + +@keyframes vector7 { + 0% { + stroke-dashoffset: 62.55; + } + 64% { + stroke-dashoffset: 62.55; + } + 80% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 70']{ + stroke-dasharray: 11.14; + animation: vector70; + stroke-width: 1px +} + +@keyframes vector70 { + 0% { + stroke-dashoffset: 11.14; + } + 66% { + stroke-dashoffset: 11.14; + } + 69% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 71']{ + stroke-dasharray: 13.21; + animation: vector71; + stroke-width: 1px +} + +@keyframes vector71 { + 0% { + stroke-dashoffset: 13.21; + } + 68% { + stroke-dashoffset: 13.21; + } + 71% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 72']{ + stroke-dasharray: 16.64; + animation: vector72; + stroke-width: 2px +} + +@keyframes vector72 { + 0% { + stroke-dashoffset: 16.64; + } + 70% { + stroke-dashoffset: 16.64; + } + 74% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 73']{ + stroke-dasharray: 17.42; + animation: vector73; + stroke-width: 2px +} + +@keyframes vector73 { + 0% { + stroke-dashoffset: 17.42; + } + 72% { + stroke-dashoffset: 17.42; + } + 76% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 74']{ + stroke-dasharray: 15.41; + animation: vector74; + stroke-width: 2px +} + +@keyframes vector74 { + 0% { + stroke-dashoffset: 15.41; + } + 75% { + stroke-dashoffset: 15.41; + } + 79% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 75']{ + stroke-dasharray: 17.96; + animation: vector75; + stroke-width: 1px +} + +@keyframes vector75 { + 0% { + stroke-dashoffset: 17.96; + } + 77% { + stroke-dashoffset: 17.96; + } + 82% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 76']{ + stroke-dasharray: 16.94; + animation: vector76; + stroke-width: 1px +} + +@keyframes vector76 { + 0% { + stroke-dashoffset: 16.94; + } + 81% { + stroke-dashoffset: 16.94; + } + 85% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 77']{ + stroke-dasharray: 12.92; + animation: vector77; + stroke-width: 1px +} + +@keyframes vector77 { + 0% { + stroke-dashoffset: 12.92; + } + 84% { + stroke-dashoffset: 12.92; + } + 87% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 78']{ + stroke-dasharray: 9.84; + animation: vector78; + stroke-width: 1px +} + +@keyframes vector78 { + 0% { + stroke-dashoffset: 9.84; + } + 87% { + stroke-dashoffset: 9.84; + } + 90% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 79']{ + stroke-dasharray: 8.54; + animation: vector79; + stroke-width: 2px +} + +@keyframes vector79 { + 0% { + stroke-dashoffset: 8.54; + } + 90% { + stroke-dashoffset: 8.54; + } + 92% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 8']{ + stroke-dasharray: 145.77; + animation: vector8; + stroke-width: 1px +} + +@keyframes vector8 { + 0% { + stroke-dashoffset: 145.77; + } + 65% { + stroke-dashoffset: 145.77; + } + 102% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 80']{ + stroke-dasharray: 13.63; + animation: vector80; + stroke-width: 1px +} + +@keyframes vector80 { + 0% { + stroke-dashoffset: 13.63; + } + 62% { + stroke-dashoffset: 13.63; + } + 65% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 81']{ + stroke-dasharray: 30.47; + animation: vector81; + stroke-width: 1px +} + +@keyframes vector81 { + 0% { + stroke-dashoffset: 30.47; + } + 60% { + stroke-dashoffset: 30.47; + } + 67% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 82']{ + stroke-dasharray: 24.4; + animation: vector82; + stroke-width: 1px +} + +@keyframes vector82 { + 0% { + stroke-dashoffset: 24.4; + } + 41% { + stroke-dashoffset: 24.4; + } + 47% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 83']{ + stroke-dasharray: 16.53; + animation: vector83; + stroke-width: 1px +} + +@keyframes vector83 { + 0% { + stroke-dashoffset: 16.53; + } + 47% { + stroke-dashoffset: 16.53; + } + 51% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 84']{ + stroke-dasharray: 13.92; + animation: vector84; + stroke-width: 2px +} + +@keyframes vector84 { + 0% { + stroke-dashoffset: 13.92; + } + 51% { + stroke-dashoffset: 13.92; + } + 54% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 85']{ + stroke-dasharray: 19.64; + animation: vector85; + stroke-width: 2px +} + +@keyframes vector85 { + 0% { + stroke-dashoffset: 19.64; + } + 46% { + stroke-dashoffset: 19.64; + } + 50% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 86']{ + stroke-dasharray: 18.67; + animation: vector86; + stroke-width: 1px +} + +@keyframes vector86 { + 0% { + stroke-dashoffset: 18.67; + } + 49% { + stroke-dashoffset: 18.67; + } + 54% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 87']{ + stroke-dasharray: 20.46; + animation: vector87; + stroke-width: 1px +} + +@keyframes vector87 { + 0% { + stroke-dashoffset: 20.46; + } + 52% { + stroke-dashoffset: 20.46; + } + 58% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 88']{ + stroke-dasharray: 22.27; + animation: vector88; + stroke-width: 1px +} + +@keyframes vector88 { + 0% { + stroke-dashoffset: 22.27; + } + 53% { + stroke-dashoffset: 22.27; + } + 58% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 89']{ + stroke-dasharray: 22.07; + animation: vector89; + stroke-width: 2px +} + +@keyframes vector89 { + 0% { + stroke-dashoffset: 22.07; + } + 49% { + stroke-dashoffset: 22.07; + } + 55% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 9']{ + stroke-dasharray: 130.99; + animation: vector9; + stroke-width: 1px +} + +@keyframes vector9 { + 0% { + stroke-dashoffset: 130.99; + } + 66% { + stroke-dashoffset: 130.99; + } + 100% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 90']{ + stroke-dasharray: 31.41; + animation: vector90; + stroke-width: 1px +} + +@keyframes vector90 { + 0% { + stroke-dashoffset: 31.41; + } + 44% { + stroke-dashoffset: 31.41; + } + 52% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 91']{ + stroke-dasharray: 51.01; + animation: vector91; + stroke-width: 1px +} + +@keyframes vector91 { + 0% { + stroke-dashoffset: 51.01; + } + 57% { + stroke-dashoffset: 51.01; + } + 70% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 92']{ + stroke-dasharray: 79.57; + animation: vector92; + stroke-width: 2px +} + +@keyframes vector92 { + 0% { + stroke-dashoffset: 79.57; + } + 54% { + stroke-dashoffset: 79.57; + } + 74% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 93']{ + stroke-dasharray: 60.85; + animation: vector93; + stroke-width: 1px +} + +@keyframes vector93 { + 0% { + stroke-dashoffset: 60.85; + } + 75% { + stroke-dashoffset: 60.85; + } + 90% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 94']{ + stroke-dasharray: 191.99; + animation: vector94; + stroke-width: 1px +} + +@keyframes vector94 { + 0% { + stroke-dashoffset: 191.99; + } + 14% { + stroke-dashoffset: 191.99; + } + 62% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 95']{ + stroke-dasharray: 203.5; + animation: vector95; + stroke-width: 1px +} + +@keyframes vector95 { + 0% { + stroke-dashoffset: 203.5; + } + 17% { + stroke-dashoffset: 203.5; + } + 69% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 96']{ + stroke-dasharray: 166.39; + animation: vector96; + stroke-width: 2px +} + +@keyframes vector96 { + 0% { + stroke-dashoffset: 166.39; + } + 17% { + stroke-dashoffset: 166.39; + } + 59% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 97']{ + stroke-dasharray: 76.93; + animation: vector97; + stroke-width: 1px +} + +@keyframes vector97 { + 0% { + stroke-dashoffset: 76.93; + } + 37% { + stroke-dashoffset: 76.93; + } + 56% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 98']{ + stroke-dasharray: 63.12; + animation: vector98; + stroke-width: 2px +} + +@keyframes vector98 { + 0% { + stroke-dashoffset: 63.12; + } + 51% { + stroke-dashoffset: 63.12; + } + 66% { + stroke-dashoffset: 0; + } +} +#mask > path[id='Vector 99']{ + stroke-dasharray: 35.14; + animation: vector99; + stroke-width: 2px +} + +@keyframes vector99 { + 0% { + stroke-dashoffset: 35.14; + } + 55% { + stroke-dashoffset: 35.14; + } + 64% { + stroke-dashoffset: 0; + } +} + diff --git a/src/lib/components/mask.svelte b/src/lib/components/mask.svelte index fb14f6a..3498826 100644 --- a/src/lib/components/mask.svelte +++ b/src/lib/components/mask.svelte @@ -15,11 +15,29 @@ @import './mask.css'; .wrapper { + filter: drop-shadow(0px 0px 40px #be8630aa) drop-shadow(0px 0px 5px black) + drop-shadow(0px 0px 5px black) drop-shadow(0px 0px 5px black); + position: relative; + z-index: 5; width: 100%; display: flex; justify-content: center; } + .wrapper > div { + max-width: 40vw; + } + + .wrapper > div > :global(svg) { + overflow: visible; + max-width: 100%; + } + + .wrapper > div :global(path) { + animation-duration: 5s !important; + stroke: #d9c556; + } + .invert { transform: scaleX(-1) translateX(-2.5px); } diff --git a/src/lib/components/mask.svg b/src/lib/components/mask.svg index 9e9fa40..a9614f0 100755 --- a/src/lib/components/mask.svg +++ b/src/lib/components/mask.svg @@ -1,4 +1,4 @@ - + @@ -21,21 +21,21 @@ - - - - - + + + + + - - - - - - - - + + + + + + + + @@ -45,7 +45,7 @@ - + @@ -73,17 +73,17 @@ - + - - - - - - - - + + + + + + + + diff --git a/src/lib/components/maskenball.css b/src/lib/components/maskenball.css new file mode 100644 index 0000000..f2ad3e2 --- /dev/null +++ b/src/lib/components/maskenball.css @@ -0,0 +1,118 @@ +#maskenball > path[id='m']{ + stroke-dasharray: 259.07; + animation: m; +} + +@keyframes m { + 0% { + stroke-dashoffset: 259.07; + } + 0% { + stroke-dashoffset: 259.07; + } + 15% { + stroke-dashoffset: 0; + } +} + +#maskenball > path[id='as']{ + stroke-dasharray: 182.9; + animation: as; +} + +@keyframes as { + 0% { + stroke-dashoffset: 182.9; + } + 10% { + stroke-dashoffset: 182.9; + } + 60% { + stroke-dashoffset: 0; + } +} + +#maskenball > path[id='ken']{ + stroke-dasharray: 345.04; + animation: ken; +} + +@keyframes ken { + 0% { + stroke-dashoffset: 345.04; + } + 20% { + stroke-dashoffset: 345.04; + } + 50% { + stroke-dashoffset: 0; + } +} + +#maskenball > path[id='b']{ + stroke-dasharray: 147.51; + animation: b; +} + +@keyframes b { + 0% { + stroke-dashoffset: 147.51; + } + 30% { + stroke-dashoffset: 147.51; + } + 50% { + stroke-dashoffset: 0; + } +} + +#maskenball > path[id='al']{ + stroke-dasharray: 207.43; + animation: al; +} + +@keyframes al { + 0% { + stroke-dashoffset: 207.43; + } + 45% { + stroke-dashoffset: 207.43; + } + 70% { + stroke-dashoffset: 0; + } +} + +#maskenball > path[id='l']{ + stroke-dasharray: 82.09; + animation: l; +} + +@keyframes l { + 0% { + stroke-dashoffset: 82.09; + } + 50% { + stroke-dashoffset: 82.09; + } + 70% { + stroke-dashoffset: 0; + } +} + +#maskenball > path[id='end']{ + stroke-dasharray: 39.1; + animation: end; +} + +@keyframes end { + 0% { + stroke-dashoffset: 39.1; + } + 60% { + stroke-dashoffset: 39.1; + } + 70% { + stroke-dashoffset: 0; + } +} diff --git a/src/lib/components/maskenball.svelte b/src/lib/components/maskenball.svelte new file mode 100644 index 0000000..fc8761e --- /dev/null +++ b/src/lib/components/maskenball.svelte @@ -0,0 +1,29 @@ + + +
+ {@html maskenball} +
+ + diff --git a/src/lib/components/maskenball.svg b/src/lib/components/maskenball.svg new file mode 100755 index 0000000..0e50b40 --- /dev/null +++ b/src/lib/components/maskenball.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte new file mode 100644 index 0000000..7430cb6 --- /dev/null +++ b/src/routes/+layout.svelte @@ -0,0 +1,13 @@ + + + + + diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 0a5e864..8646d98 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,5 +1,69 @@ + + + + +
+ +
+ + diff --git a/static/confetti.png b/static/confetti.png new file mode 100755 index 0000000..b92c5d4 Binary files /dev/null and b/static/confetti.png differ diff --git a/static/curtain.png b/static/curtain.png new file mode 100755 index 0000000..73ad13f Binary files /dev/null and b/static/curtain.png differ diff --git a/static/particles.json b/static/particles.json new file mode 100644 index 0000000..bbab47f --- /dev/null +++ b/static/particles.json @@ -0,0 +1,516 @@ +{ + "autoPlay": true, + "background": { + "color": { + "value": "#000000" + }, + "image": "", + "position": "", + "repeat": "", + "size": "", + "opacity": 1 + }, + "backgroundMask": { + "composite": "destination-out", + "cover": { + "color": { + "value": "#fff" + }, + "opacity": 1 + }, + "enable": false + }, + "defaultThemes": {}, + "delay": 0, + "fullScreen": { + "enable": true, + "zIndex": -1 + }, + "detectRetina": true, + "duration": 0, + "fpsLimit": 120, + "interactivity": { + "detectsOn": "window", + "events": { + "onClick": { + "enable": false, + "mode": {} + }, + "onDiv": { + "selectors": {}, + "enable": false, + "mode": {}, + "type": "circle" + }, + "onHover": { + "enable": false, + "mode": {}, + "parallax": { + "enable": false, + "force": 2, + "smooth": 10 + } + }, + "resize": { + "delay": 0.5, + "enable": true + } + }, + "modes": {} + }, + "manualParticles": {}, + "particles": { + "bounce": { + "horizontal": { + "random": { + "enable": false, + "minimumValue": 0.1 + }, + "value": 1 + }, + "vertical": { + "random": { + "enable": false, + "minimumValue": 0.1 + }, + "value": 1 + } + }, + "collisions": { + "absorb": { + "speed": 2 + }, + "bounce": { + "horizontal": { + "random": { + "enable": false, + "minimumValue": 0.1 + }, + "value": 1 + }, + "vertical": { + "random": { + "enable": false, + "minimumValue": 0.1 + }, + "value": 1 + } + }, + "enable": false, + "maxSpeed": 50, + "mode": "bounce", + "overlap": { + "enable": true, + "retries": 0 + } + }, + "color": { + "value": { + "0": "#1E00FF", + "1": "#FF0061", + "2": "#E1FF00", + "3": "#00FF9E" + }, + "animation": { + "h": { + "count": 0, + "enable": true, + "offset": 0, + "speed": 30, + "delay": 0, + "decay": 0, + "sync": true + }, + "s": { + "count": 0, + "enable": false, + "offset": 0, + "speed": 1, + "delay": 0, + "decay": 0, + "sync": true + }, + "l": { + "count": 0, + "enable": false, + "offset": 0, + "speed": 1, + "delay": 0, + "decay": 0, + "sync": true + } + } + }, + "groups": {}, + "move": { + "angle": { + "offset": 0, + "value": 90 + }, + "attract": { + "distance": 200, + "enable": false, + "rotate": { + "x": 3000, + "y": 3000 + } + }, + "center": { + "x": 50, + "y": 50, + "mode": "percent", + "radius": 0 + }, + "decay": 0.1, + "distance": {}, + "direction": "top", + "drift": 0, + "enable": true, + "gravity": { + "acceleration": 9.81, + "enable": true, + "inverse": false, + "maxSpeed": 200 + }, + "path": { + "clamp": true, + "delay": { + "random": { + "enable": false, + "minimumValue": 0 + }, + "value": 0 + }, + "enable": false, + "options": {} + }, + "outModes": { + "default": "destroy", + "bottom": "destroy", + "left": "destroy", + "right": "destroy", + "top": "none" + }, + "random": false, + "size": false, + "speed": { + "min": 50, + "max": 150 + }, + "spin": { + "acceleration": 0, + "enable": false + }, + "straight": false, + "trail": { + "enable": false, + "length": 10, + "fill": {} + }, + "vibrate": false, + "warp": false + }, + "number": { + "density": { + "enable": false, + "width": 1920, + "height": 1080 + }, + "limit": 300, + "value": 0 + }, + "opacity": { + "random": { + "enable": false, + "minimumValue": 0.1 + }, + "value": 1, + "animation": { + "count": 0, + "enable": false, + "speed": 0.3, + "decay": 0, + "delay": 0, + "sync": true, + "mode": "auto", + "startValue": "max", + "destroy": "min" + } + }, + "reduceDuplicates": false, + "shadow": { + "blur": 0, + "color": { + "value": "#000" + }, + "enable": false, + "offset": { + "x": 0, + "y": 0 + } + }, + "shape": { + "loadShape": {}, + "close": true, + "fill": true, + "options": { + "polygon": { + "0": { + "sides": 5 + }, + "1": { + "sides": 6 + } + } + }, + "type": { + "0": "circle", + "1": "square", + "2": "polygon" + } + }, + "size": { + "random": { + "enable": false, + "minimumValue": 1 + }, + "value": 3, + "animation": { + "count": 0, + "enable": false, + "speed": 5, + "decay": 0, + "delay": 0, + "sync": false, + "mode": "auto", + "startValue": "random", + "destroy": "none" + } + }, + "stroke": { + "width": 0 + }, + "zIndex": { + "random": { + "enable": false, + "minimumValue": 0 + }, + "value": 0, + "opacityRate": 1, + "sizeRate": 1, + "velocityRate": 1 + }, + "destroy": { + "bounds": {}, + "mode": "none", + "split": { + "count": 1, + "factor": { + "random": { + "enable": false, + "minimumValue": 0 + }, + "value": 3 + }, + "rate": { + "random": { + "enable": false, + "minimumValue": 0 + }, + "value": { + "min": 4, + "max": 9 + } + }, + "sizeOffset": true + } + }, + "roll": { + "darken": { + "enable": true, + "value": 30 + }, + "enable": true, + "enlighten": { + "enable": true, + "value": 30 + }, + "mode": "vertical", + "speed": { + "min": 15, + "max": 25 + } + }, + "tilt": { + "random": { + "enable": false, + "minimumValue": 0 + }, + "value": { + "min": 0, + "max": 360 + }, + "animation": { + "enable": true, + "speed": 60, + "decay": 0, + "sync": false + }, + "direction": "random", + "enable": true + }, + "twinkle": { + "lines": { + "enable": false, + "frequency": 0.05, + "opacity": 1 + }, + "particles": { + "enable": false, + "frequency": 0.05, + "opacity": 1 + } + }, + "wobble": { + "distance": 30, + "enable": true, + "speed": { + "angle": { + "min": -15, + "max": 15 + }, + "move": 10 + } + }, + "life": { + "count": 0, + "delay": { + "random": { + "enable": false, + "minimumValue": 0 + }, + "value": 0, + "sync": false + }, + "duration": { + "random": { + "enable": false, + "minimumValue": 0.0001 + }, + "value": 0, + "sync": false + } + }, + "rotate": { + "random": { + "enable": false, + "minimumValue": 0 + }, + "value": { + "min": 0, + "max": 360 + }, + "animation": { + "enable": true, + "speed": 60, + "decay": 0, + "sync": false + }, + "direction": "random", + "path": false + }, + "orbit": { + "animation": { + "count": 0, + "enable": false, + "speed": 1, + "decay": 0, + "delay": 0, + "sync": false + }, + "enable": false, + "opacity": 1, + "rotation": { + "random": { + "enable": false, + "minimumValue": 0 + }, + "value": 45 + }, + "width": 1 + }, + "links": { + "blink": false, + "color": { + "value": "#fff" + }, + "consent": false, + "distance": 100, + "enable": false, + "frequency": 1, + "opacity": 1, + "shadow": { + "blur": 5, + "color": { + "value": "#000" + }, + "enable": false + }, + "triangles": { + "enable": false, + "frequency": 1 + }, + "width": 1, + "warp": false + }, + "repulse": { + "random": { + "enable": false, + "minimumValue": 0 + }, + "value": 0, + "enabled": false, + "distance": 1, + "duration": 1, + "factor": 1, + "speed": 1 + } + }, + "pauseOnBlur": true, + "pauseOnOutsideViewport": true, + "responsive": {}, + "smooth": false, + "style": {}, + "themes": {}, + "zLayers": 100, + "emitters": { + "autoPlay": true, + "fill": true, + "life": { + "wait": false + }, + "rate": { + "quantity": 10, + "delay": 0.1 + }, + "shape": "square", + "startCount": 0, + "size": { + "mode": "percent", + "height": 0, + "width": 0 + }, + "particles": {}, + "position": { + "x": 50, + "y": 100 + } + }, + "motion": { + "disable": false, + "reduce": { + "factor": 4, + "value": true + } + } +}