feat: init

This commit is contained in:
max_richter 2023-10-18 00:19:45 +02:00
parent 4254c2f0a4
commit 6740d99dcc
16 changed files with 2989 additions and 1408 deletions

View File

@ -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"
}
}

View File

@ -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'}

View File

@ -5,6 +5,7 @@
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head%
<script src="https://cdn.jsdelivr.net/npm/tsparticles-confetti@2.12.0/tsparticles.confetti.bundle.min.js"></script>
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div>

View File

@ -0,0 +1,14 @@
<script lang="ts">
</script>
<button> Eintreten </button>
<style>
button {
padding: 2em;
background: black;
color: white;
border-radius: 1em;
border: solid 2px gold;
}
</style>

View File

@ -0,0 +1,36 @@
<script lang="ts">
import { onMount } from 'svelte';
let skew = 1;
function randomInRange(min: number, max: number) {
return Math.random() * (max - min) + min;
}
function frame() {
skew = Math.max(0.8, skew - 0.001);
confetti({
particleCount: 1,
startVelocity: 0,
origin: {
x: Math.random(),
// since particles fall down, skew start toward the top
y: Math.random() * skew - 0.2
},
colors: ['#d9c556'],
shapes: ['circle'],
gravity: randomInRange(0.4, 0.6)
//scalar: randomInRange(0.4, 1),
//drift: randomInRange(-0.0, 0.0)
});
requestAnimationFrame(frame);
}
onMount(async () => {
setTimeout(() => {
frame();
}, 5000);
});
</script>

File diff suppressed because it is too large Load Diff

View File

@ -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);
}

View File

