diff --git a/package-lock.json b/package-lock.json
index 18f69d1..de24fce 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,9 @@
 			"version": "0.0.1",
 			"dependencies": {
 				"svelte-media-queries": "^1.6.2",
-				"theme-change": "^2.5.0"
+				"svelte-particles": "^2.12.0",
+				"theme-change": "^2.5.0",
+				"tsparticles-slim": "^2.12.0"
 			},
 			"devDependencies": {
 				"@poppanator/sveltekit-svg": "^4.2.1",
@@ -25,6 +27,7 @@
 				"sass": "^1.77.4",
 				"svelte": "^4.2.7",
 				"svelte-check": "^3.6.0",
+				"svelte-confetti": "^1.0.0",
 				"svelte-highlight": "^7.6.0",
 				"svelte-parallax": "^0.6.0",
 				"tailwindcss": "^3.4.13",
@@ -50,7 +53,6 @@
 			"version": "2.3.0",
 			"resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
 			"integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
-			"dev": true,
 			"dependencies": {
 				"@jridgewell/gen-mapping": "^0.3.5",
 				"@jridgewell/trace-mapping": "^0.3.24"
@@ -783,7 +785,6 @@
 			"version": "0.3.5",
 			"resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
 			"integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
-			"dev": true,
 			"dependencies": {
 				"@jridgewell/set-array": "^1.2.1",
 				"@jridgewell/sourcemap-codec": "^1.4.10",
@@ -797,7 +798,6 @@
 			"version": "3.1.2",
 			"resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
 			"integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
-			"dev": true,
 			"engines": {
 				"node": ">=6.0.0"
 			}
@@ -806,7 +806,6 @@
 			"version": "1.2.1",
 			"resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
 			"integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
-			"dev": true,
 			"engines": {
 				"node": ">=6.0.0"
 			}
@@ -814,14 +813,12 @@
 		"node_modules/@jridgewell/sourcemap-codec": {
 			"version": "1.4.15",
 			"resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
-			"integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
-			"dev": true
+			"integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
 		},
 		"node_modules/@jridgewell/trace-mapping": {
 			"version": "0.3.25",
 			"resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
 			"integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
-			"dev": true,
 			"dependencies": {
 				"@jridgewell/resolve-uri": "^3.1.0",
 				"@jridgewell/sourcemap-codec": "^1.4.14"
@@ -1501,7 +1498,6 @@
 			"version": "1.0.6",
 			"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
 			"integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
-			"dev": true,
 			"license": "MIT"
 		},
 		"node_modules/@types/pug": {
@@ -1526,7 +1522,6 @@
 			"version": "8.11.3",
 			"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
 			"integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
-			"dev": true,
 			"bin": {
 				"acorn": "bin/acorn"
 			},
@@ -1611,7 +1606,6 @@
 			"version": "5.3.0",
 			"resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
 			"integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
-			"dev": true,
 			"dependencies": {
 				"dequal": "^2.0.3"
 			}
@@ -1658,7 +1652,6 @@
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.0.0.tgz",
 			"integrity": "sha512-+60uv1hiVFhHZeO+Lz0RYzsVHy5Wr1ayX0mwda9KPDVLNJgZ1T9Ny7VmFbLDzxsH0D87I86vgj3gFrjTJUYznw==",
-			"dev": true,
 			"dependencies": {
 				"dequal": "^2.0.3"
 			}
@@ -1959,7 +1952,6 @@
 			"version": "1.0.4",
 			"resolved": "https://registry.npmjs.org/code-red/-/code-red-1.0.4.tgz",
 			"integrity": "sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==",
-			"dev": true,
 			"dependencies": {
 				"@jridgewell/sourcemap-codec": "^1.4.15",
 				"@types/estree": "^1.0.1",
@@ -2113,7 +2105,6 @@
 			"version": "2.3.1",
 			"resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
 			"integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
-			"dev": true,
 			"dependencies": {
 				"mdn-data": "2.0.30",
 				"source-map-js": "^1.0.1"
@@ -2268,7 +2259,6 @@
 			"version": "2.0.3",
 			"resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
 			"integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
-			"dev": true,
 			"engines": {
 				"node": ">=6"
 			}
@@ -2512,7 +2502,6 @@
 			"version": "3.0.3",
 			"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
 			"integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
-			"dev": true,
 			"dependencies": {
 				"@types/estree": "^1.0.0"
 			}
@@ -2920,7 +2909,6 @@
 			"version": "3.0.2",
 			"resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.2.tgz",
 			"integrity": "sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==",
-			"dev": true,
 			"dependencies": {
 				"@types/estree": "*"
 			}
@@ -3034,8 +3022,7 @@
 		"node_modules/locate-character": {
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz",
-			"integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==",
-			"dev": true
+			"integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA=="
 		},
 		"node_modules/lodash.castarray": {
 			"version": "4.4.0",
@@ -3077,7 +3064,6 @@
 			"version": "0.30.10",
 			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.10.tgz",
 			"integrity": "sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==",
-			"dev": true,
 			"dependencies": {
 				"@jridgewell/sourcemap-codec": "^1.4.15"
 			}
@@ -3085,8 +3071,7 @@
 		"node_modules/mdn-data": {
 			"version": "2.0.30",
 			"resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
-			"integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
-			"dev": true
+			"integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA=="
 		},
 		"node_modules/merge2": {
 			"version": "1.4.1",
@@ -3437,7 +3422,6 @@
 			"version": "3.1.0",
 			"resolved": "https://registry.npmjs.org/periscopic/-/periscopic-3.1.0.tgz",
 			"integrity": "sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==",
-			"dev": true,
 			"dependencies": {
 				"@types/estree": "^1.0.0",
 				"estree-walker": "^3.0.0",
@@ -4131,7 +4115,6 @@
 			"version": "1.2.1",
 			"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
 			"integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
-			"dev": true,
 			"license": "BSD-3-Clause",
 			"engines": {
 				"node": ">=0.10.0"
@@ -4384,7 +4367,6 @@
 			"version": "4.2.19",
 			"resolved": "https://registry.npmjs.org/svelte/-/svelte-4.2.19.tgz",
 			"integrity": "sha512-IY1rnGr6izd10B0A8LqsBfmlT5OILVuZ7XsI0vdGPEvuonFV7NYEUK4dAkm9Zg2q0Um92kYjTpS1CAP3Nh/KWw==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"@ampproject/remapping": "^2.2.1",
@@ -4428,6 +4410,12 @@
 				"svelte": "^3.55.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0"
 			}
 		},
+		"node_modules/svelte-confetti": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/svelte-confetti/-/svelte-confetti-1.0.0.tgz",
+			"integrity": "sha512-mJRlys/RPnC9Z+5cjBanY6xFOuTBnxyYJCPiMdsK4kQUh4M1id8ruo13UqFX+6leDlkhOmhY2DuFkYssuFDDOA==",
+			"dev": true
+		},
 		"node_modules/svelte-highlight": {
 			"version": "7.6.1",
 			"resolved": "https://registry.npmjs.org/svelte-highlight/-/svelte-highlight-7.6.1.tgz",
@@ -4463,6 +4451,32 @@
 				"focus-options-polyfill": "^1.6.0"
 			}
 		},
+		"node_modules/svelte-particles": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/svelte-particles/-/svelte-particles-2.12.0.tgz",
+			"integrity": "sha512-DISZn5RNIt7hP9SORogWmXyIA/MCha6kkcwRCa7fl3leD1+GFHeNMSjdmyhqlfgip82g17WUFxwyA8n/8EM5KQ==",
+			"deprecated": "@tsparticles/svelte is the newest package compatible with v3, please use that instead",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/matteobruni"
+				},
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/tsparticles"
+				},
+				{
+					"type": "buymeacoffee",
+					"url": "https://www.buymeacoffee.com/matteobruni"
+				}
+			],
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			},
+			"peerDependencies": {
+				"svelte": ">=3"
+			}
+		},
 		"node_modules/svelte-preprocess": {
 			"version": "5.1.4",
 			"resolved": "https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.1.4.tgz",
@@ -4733,6 +4747,418 @@
 			"integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==",
 			"dev": true
 		},
+		"node_modules/tsparticles-basic": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-basic/-/tsparticles-basic-2.12.0.tgz",
+			"integrity": "sha512-pN6FBpL0UsIUXjYbiui5+IVsbIItbQGOlwyGV55g6IYJBgdTNXgFX0HRYZGE9ZZ9psEXqzqwLM37zvWnb5AG9g==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/matteobruni"
+				},
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/tsparticles"
+				},
+				{
+					"type": "buymeacoffee",
+					"url": "https://www.buymeacoffee.com/matteobruni"
+				}
+			],
+			"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"
+			}
+		},
+		"node_modules/tsparticles-engine": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-engine/-/tsparticles-engine-2.12.0.tgz",
+			"integrity": "sha512-ZjDIYex6jBJ4iMc9+z0uPe7SgBnmb6l+EJm83MPIsOny9lPpetMsnw/8YJ3xdxn8hV+S3myTpTN1CkOVmFv0QQ==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/matteobruni"
+				},
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/tsparticles"
+				},
+				{
+					"type": "buymeacoffee",
+					"url": "https://www.buymeacoffee.com/matteobruni"
+				}
+			],
+			"hasInstallScript": true
+		},
+		"node_modules/tsparticles-interaction-external-attract": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-interaction-external-attract/-/tsparticles-interaction-external-attract-2.12.0.tgz",
+			"integrity": "sha512-0roC6D1QkFqMVomcMlTaBrNVjVOpyNzxIUsjMfshk2wUZDAvTNTuWQdUpmsLS4EeSTDN3rzlGNnIuuUQqyBU5w==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-interaction-external-bounce": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-interaction-external-bounce/-/tsparticles-interaction-external-bounce-2.12.0.tgz",
+			"integrity": "sha512-MMcqKLnQMJ30hubORtdq+4QMldQ3+gJu0bBYsQr9BsThsh8/V0xHc1iokZobqHYVP5tV77mbFBD8Z7iSCf0TMQ==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-interaction-external-bubble": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-interaction-external-bubble/-/tsparticles-interaction-external-bubble-2.12.0.tgz",
+			"integrity": "sha512-5kImCSCZlLNccXOHPIi2Yn+rQWTX3sEa/xCHwXW19uHxtILVJlnAweayc8+Zgmb7mo0DscBtWVFXHPxrVPFDUA==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-interaction-external-connect": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-interaction-external-connect/-/tsparticles-interaction-external-connect-2.12.0.tgz",
+			"integrity": "sha512-ymzmFPXz6AaA1LAOL5Ihuy7YSQEW8MzuSJzbd0ES13U8XjiU3HlFqlH6WGT1KvXNw6WYoqrZt0T3fKxBW3/C3A==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-interaction-external-grab": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-interaction-external-grab/-/tsparticles-interaction-external-grab-2.12.0.tgz",
+			"integrity": "sha512-iQF/A947hSfDNqAjr49PRjyQaeRkYgTYpfNmAf+EfME8RsbapeP/BSyF6mTy0UAFC0hK2A2Hwgw72eT78yhXeQ==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-interaction-external-pause": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-interaction-external-pause/-/tsparticles-interaction-external-pause-2.12.0.tgz",
+			"integrity": "sha512-4SUikNpsFROHnRqniL+uX2E388YTtfRWqqqZxRhY0BrijH4z04Aii3YqaGhJxfrwDKkTQlIoM2GbFT552QZWjw==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-interaction-external-push": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-interaction-external-push/-/tsparticles-interaction-external-push-2.12.0.tgz",
+			"integrity": "sha512-kqs3V0dgDKgMoeqbdg+cKH2F+DTrvfCMrPF1MCCUpBCqBiH+TRQpJNNC86EZYHfNUeeLuIM3ttWwIkk2hllR/Q==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-interaction-external-remove": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-interaction-external-remove/-/tsparticles-interaction-external-remove-2.12.0.tgz",
+			"integrity": "sha512-2eNIrv4m1WB2VfSVj46V2L/J9hNEZnMgFc+A+qmy66C8KzDN1G8aJUAf1inW8JVc0lmo5+WKhzex4X0ZSMghBg==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-interaction-external-repulse": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-interaction-external-repulse/-/tsparticles-interaction-external-repulse-2.12.0.tgz",
+			"integrity": "sha512-rSzdnmgljeBCj5FPp4AtGxOG9TmTsK3AjQW0vlyd1aG2O5kSqFjR+FuT7rfdSk9LEJGH5SjPFE6cwbuy51uEWA==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-interaction-external-slow": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-interaction-external-slow/-/tsparticles-interaction-external-slow-2.12.0.tgz",
+			"integrity": "sha512-2IKdMC3om7DttqyroMtO//xNdF0NvJL/Lx7LDo08VpfTgJJozxU+JAUT8XVT7urxhaDzbxSSIROc79epESROtA==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-interaction-particles-attract": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-interaction-particles-attract/-/tsparticles-interaction-particles-attract-2.12.0.tgz",
+			"integrity": "sha512-Hl8qwuwF9aLq3FOkAW+Zomu7Gb8IKs6Y3tFQUQScDmrrSCaeRt2EGklAiwgxwgntmqzL7hbMWNx06CHHcUQKdQ==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-interaction-particles-collisions": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-interaction-particles-collisions/-/tsparticles-interaction-particles-collisions-2.12.0.tgz",
+			"integrity": "sha512-Se9nPWlyPxdsnHgR6ap4YUImAu3W5MeGKJaQMiQpm1vW8lSMOUejI1n1ioIaQth9weKGKnD9rvcNn76sFlzGBA==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-interaction-particles-links": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-interaction-particles-links/-/tsparticles-interaction-particles-links-2.12.0.tgz",
+			"integrity": "sha512-e7I8gRs4rmKfcsHONXMkJnymRWpxHmeaJIo4g2NaDRjIgeb2AcJSWKWZvrsoLnm7zvaf/cMQlbN6vQwCixYq3A==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-move-base": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-move-base/-/tsparticles-move-base-2.12.0.tgz",
+			"integrity": "sha512-oSogCDougIImq+iRtIFJD0YFArlorSi8IW3HD2gO3USkH+aNn3ZqZNTqp321uB08K34HpS263DTbhLHa/D6BWw==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-move-parallax": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-move-parallax/-/tsparticles-move-parallax-2.12.0.tgz",
+			"integrity": "sha512-58CYXaX8Ih5rNtYhpnH0YwU4Ks7gVZMREGUJtmjhuYN+OFr9FVdF3oDIJ9N6gY5a5AnAKz8f5j5qpucoPRcYrQ==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-particles.js": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-particles.js/-/tsparticles-particles.js-2.12.0.tgz",
+			"integrity": "sha512-LyOuvYdhbUScmA4iDgV3LxA0HzY1DnOwQUy3NrPYO393S2YwdDjdwMod6Btq7EBUjg9FVIh+sZRizgV5elV2dg==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/matteobruni"
+				},
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/tsparticles"
+				},
+				{
+					"type": "buymeacoffee",
+					"url": "https://www.buymeacoffee.com/matteobruni"
+				}
+			],
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-plugin-easing-quad": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-plugin-easing-quad/-/tsparticles-plugin-easing-quad-2.12.0.tgz",
+			"integrity": "sha512-2mNqez5pydDewMIUWaUhY5cNQ80IUOYiujwG6qx9spTq1D6EEPLbRNAEL8/ecPdn2j1Um3iWSx6lo340rPkv4Q==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/matteobruni"
+				},
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/tsparticles"
+				},
+				{
+					"type": "buymeacoffee",
+					"url": "https://www.buymeacoffee.com/matteobruni"
+				}
+			],
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-shape-circle": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-shape-circle/-/tsparticles-shape-circle-2.12.0.tgz",
+			"integrity": "sha512-L6OngbAlbadG7b783x16ns3+SZ7i0SSB66M8xGa5/k+YcY7zm8zG0uPt1Hd+xQDR2aNA3RngVM10O23/Lwk65Q==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-shape-image": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-shape-image/-/tsparticles-shape-image-2.12.0.tgz",
+			"integrity": "sha512-iCkSdUVa40DxhkkYjYuYHr9MJGVw+QnQuN5UC+e/yBgJQY+1tQL8UH0+YU/h0GHTzh5Sm+y+g51gOFxHt1dj7Q==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-shape-line": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-shape-line/-/tsparticles-shape-line-2.12.0.tgz",
+			"integrity": "sha512-RcpKmmpKlk+R8mM5wA2v64Lv1jvXtU4SrBDv3vbdRodKbKaWGGzymzav1Q0hYyDyUZgplEK/a5ZwrfrOwmgYGA==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-shape-polygon": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-shape-polygon/-/tsparticles-shape-polygon-2.12.0.tgz",
+			"integrity": "sha512-5YEy7HVMt1Obxd/jnlsjajchAlYMr9eRZWN+lSjcFSH6Ibra7h59YuJVnwxOxAobpijGxsNiBX0PuGQnB47pmA==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-shape-square": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-shape-square/-/tsparticles-shape-square-2.12.0.tgz",
+			"integrity": "sha512-33vfajHqmlODKaUzyPI/aVhnAOT09V7nfEPNl8DD0cfiNikEuPkbFqgJezJuE55ebtVo7BZPDA9o7GYbWxQNuw==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-shape-star": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-shape-star/-/tsparticles-shape-star-2.12.0.tgz",
+			"integrity": "sha512-4sfG/BBqm2qBnPLASl2L5aBfCx86cmZLXeh49Un+TIR1F5Qh4XUFsahgVOG0vkZQa+rOsZPEH04xY5feWmj90g==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-shape-text": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-shape-text/-/tsparticles-shape-text-2.12.0.tgz",
+			"integrity": "sha512-v2/FCA+hyTbDqp2ymFOe97h/NFb2eezECMrdirHWew3E3qlvj9S/xBibjbpZva2gnXcasBwxn0+LxKbgGdP0rA==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-slim": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-slim/-/tsparticles-slim-2.12.0.tgz",
+			"integrity": "sha512-27w9aGAAAPKHvP4LHzWFpyqu7wKyulayyaZ/L6Tuuejy4KP4BBEB4rY5GG91yvAPsLtr6rwWAn3yS+uxnBDpkA==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/matteobruni"
+				},
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/tsparticles"
+				},
+				{
+					"type": "buymeacoffee",
+					"url": "https://www.buymeacoffee.com/matteobruni"
+				}
+			],
+			"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"
+			}
+		},
+		"node_modules/tsparticles-updater-color": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-updater-color/-/tsparticles-updater-color-2.12.0.tgz",
+			"integrity": "sha512-KcG3a8zd0f8CTiOrylXGChBrjhKcchvDJjx9sp5qpwQK61JlNojNCU35xoaSk2eEHeOvFjh0o3CXWUmYPUcBTQ==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-updater-life": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-updater-life/-/tsparticles-updater-life-2.12.0.tgz",
+			"integrity": "sha512-J7RWGHAZkowBHpcLpmjKsxwnZZJ94oGEL2w+wvW1/+ZLmAiFFF6UgU0rHMC5CbHJT4IPx9cbkYMEHsBkcRJ0Bw==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-updater-opacity": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-updater-opacity/-/tsparticles-updater-opacity-2.12.0.tgz",
+			"integrity": "sha512-YUjMsgHdaYi4HN89LLogboYcCi1o9VGo21upoqxq19yRy0hRCtx2NhH22iHF/i5WrX6jqshN0iuiiNefC53CsA==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-updater-out-modes": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-updater-out-modes/-/tsparticles-updater-out-modes-2.12.0.tgz",
+			"integrity": "sha512-owBp4Gk0JNlSrmp12XVEeBroDhLZU+Uq3szbWlHGSfcR88W4c/0bt0FiH5bHUqORIkw+m8O56hCjbqwj69kpOQ==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-updater-rotate": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-updater-rotate/-/tsparticles-updater-rotate-2.12.0.tgz",
+			"integrity": "sha512-waOFlGFmEZOzsQg4C4VSejNVXGf4dMf3fsnQrEROASGf1FCd8B6WcZau7JtXSTFw0OUGuk8UGz36ETWN72DkCw==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-updater-size": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-updater-size/-/tsparticles-updater-size-2.12.0.tgz",
+			"integrity": "sha512-B0yRdEDd/qZXCGDL/ussHfx5YJ9UhTqNvmS5X2rR2hiZhBAE2fmsXLeWkdtF2QusjPeEqFDxrkGiLOsh6poqRA==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
+		"node_modules/tsparticles-updater-stroke-color": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/tsparticles-updater-stroke-color/-/tsparticles-updater-stroke-color-2.12.0.tgz",
+			"integrity": "sha512-MPou1ZDxsuVq6SN1fbX+aI5yrs6FyP2iPCqqttpNbWyL+R6fik1rL0ab/x02B57liDXqGKYomIbBQVP3zUTW1A==",
+			"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
+			"dependencies": {
+				"tsparticles-engine": "^2.12.0"
+			}
+		},
 		"node_modules/tunnel-agent": {
 			"version": "0.6.0",
 			"resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
diff --git a/package.json b/package.json
index f34b869..0ea8440 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,7 @@
 		"sass": "^1.77.4",
 		"svelte": "^4.2.7",
 		"svelte-check": "^3.6.0",
+		"svelte-confetti": "^1.0.0",
 		"svelte-highlight": "^7.6.0",
 		"svelte-parallax": "^0.6.0",
 		"tailwindcss": "^3.4.13",
@@ -33,6 +34,8 @@
 	"type": "module",
 	"dependencies": {
 		"svelte-media-queries": "^1.6.2",
-		"theme-change": "^2.5.0"
+		"svelte-particles": "^2.12.0",
+		"theme-change": "^2.5.0",
+		"tsparticles-slim": "^2.12.0"
 	}
 }