@ -1,4 +1,4 @@
<svg width="263" height="264" viewBox="0 0 263 264" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg width="262" height="261" viewBox="0 0 262 261" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="mask">
<path id="Vector 28" d="M35 165C39.5 160 42 160.5 44 162C46 163.5 46 170 41.5 169C40.6667 168.833 39.1 168.1 39.5 166.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 29" d="M44 153.032C48.5 148.032 52.7137 149.856 54 152C57 157 52.5 161 50.5 161C48.5 161 46.5 160 46.5 157.5C46.5 155 50.4 153.5 50 157.5" stroke="#FF1717" stroke-linecap="round"/>
@ -21,21 +21,21 @@
<path id="Vector 11" d="M29 230C25.1667 207.5 29.5 160 77.5 150C137.5 137.5 135.5 124 172 128" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 12" d="M28.9999 230C25.1666 207.5 30.5 158 96 158C130.5 158 148 130 172 128" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 1" d="M1 252.5C1.33333 247.333 2.5 240.5 7.5 241.5C12.5 242.5 11 250 8 250C5 250 4.5 245.5 7.5 246.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 2" d="M14 246.5C9.66667 240.833 1 224.3 1 203.5M18 241.5C8.5 223.167 -3.6 176.9 24 138.5C58.5 90.5 103 97 145 84.5C189 71.4048 244.5 60.5 261 1" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 3" d="M23 236.5C14.3333 217.833 4 166.2 30 131" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 6" d="M193 131C215.167 130.833 260.8 105.2 262 2" stroke="#FF1717" stroke-linecap="round"/>
<path id="Form 1" d="M1 263C1 263 1 223.1 1 200C1 176.9 5.8 138.4 41.5 115.5" stroke="#FF1717" stroke-miterlimit="100" stroke-linecap="round"/>
<path id="Form 3" d="M1 260C1 260 29.4 230.5 35.5 223.3C40.9 217 51.3 211.3 59 221C70.1 235 44 247.2 43.3 233.6C42.8 224.3 52.6 227.4 51 231" stroke="#FF1717" stroke-miterlimit="100" stroke-linecap="round"/>
<path id="Vector 2" d="M20 242.5C10.5 224.167 -3.60001 176.9 24 138.5C58.5 90.5 103 97 145 84.5C189 71.4048 236 59.5 261 1" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 3" d="M25 236.5C16.3333 217.833 3.99998 166.2 30 131" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 6" d="M193.5 131C215.667 130.833 259.8 104.2 261 1" stroke="#FF1717" stroke-linecap="round"/>
<path id="Form 1" d="M1 260C1 260 1 223.1 1 200C1 176.9 5.8 138.4 41.5 115.5" stroke="#FF1717" stroke-miterlimit="100" stroke-linecap="round"/>
<path id="Form 3" d="M1 260C9 260 29.4 230.5 35.5 223.3C40.9 217 51.3 211.3 59 221C70.1 235 44 247.2 43.3 233.6C42.8 224.3 52.6 227.4 51 231" stroke="#FF1717" stroke-miterlimit="100" stroke-linecap="round"/>
<path id="Form 3 copy" d="M59.5 234.5C59.5 234.5 65.4 227.7 71.5 220.5C76.9 214.2 87.3 208.5 95 218.2C106.1 232.2 80 244.4 79.3 230.8C78.8 221.5 88.6 224.6 87 228.2" stroke="#FF1717" stroke-miterlimit="100" stroke-linecap="round"/>
<path id="Form 3 copy_2" d="M94.5 232.5C94.5 232.5 98.9366 226.392 104.04 220.322C108.559 215.012 117.26 210.207 123.703 218.384C132.99 230.185 111.152 240.47 110.567 229.005C110.148 221.165 118.348 223.779 117.009 226.813" stroke="#FF1717" stroke-miterlimit="100" stroke-linecap="round"/>
<path id="Vector 4" d="M28.5 231C25.5 209 23.3 160.6 38.5 143C57.5 121 80 116.5 107.5 110C135 103.5 228.5 94.5 261.5 2" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 5" d="M28.4999 231C25.4999 209 24.8 175.1 40 157.5C59 135.5 78.6302 132.623 107.5 123C137.5 113 147.5 103.5 193 109.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 7" d="M194.5 125.5C202 124.667 220.6 118.6 235 101" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 8" d="M195.5 120C215.833 114.833 254.5 92 262 4" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 9" d="M188.5 104C203.667 101 241.1 76.3 261.5 3.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 69" d="M176.5 104C184.167 101.5 204.2 92.3 223 75.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 10" d="M194 112.5C232.5 93.5 250 69 261.5 3.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 68" d="M194 115C198.5 114.5 210.5 110.5 222.5 98.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 4" d="M29 231.5C26 209.5 23.3 160.6 38.5 143C57.5 121 80 116.5 107.5 110C135 103.5 228 93.5 261 1" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 5" d="M29 231.5C26 209.5 24.8 175.1 40 157.5C59 135.5 78.6302 132.623 107.5 123C137.5 113 147.5 103.5 193 109.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 7" d="M194.5 125.5C223 118.5 230.5 103 241 87.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 8" d="M194.5 121C214.833 115.833 253.5 89 261 1" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 9" d="M188.5 104C203.667 101 240.6 73.8 261 1" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 69" d="M177 104.5C184.667 102 192 99.5 207 88.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 10" d="M194 112.5C232.5 93.5 249.5 66.5 261 1" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 68" d="M194.5 116.5C205.5 113 217 104 230 90.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 13" d="M30.5 203C32.1667 198.833 39.7 190.7 56.5 191.5C77.5 192.5 122 201 135 145.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 14" d="M78 192.5C96.6667 195 135.3 188.5 140.5 142.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 18" d="M1 154.5C6.83333 142.5 23.8 116.5 41 110.5" stroke="#FF1717" stroke-linecap="round"/>
@ -45,7 +45,7 @@
<path id="Vector 24" d="M36 112.5C34.5 84.5 8 92.5 1 55" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 25" d="M41.5 119C43.5 77 11 84 1 43" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 26" d="M129.5 115C131 110 141.5 95 157 108" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 27" d="M154 106C160 101.5 171.5 95.5 179.5 108" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 27" d="M154.5 106C160.5 101.5 171.5 95.5 179.5 108" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 40" d="M123 179.5L140.5 172.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 41" d="M131.5 169.5L146 162" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 42" d="M136.5 159.5L149.5 152.5" stroke="#FF1717" stroke-linecap="round"/>
@ -73,17 +73,17 @@
<path id="Vector 64" d="M74.5 119C82.5 116.5 112 121.5 120 118.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 65" d="M89 114.5C98.5 112 122.5 111 129.5 114.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 66" d="M172.5 101.5C195.5 91 238.5 74 260.5 5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 67" d="M165 101C175.5 96.1667 198.2 85.3 205 80.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 67" d="M166.5 100.5C177 95.6667 182.2 93.8 189 89" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 70" d="M194.5 112C195 110.333 196 105.9 196 101.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 71" d="M199 110C201.4 109 199.6 100.5 202 98" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 72" d="M206 106C208.5 104.5 206.5 97 211 92" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 73" d="M212 102C216 99 212.5 91 215.5 87.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 74" d="M220.5 95.5C223 93.5 220 84.5 222.5 80.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 75" d="M228.5 88C231.5 85 226.5 77.5 229.5 72" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 76" d="M235.5 79C238.5 75 233 68.5 235 64" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 77" d="M242 68C244 64.5 238 60.5 239.5 57" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 78" d="M248 55.5C249 52.5 243 51 244.5 47.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 79" d="M251.5 45C252.5 42.5 248.7 40.3 249.5 37.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 72" d="M206 106C208.5 104.5 206.5 96 211 91" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 73" d="M212 102C216 99 213 89.5 216 86" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 74" d="M220.5 95C223 93 219 84.5 221.5 80.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 75" d="M227.5 88C230.5 85 226 76.5 229 71" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 76" d="M235 78.5C238 74.5 232.5 67 234.5 62.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 77" d="M241.5 67.5C243.5 64 237 59.5 238.5 56" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 78" d="M247 55C248 52 242 50.5 243.5 47" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 79" d="M250.5 44C251.5 41.5 247.7 39.3 248.5 36.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 80" d="M191.5 138.5C194.5 135.833 200.7 130.4 201.5 130" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 81" d="M188.5 146C192.5 144 204.5 135.5 211 126.5" stroke="#FF1717" stroke-linecap="round"/>
<path id="Vector 82" d="M41.5 115.5C43.1667 113.167 46.9 106.1 46.5 92.5" stroke="#FF1717" stroke-linecap="round"/>

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

View File

@ -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;
}
}

View File

@ -0,0 +1,29 @@
<script lang="ts">
import maskenball from './maskenball.svg?raw';
</script>
<div>
{@html maskenball}
</div>
<style>
@import './maskenball.css';
div {
margin-top: 50px;
position: relative;
display: flex;
z-index: 5;
align-items: center;
justify-content: center;
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);
}
div :global(path) {
animation-duration: 5s !important;
/* animation-delay: 2s !important; */
animation-fill-mode: forwards;
stroke: #d9c556;
}
</style>

View File

@ -0,0 +1,11 @@
<svg width="300" height="62" viewBox="0 0 300 62" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="maskenball">
<path id="end" d="M281.514 44.8462C280.524 49.55 279.859 59.1592 285.117 59.9656C291.691 60.9736 296.61 56.4378 298.874 46.3582" stroke="#D9C556" stroke-linecap="round" stroke-linejoin="round"/>
<path id="l" d="M264.661 46.8621C264.122 50.894 264.059 59.1592 268.117 59.9656C273.191 60.9736 283.125 63.4935 287.563 1" stroke="#D9C556" stroke-linecap="round" stroke-linejoin="round"/>
<path id="al" d="M221.595 49.3821C222.168 50.39 223.773 52.5068 225.602 52.9099C227.465 53.3204 230.078 50.3881 231.826 46.0188M231.826 46.0188C232.224 45.0231 232.577 43.9528 232.867 42.8304C233.71 39.556 238.072 36.2817 242.261 35.7268M231.826 46.0188C232.509 39.6233 237.52 35.7672 242.261 35.7268M231.826 46.0188C231.729 46.9224 231.719 47.8767 231.808 48.8781C233.198 64.5014 244.191 60.9736 246.75 54.9258L251.148 39.5075M242.261 35.7268C245.809 35.2568 249.234 36.7378 250.293 41.8224C248.835 37.5794 245.615 35.6982 242.261 35.7268ZM251.148 39.5075L251.925 36.7825C251.672 37.6039 251.409 38.5225 251.148 39.5075ZM251.148 39.5075C249.114 47.1854 247.253 58.8936 252.117 59.9656C258.978 61.4775 265.698 64.5014 270.85 1.50397" stroke="#D9C556" stroke-linecap="round" stroke-linejoin="round"/>
<path id="b" d="M203.418 33.2547C208.153 31.9108 219.132 26.6022 223.167 16.1194C228.21 3.01595 216.835 -5.55169 209.939 9.56769C203.042 24.6871 201.852 35.7746 202.014 44.8462C202.176 53.9179 207.846 66.5174 218.897 56.9417C223.89 52.6154 219.499 37.7905 216.712 37.2866C216.379 37.2866 216.256 37.8913 218.433 40.3104" stroke="#D9C556" stroke-linecap="round" stroke-linejoin="round"/>
<path id="ken" d="M107 53.4139C109.122 55.4061 112.018 57.3749 114.275 46.7426M114.275 46.7426C114.302 46.6164 114.328 46.4882 114.354 46.3582M114.275 46.7426L112.811 59.4616M114.275 46.7426L119.543 1M123.5 42.996C124.144 41.4976 124.947 40.7626 125.5 37.996C126.161 34.6896 125.898 33.2547 130.111 32.7507C133.481 32.3475 135.332 35.7746 135.118 36.2786C134.905 36.7825 133.489 35.8754 132.971 34.2627M123.5 42.996C122.957 44.2583 122.515 45.1153 120.494 44.8462C117.141 44.4 117 42.496 120.56 42.3263C121.694 42.2722 122.46 42.5856 123.5 42.996ZM123.5 42.996C127.497 44.5738 130.656 48.7024 128.509 51.9019C125.803 55.9338 130.818 62.9895 136.024 58.9576C141.23 54.9258 142.715 47.8701 143.994 44.8462C145.273 41.8223 147.678 35.2706 157.045 35.2706C165.5 35.2706 152.362 49.886 143.715 47.8701C144.796 52.4059 147.237 58.4536 152.811 59.4616C158.384 60.4696 166.097 59.9656 169.641 46.8621C173.184 33.7587 175.455 34.2294 176 34.5C178.029 35.5078 176.818 51.5659 175.811 59.4616C177.72 50.222 182.59 28.0412 192.045 35.2706C201.5 42.5 186.5 56.5 195.311 59.4616C197.04 60.1411 201.5 60.7 205.5 57.5" stroke="#D9C556" stroke-linecap="round" stroke-linejoin="round"/>
<path id="as" d="M81.0907 35.0318C80.7874 37.4865 80.1787 40.629 79.303 43.8269M79.303 43.8269C77.0024 52.2285 72.8591 61.0134 67.5697 58.7189C58.2754 54.687 60.9999 43.5 63.4999 39.5C66 35.5 70.1287 33.1447 74.8038 34.5278C79.0189 35.7749 79.595 39.5933 79.303 43.8269ZM79.303 43.8269C78.887 49.8591 76.7085 56.7342 80.783 58.2149C84.4168 59.5355 87.6144 58.6414 90.5163 54.0093M90.5163 54.0093C90.9225 53.361 91.3228 52.6395 91.7178 51.8405M90.5163 54.0093C90.5136 56.4239 93.6616 59.394 98.1433 59.7268C104.93 60.2308 109.841 52.1671 103.04 44.6074C98.0075 39.0146 97.3542 33.8528 97.6952 31.5135M90.5163 54.0093C90.5172 53.1767 90.8929 52.4101 91.7178 51.8405M91.7178 51.8405C93.8473 47.533 95.8196 40.9755 97.6952 31.5135M91.7178 51.8405C92.1231 51.5606 92.6369 51.3284 93.2679 51.1592C94.4015 50.8553 95.6283 52.6711 92.8415 52.1671M97.6952 31.5135C97.729 31.3433 97.7627 31.1721 97.7964 31C97.7573 31.1516 97.723 31.3232 97.6952 31.5135Z" stroke="#D9C556" stroke-linecap="round" stroke-linejoin="round"/>
<path id="m" d="M2.94273 52.9259C1.44273 52.9259 -0.785179 53.2282 3.45027 56.4537C8.74457 60.4855 21.3742 59.0037 30.6109 31.2547C37.9922 9.07959 41.4331 3.70387 42.6243 4.03985C39.7054 8.57562 38.5494 17.0258 37.4562 25.7109C35.6498 40.0616 36.2531 56.1282 38.5238 57.4617C41.5229 59.2228 43.8694 42.8413 49 28.5C54.1467 14.1138 57.5 6 61.5 4.03985C59.5 6.5 57.0695 14.83 53.5 27C49.6104 40.2613 51.6635 55.9498 56.3106 57.9656C57.5404 58.8104 61 59.8 65 57" stroke="#D9C556" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.3 KiB