diff --git a/src/app.html b/src/app.html
index 2c70dd0..8c80edf 100644
--- a/src/app.html
+++ b/src/app.html
@@ -8,7 +8,6 @@
         <!-- Change theme for site here -->
         <link rel="stylesheet" href="/stylesheets/main-theme.css" />
         <link rel="stylesheet" href="/stylesheets/global.css" />
-
 		%sveltekit.head%
 
 	</head>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 61e785f..3cebd44 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -6,53 +6,26 @@
     import { ButtonType } from '$lib/IO/ButtonType.ts';
     import Timeline from '../comps/timeline/timeline.svelte';
     import { Parallax, ParallaxLayer, StickyLayer } from "svelte-parallax";
+    import { Confetti } from "svelte-confetti"
+    import { tick } from 'svelte'
 
 
     import BackgroundVideo from "$lib/videos/DeprivedDevMontage.gif"
     import FrontFold from './comps/FrontFold.svelte';
 
-    export let data; // <- contains post data
-
-    $: most_recent_post = data.summaries[0];
-
     const mobileThreshold : string = '600px'; // was 1000px. zhen testing
     let mobile : boolean;
 
     import { onMount } from 'svelte';
 
-    // Function to set a cookie
-    function setCookie(name: string, value: string, days: number): void {
-        const date = new Date();
-        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
-        document.cookie = `${name}=${value};expires=${date.toUTCString()};path=/`;
-    }
-
-    // Function to get a cookie
-    function getCookie(name: string): string | undefined {
-        const value = `; ${document.cookie}`;
-        const parts = value.split(`; ${name}=`);
-        if (parts.length === 2) return parts.pop()?.split(';').shift();
-        return undefined;
-    }
-
-    // Store scroll position in a cookie when the user scrolls
-    function handleScroll(): void {
-        setCookie('scrollPosition', window.scrollY.toString(), 1);
-    }
-
     // Restore scroll position on mount