13
src/routes/+layout.svelte Normal file
View File

@ -0,0 +1,13 @@
<script lang="ts">
</script>
<slot />
<style global>
:global(html) {
background-color: black;
/* background-image: url(/confetti.png); */
background-size: 80%;
backdrop-filter: brightness(0.5);
}
</style>

View File

@ -1,5 +1,69 @@
<script lang="ts">
import Button from '$lib/components/button.svelte';
import Confetti from '$lib/components/confetti.svelte';
import Mask from '$lib/components/mask.svelte';
import Maskenball from '$lib/components/maskenball.svelte';
</script>
<img class="curtain-right" src="/curtain.png" />
<img class="curtain-left" src="/curtain.png" />
<Confetti />
<Mask />
<Maskenball />
<div class="center">
<Button>Eintreten</Button>
</div>
<style>
.center {
display: flex;
justify-content: center;
margin-top: 50px;
}
img.curtain-right {
position: fixed;
top: -30px;
right: 0px;
width: 400px;
z-index: 2;
filter: brightness(0.8) contrast(1.1) saturate(0.6);
animation: moveInRight 2s ease forwards;
animation-delay: 0.5s;
transform: translateX(100%);
}
@keyframes moveInRight {
from {
transform: translateX(100%) rotate(-10deg);
}
to {
transform: translateX(15%) rotate(0deg);
}
}
img.curtain-left {
transform: scaleX(-1);
position: fixed;
top: -30px;
left: 0px;
width: 400px;
z-index: 2;
filter: brightness(0.8) contrast(1.1) saturate(0.6);
animation: moveInLeft 2s ease forwards;
animation-delay: 0.5s;
transform: translateX(-100%);
}
@keyframes moveInLeft {
from {
transform: translateX(-100%) rotate(10deg) scaleX(-1);
}
to {
transform: translateX(-15%) rotate(0deg) scaleX(-1);
}
}
:global(#confetti) {
position: relative;
z-index: -1;
}
</style>

BIN
static/confetti.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 292 KiB

BIN
static/curtain.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 484 KiB

516
static/particles.json Normal file
View File

@ -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
}
}
}