-    onMount(() => {
-        const scrollPosition = getCookie('scrollPosition');
-        if (scrollPosition) {
-            window.scrollTo(0, parseInt(scrollPosition, 10));
-        }
-        window.addEventListener('scroll', handleScroll);
+    
+    let showConfetti: boolean = false;
+    function onProgressConfetti(progress: number){
+        // console.log(progress > 0.225);
 
-        // Cleanup event listener on component unmount
-        return () => {
-            window.removeEventListener('scroll', handleScroll);
-        };
-    });
+        showConfetti = progress > 0.225;
+    }
 </script>
 
 
@@ -68,14 +41,14 @@
                 {#if mobile}
                     <div style="width: 100px; height: 100px;"></div>
                 {/if}
-            </div>                   
-        </div>        
+            </div>
+        </div>
     </ParallaxLayer>
     <ParallaxLayer offset={0.55} rate={0.3} class="bg-base-200 pointer-events-none">
         
     </ParallaxLayer>
 
-    <ParallaxLayer offset={0.75}>
+    <ParallaxLayer onProgress={onProgressConfetti} offset={0.75}>
         <div class="prose flex justify-center m-auto">
             <h1 class="main-title text-center" style="font-size: {!mobile ? 3 : 2}rem;">
                 Developers!
@@ -85,9 +58,14 @@
 
     <!-- Decorative:  -->
     <StickyLayer offset={(!mobile) ? ({ top: 0.4, bottom: 0.75 }) : ({ top: 0.4, bottom: 0.4 })} class="pointer-events-none">
-        <div class="prose font-mono pointer-events-auto  h-full" style="max-width: 100%;">            
-            <div class="grid place-content-center h-full">
-                <div class="grid gap-4 p-4" style="{!mobile ? "max-width: 50vw;" : ""} background: linear-gradient(to bottom, transparent 0%, oklch(var(--b2)) 5%)">
+        <div class="prose font-mono pointer-events-auto  h-full" style="max-width: 100%;">
+            <div class="flex justify-center items-center h-full relative">
+                <div style="position: absolute; top: 30vh; {!mobile ? "max-width: 35vw;" : "width: 100%;"}">
+                    {#if showConfetti}
+                    <Confetti amount={10} colorArray={["white"]} />
+                    {/if}
+                </div>
+                <div class="grid gap-4" style="{!mobile ? "max-width: 50vw;" : ""} background: linear-gradient(to bottom, transparent 0%, oklch(var(--b2)) 5%)">
                     <FrontFold Title="Alex / Zhen" Checked={true}>
                         <p>Hi, I am Alex/Zhen, I'm that chinese guy.</p>
                         <p>Here's my CV: <a href="/zhen/cv/rev2?hideOnPrint=1" style="color:lightblue;">pdf</a></p>
@@ -98,7 +76,7 @@
                     </FrontFold>
                     <FrontFold Title="Zylvester">
                         <p>Hi, I am [insert text here]</p>
-                        <p>Here's a joke about recursion: <a href="" style="color:lightblue;">recursion</a></p>
+                        <p>Here's a joke about recursion: <a href="/" style="color:lightblue;">recursion</a></p>
                     </FrontFold>
                 </div>
             </div>
diff --git a/vite.config.js b/vite.config.js
index 90554bd..17baa0c 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -3,5 +3,5 @@ import { defineConfig } from 'vite';
 import { imagetools } from '@zerodevx/svelte-img/vite' // https://zerodevx.github.io/svelte-img/
 
 export default defineConfig({
-	plugins: [sveltekit(), imagetools()]
+	plugins: [sveltekit(), imagetools()],
 });