diff --git a/package.json b/package.json
index 600268a8..386ace9b 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,6 @@
     "@astrojs/sitemap": "^3.1.6",
     "@astrojs/vercel": "^7.7.2",
     "@nanostores/react": "^0.7.2",
-    "@react-spring/web": "^9.7.3",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "astro": "^4.11.1",
@@ -46,17 +45,13 @@
     "markdown-it": "^14.1.0",
     "nanoid": "^5.0.7",
     "nanostores": "^0.10.3",
-    "nice-color-palettes": "^3.0.0",
-    "p5": "^1.9.4",
-    "p5.brush": "^1.1.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-slug": "^6.0.0",
     "remark-imgattr": "^1.0.5",
     "sanitize-html": "^2.13.0",
-    "sharp": "^0.33.4",
-    "simplex-noise": "^4.0.1"
+    "sharp": "^0.33.4"
   },
   "devDependencies": {
     "@axe-core/playwright": "^4.9.1",
@@ -64,7 +59,6 @@
     "@radix-ui/colors": "^3.0.0",
     "@types/howler": "^2.2.11",
     "@types/node": "^18.19.17",
-    "@types/p5": "^1.7.6",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
     "eslint": "^8.57.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cc1c1e75..bcf523ae 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -32,9 +32,6 @@ dependencies:
   '@nanostores/react':
     specifier: ^0.7.2
     version: 0.7.2(nanostores@0.10.3)(react@18.3.1)
-  '@react-spring/web':
-    specifier: ^9.7.3
-    version: 9.7.3(react-dom@18.3.1)(react@18.3.1)
   '@types/react':
     specifier: ^18.3.3
     version: 18.3.3
@@ -80,15 +77,6 @@ dependencies:
   nanostores:
     specifier: ^0.10.3
     version: 0.10.3
-  nice-color-palettes:
-    specifier: ^3.0.0
-    version: 3.0.0
-  p5:
-    specifier: ^1.9.4
-    version: 1.9.4
-  p5.brush:
-    specifier: ^1.1.2
-    version: 1.1.2(p5@1.9.4)
   react:
     specifier: ^18.3.1
     version: 18.3.1
@@ -110,9 +98,6 @@ dependencies:
   sharp:
     specifier: ^0.33.4
     version: 0.33.4
-  simplex-noise:
-    specifier: ^4.0.1
-    version: 4.0.1
 
 devDependencies:
   '@axe-core/playwright':
@@ -130,9 +115,6 @@ devDependencies:
   '@types/node':
     specifier: ^18.19.17
     version: 18.19.17
-  '@types/p5':
-    specifier: ^1.7.6
-    version: 1.7.6
   '@typescript-eslint/eslint-plugin':
     specifier: ^6.21.0
     version: 6.21.0(@typescript-eslint/parser@6.21.0)(eslint@8.57.0)(typescript@5.5.2)
@@ -1771,54 +1753,6 @@ packages:
     resolution: {integrity: sha512-FUOsGBkHrYJwCSEtWRCIfQbZG7q1e6DgxCIOe1SUQzDe/7rXXeA47s8yCn6fuTNQAj1Zq4oTFi9Yjp3wzElcxg==}
     dev: true
 
-  /@react-spring/animated@9.7.3(react@18.3.1):
-    resolution: {integrity: sha512-5CWeNJt9pNgyvuSzQH+uy2pvTg8Y4/OisoscZIR8/ZNLIOI+CatFBhGZpDGTF/OzdNFsAoGk3wiUYTwoJ0YIvw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    dependencies:
-      '@react-spring/shared': 9.7.3(react@18.3.1)
-      '@react-spring/types': 9.7.3
-      react: 18.3.1
-    dev: false
-
-  /@react-spring/core@9.7.3(react@18.3.1):
-    resolution: {integrity: sha512-IqFdPVf3ZOC1Cx7+M0cXf4odNLxDC+n7IN3MDcVCTIOSBfqEcBebSv+vlY5AhM0zw05PDbjKrNmBpzv/AqpjnQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    dependencies:
-      '@react-spring/animated': 9.7.3(react@18.3.1)
-      '@react-spring/shared': 9.7.3(react@18.3.1)
-      '@react-spring/types': 9.7.3
-      react: 18.3.1
-    dev: false
-
-  /@react-spring/shared@9.7.3(react@18.3.1):
-    resolution: {integrity: sha512-NEopD+9S5xYyQ0pGtioacLhL2luflh6HACSSDUZOwLHoxA5eku1UPuqcJqjwSD6luKjjLfiLOspxo43FUHKKSA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    dependencies:
-      '@react-spring/types': 9.7.3
-      react: 18.3.1
-    dev: false
-
-  /@react-spring/types@9.7.3:
-    resolution: {integrity: sha512-Kpx/fQ/ZFX31OtlqVEFfgaD1ACzul4NksrvIgYfIFq9JpDHFwQkMVZ10tbo0FU/grje4rcL4EIrjekl3kYwgWw==}
-    dev: false
-
-  /@react-spring/web@9.7.3(react-dom@18.3.1)(react@18.3.1):
-    resolution: {integrity: sha512-BXt6BpS9aJL/QdVqEIX9YoUy8CE6TJrU0mNCqSoxdXlIeNcEBWOfIyE6B14ENNsyQKS3wOWkiJfco0tCr/9tUg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
-      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-    dependencies:
-      '@react-spring/animated': 9.7.3(react@18.3.1)
-      '@react-spring/core': 9.7.3(react@18.3.1)
-      '@react-spring/shared': 9.7.3(react@18.3.1)
-      '@react-spring/types': 9.7.3
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    dev: false
-
   /@rollup/pluginutils@4.2.1:
     resolution: {integrity: sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==}
     engines: {node: '>= 8.0.0'}
@@ -1962,18 +1896,6 @@ packages:
       chalk: 4.1.2
     dev: true
 
-  /@sindresorhus/is@0.14.0:
-    resolution: {integrity: sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ==}
-    engines: {node: '>=6'}
-    dev: false
-
-  /@szmarczak/http-timer@1.1.2:
-    resolution: {integrity: sha512-XIB2XbzHTN6ieIjfIMV9hlVcfPU26s2vafYWQcZHWXHOxiaRZYEDKEwdl129Zyg50+foYV2jCgtrqSA6qNuNSA==}
-    engines: {node: '>=6'}
-    dependencies:
-      defer-to-connect: 1.1.3
-    dev: false
-
   /@types/acorn@4.0.6:
     resolution: {integrity: sha512-veQTnWP+1D/xbxVrPC3zHnCZRjSrKfhbMUlEA43iMZLu7EsnTtkJklIuwrCPbOi8YkvDQAiW05VQQFvvz9oieQ==}
     dependencies:
@@ -2046,12 +1968,6 @@ packages:
     resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
     dev: true
 
-  /@types/keyv@3.1.4:
-    resolution: {integrity: sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg==}
-    dependencies:
-      '@types/node': 18.19.17
-    dev: false
-
   /@types/mdast@4.0.3:
     resolution: {integrity: sha512-LsjtqsyF+d2/yFOYaN22dHZI1Cpwkrj+g06G8+qtUKlhovPW89YhqSnfKtMbkgmEtYpH2gydRNULd6y8mciAFg==}
     dependencies:
@@ -2089,10 +2005,6 @@ packages:
     resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
     dev: true
 
-  /@types/p5@1.7.6:
-    resolution: {integrity: sha512-6pLTOo0V3N5jZb5nTwjiv3lPHLK3Z/TjbhQUj8CTWXocUk1Z/f6OHTp3Pcwi1BhWnf5gqKUcyEb1gP0KIJuQgw==}
-    dev: true
-
   /@types/prop-types@15.7.11:
     resolution: {integrity: sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng==}
     dev: false
@@ -2110,12 +2022,6 @@ packages:
       csstype: 3.1.3
     dev: false
 
-  /@types/responselike@1.0.3:
-    resolution: {integrity: sha512-H/+L+UkTV33uf49PH5pCAUBVPNj2nDBXTN+qS1dOwyyg24l3CcicicCA7ca+HMvJBZcFgl5r8e+RR6elsb4Lyw==}
-    dependencies:
-      '@types/node': 18.19.17
-    dev: false
-
   /@types/sax@1.2.7:
     resolution: {integrity: sha512-rO73L89PJxeYM3s3pPPjiPgVVcymqU490g0YO5n5By0k2Erzj6tay/4lr1CHAAU4JyOWd1rpQ8bCf6cZfHU96A==}
     dependencies:
@@ -2942,19 +2848,6 @@ packages:
       run-applescript: 7.0.0
     dev: false
 
-  /cacheable-request@6.1.0:
-    resolution: {integrity: sha512-Oj3cAGPCqOZX7Rz64Uny2GYAZNliQSqfbePrgAQ1wKAihYmCUnraBtJtKcGR4xz7wF+LoJC+ssFZvv5BgF9Igg==}
-    engines: {node: '>=8'}
-    dependencies:
-      clone-response: 1.0.3
-      get-stream: 5.2.0
-      http-cache-semantics: 4.1.1
-      keyv: 3.1.0
-      lowercase-keys: 2.0.0
-      normalize-url: 4.5.1
-      responselike: 1.0.2
-    dev: false
-
   /call-bind@1.0.7:
     resolution: {integrity: sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==}
     engines: {node: '>= 0.4'}
@@ -3090,12 +2983,6 @@ packages:
       wrap-ansi: 7.0.0
     dev: false
 
-  /clone-response@1.0.3:
-    resolution: {integrity: sha512-ROoL94jJH2dUVML2Y/5PEDNaSHgeOdSDicUyS7izcF63G6sTc/FTjLub4b8Il9S8S0beOfYt0TaA5qvFK+w0wA==}
-    dependencies:
-      mimic-response: 1.0.1
-    dev: false
-
   /clsx@2.1.1:
     resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
     engines: {node: '>=6'}
@@ -3315,13 +3202,6 @@ packages:
       character-entities: 2.0.2
     dev: false
 
-  /decompress-response@3.3.0:
-    resolution: {integrity: sha512-BzRPQuY1ip+qDonAOz42gRm/pg9F768C+npV/4JOsxRC2sq+Rlk+Q4ZCAsOhnIaMrgarILY+RMUIvMmmX1qAEA==}
-    engines: {node: '>=4'}
-    dependencies:
-      mimic-response: 1.0.1
-    dev: false
-
   /deep-diff@1.0.2:
     resolution: {integrity: sha512-aWS3UIVH+NPGCD1kki+DCU9Dua032iSsO43LqQpcs4R3+dVv7tX0qBGjiVHJHjplsoUM2XRO/KB92glqc68awg==}
     dev: false
@@ -3347,10 +3227,6 @@ packages:
       default-browser-id: 5.0.0
     dev: false
 
-  /defer-to-connect@1.1.3:
-    resolution: {integrity: sha512-0ISdNousHvZT2EiFlZeZAHBUvSxmKswVCEf8hW7KWgG4a8MVEu/3Vb6uWYozkjylyCxe0JBIiRB1jV45S70WVQ==}
-    dev: false
-
   /define-data-property@1.1.4:
     resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
     engines: {node: '>= 0.4'}
@@ -3562,10 +3438,6 @@ packages:
     engines: {node: '>=4'}
     dev: false
 
-  /duplexer3@0.1.5:
-    resolution: {integrity: sha512-1A8za6ws41LQgv9HrE/66jyC5yuSjQ3L/KOpFtoBilsAK2iA2wuS5rTt1OCzIvtS2V7nVmedsUU+DGRcjBmOYA==}
-    dev: false
-
   /eastasianwidth@0.2.0:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
 
@@ -3590,12 +3462,6 @@ packages:
   /emoji-regex@9.2.2:
     resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
 
-  /end-of-stream@1.4.4:
-    resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
-    dependencies:
-      once: 1.4.0
-    dev: false
-
   /entities@4.5.0:
     resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
     engines: {node: '>=0.12'}
@@ -4078,10 +3944,6 @@ packages:
       - supports-color
     dev: true
 
-  /esm-seedrandom@3.0.5:
-    resolution: {integrity: sha512-pMAq0mFIr5JQ3Ihbng7EBLMJ+llMbaDKkiG44pqbSXS0NIZWtEANpOpxb5s6Q8Q2R562P26qMHPv8YtP/NHh9g==}
-    dev: false
-
   /espree@9.6.1:
     resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -4450,20 +4312,6 @@ packages:
       hasown: 2.0.2
     dev: true
 
-  /get-stream@4.1.0:
-    resolution: {integrity: sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==}
-    engines: {node: '>=6'}
-    dependencies:
-      pump: 3.0.0
-    dev: false
-
-  /get-stream@5.2.0:
-    resolution: {integrity: sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==}
-    engines: {node: '>=8'}
-    dependencies:
-      pump: 3.0.0
-    dev: false
-
   /get-stream@8.0.1:
     resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==}
     engines: {node: '>=16'}
@@ -4582,25 +4430,6 @@ packages:
       get-intrinsic: 1.2.4
     dev: true
 
-  /got@9.6.0:
-    resolution: {integrity: sha512-R7eWptXuGYxwijs0eV+v3o6+XH1IqVK8dJOEecQfTmkncw9AV4dcw/Dhxi8MdlqPthxxpZyizMzyg8RTmEsG+Q==}
-    engines: {node: '>=8.6'}
-    dependencies:
-      '@sindresorhus/is': 0.14.0
-      '@szmarczak/http-timer': 1.1.2
-      '@types/keyv': 3.1.4
-      '@types/responselike': 1.0.3
-      cacheable-request: 6.1.0
-      decompress-response: 3.3.0
-      duplexer3: 0.1.5
-      get-stream: 4.1.0
-      lowercase-keys: 1.0.1
-      mimic-response: 1.0.1
-      p-cancelable: 1.1.0
-      to-readable-stream: 1.0.0
-      url-parse-lax: 3.0.0
-    dev: false
-
   /graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
     dev: false
@@ -5369,10 +5198,6 @@ packages:
     hasBin: true
     dev: false
 
-  /json-buffer@3.0.0:
-    resolution: {integrity: sha512-CuUqjv0FUZIdXkHPI8MezCnFCdaTAacej1TZYulLoAg1h/PhwkdXFN4V/gzY4g+fMBCOV2xF+rp7t2XD2ns/NQ==}
-    dev: false
-
   /json-buffer@3.0.1:
     resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
     dev: true
@@ -5420,12 +5245,6 @@ packages:
       object.values: 1.2.0
     dev: true
 
-  /keyv@3.1.0:
-    resolution: {integrity: sha512-9ykJ/46SN/9KPM/sichzQ7OvXyGDYKGTaDlKMGCAlg2UK8KRy4jb0d8sFc+0Tt0YYnThq8X2RZgCg74RPxgcVA==}
-    dependencies:
-      json-buffer: 3.0.0
-    dev: false
-
   /keyv@4.5.4:
     resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
     dependencies:
@@ -5532,16 +5351,6 @@ packages:
     dependencies:
       js-tokens: 4.0.0
 
-  /lowercase-keys@1.0.1:
-    resolution: {integrity: sha512-G2Lj61tXDnVFFOi8VZds+SoQjtQC3dgokKdDG2mTm1tx4m50NUHBOZSBwQQHyy0V12A0JTG4icfZQH+xPyh8VA==}
-    engines: {node: '>=0.10.0'}
-    dev: false
-
-  /lowercase-keys@2.0.0:
-    resolution: {integrity: sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==}
-    engines: {node: '>=8'}
-    dev: false
-
   /lru-cache@10.2.0:
     resolution: {integrity: sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==}
     engines: {node: 14 || >=16.14}
@@ -5573,12 +5382,6 @@ packages:
       semver: 6.3.1
     dev: false
 
-  /map-limit@0.0.1:
-    resolution: {integrity: sha512-pJpcfLPnIF/Sk3taPW21G/RQsEEirGaFpCW3oXRwH9dnFHPHNGjNyvh++rdmC2fNqEaTw2MhYJraoJWAHx8kEg==}
-    dependencies:
-      once: 1.3.3
-    dev: false
-
   /map-obj@1.0.1:
     resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
     engines: {node: '>=0.10.0'}
@@ -6202,11 +6005,6 @@ packages:
     engines: {node: '>=12'}
     dev: false
 
-  /mimic-response@1.0.1:
-    resolution: {integrity: sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==}
-    engines: {node: '>=4'}
-    dev: false
-
   /min-indent@1.0.1:
     resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
     engines: {node: '>=4'}
@@ -6242,6 +6040,7 @@ packages:
 
   /minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+    dev: true
 
   /minipass@3.3.6:
     resolution: {integrity: sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==}
@@ -6310,20 +6109,6 @@ packages:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
     dev: true
 
-  /new-array@1.0.0:
-    resolution: {integrity: sha512-K5AyFYbuHZ4e/ti52y7k18q8UHsS78FlRd85w2Fmsd6AkuLipDihPflKC0p3PN5i8II7+uHxo+CtkLiJDfmS5A==}
-    dev: false
-
-  /nice-color-palettes@3.0.0:
-    resolution: {integrity: sha512-lL4AjabAAFi313tjrtmgm/bxCRzp4l3vCshojfV/ij3IPdtnRqv6Chcw+SqJUhbe7g3o3BecaqCJYUNLswGBhQ==}
-    hasBin: true
-    dependencies:
-      got: 9.6.0
-      map-limit: 0.0.1
-      minimist: 1.2.8
-      new-array: 1.0.0
-    dev: false
-
   /nlcst-to-string@4.0.0:
     resolution: {integrity: sha512-YKLBCcUYKAg0FNlOBT6aI91qFmSiFKiluk655WzPF+DDMA02qIyy8uiRqI8QXtcFpEvll12LpL5MXqEmAZ+dcA==}
     dependencies:
@@ -6392,11 +6177,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: false
 
-  /normalize-url@4.5.1:
-    resolution: {integrity: sha512-9UZCFRHQdNrfTpGg8+1INIg93B6zE0aXMVFkw1WFwvO4SlZywU6aLg5Of0Ap/PgcbSw4LNxvMWXMeugwMCX0AA==}
-    engines: {node: '>=8'}
-    dev: false
-
   /not@0.1.0:
     resolution: {integrity: sha512-5PDmaAsVfnWUgTUbJ3ERwn7u79Z0dYxN9ErxCpVJJqe2RK0PJ3z+iFUxuqjwtlDDegXvtWoxD/3Fzxox7tFGWA==}
     dev: false
@@ -6494,12 +6274,6 @@ packages:
       es-object-atoms: 1.0.0
     dev: true
 
-  /once@1.3.3:
-    resolution: {integrity: sha512-6vaNInhu+CHxtONf3zw3vq4SP2DOQhjBvIa3rNcG0+P7eKWlYH6Peu7rHizSloRU2EwMz6GraLieis9Ac9+p1w==}
-    dependencies:
-      wrappy: 1.0.2
-    dev: false
-
   /once@1.4.0:
     resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
     dependencies:
@@ -6556,11 +6330,6 @@ packages:
       strip-ansi: 7.1.0
     dev: false
 
-  /p-cancelable@1.1.0:
-    resolution: {integrity: sha512-s73XxOZ4zpt1edZYZzvhqFa6uvQc1vwUa0K0BdtIZgQMAJj9IbebH+JkgKZc9h+B05PKHLOTl4ajG1BmNrVZlw==}
-    engines: {node: '>=6'}
-    dev: false
-
   /p-limit@2.3.0:
     resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
     engines: {node: '>=6'}
@@ -6612,19 +6381,6 @@ packages:
     engines: {node: '>=6'}
     dev: false
 
-  /p5.brush@1.1.2(p5@1.9.4):
-    resolution: {integrity: sha512-odDgTY8+KkvtVEV95YT16VY976kJguAgsbpHsXdwkaLUUEXsiWwe51mRcvRvDYriaQ9BCSIxIHey321qKtm93Q==}
-    peerDependencies:
-      p5: ^1.9.0
-    dependencies:
-      esm-seedrandom: 3.0.5
-      p5: 1.9.4
-    dev: false
-
-  /p5@1.9.4:
-    resolution: {integrity: sha512-dhiZ9mvXx5pm8eRwml34xbeUwce4uS9Q2za0YOHg2p97N9iNAb5hTIHAt77CHKHXAh6A16u/oalz5egRfTyFWw==}
-    dev: false
-
   /parent-module@1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
@@ -6862,11 +6618,6 @@ packages:
     engines: {node: '>= 0.8.0'}
     dev: true
 
-  /prepend-http@2.0.0:
-    resolution: {integrity: sha512-ravE6m9Atw9Z/jjttRUZ+clIXogdghyZAuWJ3qEzjT+jI/dL1ifAqhZeC5VHzQp1MSt1+jxKkFNemj/iO7tVUA==}
-    engines: {node: '>=4'}
-    dev: false
-
   /prettier-linter-helpers@1.0.0:
     resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==}
     engines: {node: '>=6.0.0'}
@@ -6910,13 +6661,6 @@ packages:
   /property-information@6.4.1:
     resolution: {integrity: sha512-OHYtXfu5aI2sS2LWFSN5rgJjrQ4pCy8i1jubJLe2QvMF8JJ++HXTUIVWFLfXJoaOfvYYjk2SN8J2wFUWIGXT4w==}
 
-  /pump@3.0.0:
-    resolution: {integrity: sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==}
-    dependencies:
-      end-of-stream: 1.4.4
-      once: 1.4.0
-    dev: false
-
   /punycode.js@2.3.1:
     resolution: {integrity: sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==}
     engines: {node: '>=6'}
@@ -7195,12 +6939,6 @@ packages:
       supports-preserve-symlinks-flag: 1.0.0
     dev: true
 
-  /responselike@1.0.2:
-    resolution: {integrity: sha512-/Fpe5guzJk1gPqdJLJR5u7eG/gNY4nImjbRDaVWVMRhne55TCmj2i9Q+54PBRfatRC8v/rIiv9BN0pMd9OV5EQ==}
-    dependencies:
-      lowercase-keys: 1.0.1
-    dev: false
-
   /restore-cursor@4.0.0:
     resolution: {integrity: sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -7479,10 +7217,6 @@ packages:
       is-arrayish: 0.3.2
     dev: false
 
-  /simplex-noise@4.0.1:
-    resolution: {integrity: sha512-zl/+bdSqW7HJOQ0oDbxrNYaF4F5ik0i7M6YOYmEoIJNtg16NpvWaTTM1Y7oV/7T0jFljawLgYPS81Uu2rsfo1A==}
-    dev: false
-
   /sisteransi@1.0.5:
     resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
 
@@ -7905,11 +7639,6 @@ packages:
     engines: {node: '>=4'}
     dev: false
 
-  /to-readable-stream@1.0.0:
-    resolution: {integrity: sha512-Iq25XBt6zD5npPhlLVXGFN3/gyR2/qODcKNNyTMd4vbm39HUaOiAM4PMq0eMVC/Tkxz+Zjdsc55g9yyz+Yq00Q==}
-    engines: {node: '>=6'}
-    dev: false
-
   /to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
@@ -8179,13 +7908,6 @@ packages:
       punycode: 2.3.1
     dev: true
 
-  /url-parse-lax@3.0.0:
-    resolution: {integrity: sha512-NjFKA0DidqPa5ciFcSrXnAltTtzz84ogy+NebPvfEgAck0+TNg4UJ4IN+fB7zRZfbgUf0syOo9MDxFkDSMuFaQ==}
-    engines: {node: '>=4'}
-    dependencies:
-      prepend-http: 2.0.0
-    dev: false
-
   /util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
diff --git a/src/content/experiments/wind-waker.yml b/src/content/experiments/wind-waker.yml
index 3e4907e5..0fa84009 100644
--- a/src/content/experiments/wind-waker.yml
+++ b/src/content/experiments/wind-waker.yml
@@ -1,4 +1,4 @@
 title: Wind Waker
 description: "A pixel art recreation of the water from The Legend of Zelda: The Wind Waker."
 datePublished: 2024-02-14 12:00:00-04:00
-url: /wind-waker
+url: https://experiments.eva.town/windwaker
diff --git a/src/pages/experiments/perlin.astro b/src/pages/experiments/perlin.astro
deleted file mode 100644
index 70bb2e6c..00000000
--- a/src/pages/experiments/perlin.astro
+++ /dev/null
@@ -1,87 +0,0 @@
----
-import UnstyledBase from "../../layouts/UnstyledBase.astro";
----
-
-<UnstyledBase
-  title="P5 Perlin Noise"
-  description="Procedurally generated scenes using P5 and Perlin noise."
-  ogImage="/og/perlin.png"
-  ogAlt="A collection of pixelated blobs in various colors."
->
-  <div id="p5canvas"></div>
-</UnstyledBase>
-
-<script>
-  import p5 from "p5";
-  import colors from "nice-color-palettes";
-
-  const sketch = (p: p5) => {
-    const w = window.innerWidth;
-    const h = window.innerHeight;
-
-    const cellSize = 6;
-
-    let palette = colors[0];
-
-    const gridWidth = w / cellSize;
-    const gridHeight = h / cellSize;
-
-    let scaleX: number;
-    let scaleY: number;
-
-    let t = 0;
-
-    p.setup = () => {
-      p.createCanvas(w, h);
-
-      // Seed the noise function
-      p.noiseSeed(Math.random());
-
-      // Random scale factors for noise
-      scaleX = Math.random() * 40;
-      scaleY = Math.random() * 40;
-
-      palette = colors[Math.floor(Math.random() * colors.length)];
-    };
-
-    p.draw = () => {
-      p.background(255);
-      p.noStroke();
-      t += 0.01;
-
-      for (var i = 0; i < gridWidth; i++) {
-        for (var j = 0; j < gridHeight; j++) {
-          // Generate Perlin noise value for this cell
-          var noiseVal = p.noise(i / scaleX + t, j / scaleY + t, t);
-
-          if (noiseVal < 0.3) {
-            p.fill(palette[0]);
-          } else if (noiseVal < 0.4) {
-            p.fill(palette[1]);
-          } else if (noiseVal < 0.5) {
-            p.fill(palette[2]);
-          } else if (noiseVal < 0.7) {
-            p.fill(palette[3]);
-          } else p.fill(palette[4]);
-
-          // Draw the rectangle for this grid cell
-          p.rect(i * cellSize, j * cellSize, cellSize, cellSize);
-        }
-      }
-    };
-  };
-
-  const canvas = document.getElementById("p5canvas");
-  export const myp5 = new p5(sketch, canvas!);
-</script>
-
-<style>
-  #p5canvas {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100dvh;
-    position: fixed;
-    inset: 0;
-  }
-</style>
diff --git a/src/pages/experiments/sine.astro b/src/pages/experiments/sine.astro
deleted file mode 100644
index 66a5a551..00000000
--- a/src/pages/experiments/sine.astro
+++ /dev/null
@@ -1,63 +0,0 @@
----
-import UnstyledBase from "../../layouts/UnstyledBase.astro";
----
-
-<UnstyledBase title="P5 Experiments" description="p5p5p5p5p5p5p5p5">
-  <div id="p5canvas"></div>
-</UnstyledBase>
-
-<script>
-  import p5 from "p5";
-
-  const sketch = (p: p5) => {
-    const w = window.innerWidth;
-    const h = window.innerHeight;
-
-    const cellSize = 24;
-
-    const gridWidth = w / cellSize;
-    const gridHeight = h / cellSize;
-
-    let rStart: number;
-
-    p.setup = () => {
-      p.createCanvas(w, h);
-      rStart = p.random(0, 1000);
-      // No loop needed unless you want to animate or interact
-      p.noLoop();
-    };
-    var t = 0;
-
-    p.draw = () => {
-      p.background(255); // Set background to white
-      p.noStroke();
-
-      // Draw loop for our grid
-      t += 0.02 + rStart;
-
-      for (var i = 0; i < gridWidth; i++) {
-        for (var j = 0; j < gridHeight; j++) {
-          var sin = Math.sin(t + i / 20) * cellSize;
-          var cos = Math.cos(t + j / 20) * cellSize;
-
-          p.fill("black"); // Set fill color
-
-          // Draw the rectangle for this grid cell
-          p.rect(i * cellSize, j * cellSize, sin, cos);
-        }
-      }
-    };
-  };
-
-  const canvas = document.getElementById("p5canvas");
-  export const myp5 = new p5(sketch, canvas!);
-</script>
-
-<style>
-  #p5canvas {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100vh;
-  }
-</style>
diff --git a/src/pages/experiments/starburst.astro b/src/pages/experiments/starburst.astro
deleted file mode 100644
index eee8d184..00000000
--- a/src/pages/experiments/starburst.astro
+++ /dev/null
@@ -1,82 +0,0 @@
----
-import UnstyledBase from "../../layouts/UnstyledBase.astro";
----
-
-<UnstyledBase
-  title="✳️"
-  description="Generative starburst patterns using P5.js and P5.brush."
-  ogImage="/og/starburst.png"
-  ogAlt="White spokes undulate outward from the center of the canvas. An irregular shaped red line encircles them."
->
-  <div id="p5canvas"></div>
-</UnstyledBase>
-
-<script>
-  import p5 from "p5";
-  // No existing type defs for p5.brush
-  // @ts-ignore
-  import * as brush from "p5.brush";
-
-  const sketch = (p: p5) => {
-    let canvasSize = p.min(p.windowWidth, p.windowHeight);
-
-    const count = 27;
-    const maxLength = canvasSize * 0.6;
-
-    const whiteLineIntensity = 2.5;
-    const redLineIntensity = 0.8;
-
-    brush.instance(p);
-
-    let t = 0;
-
-    p.setup = () => {
-      p.createCanvas(canvasSize, canvasSize, p.WEBGL);
-      p.angleMode(p.DEGREES);
-
-      brush.load();
-
-      // p.noLoop();
-      p.frameRate(3);
-    };
-
-    p.draw = () => {
-      p.background("#111111");
-      t += 0.1;
-
-      brush.set("rotring", "#f5f5f5", 12);
-
-      for (let i = 0; i < count; i++) {
-        let currentAngle = (360 / count) * i;
-        let xoff = p.map(p.cos(currentAngle), -1, 1, 0, whiteLineIntensity);
-        let yoff = p.map(p.sin(currentAngle), -1, 1, 0, whiteLineIntensity);
-        brush.flowLine(0, 0, p.noise(xoff, yoff, t) * maxLength, currentAngle);
-      }
-
-      brush.beginShape(0.5);
-      brush.stroke("red");
-      for (let a = 0; a <= 360; a += 8) {
-        let xoff = p.map(p.cos(a), -1, 1, 0, redLineIntensity);
-        let yoff = p.map(p.sin(a), -1, 1, 0, redLineIntensity);
-        let r = p.map(p.noise(xoff, yoff, t / 20), 0, 1, 0, maxLength);
-        let x = r * p.cos(a);
-        let y = r * p.sin(a);
-        brush.vertex(x, y);
-      }
-      brush.endShape();
-    };
-  };
-
-  const canvas = document.getElementById("p5canvas");
-  export const myp5 = new p5(sketch, canvas!);
-</script>
-
-<style>
-  #p5canvas {
-    background: #111;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100dvh;
-  }
-</style>
diff --git a/src/pages/experiments/staves.astro b/src/pages/experiments/staves.astro
deleted file mode 100644
index 812f14f6..00000000
--- a/src/pages/experiments/staves.astro
+++ /dev/null
@@ -1,3 +0,0 @@
----
-return Astro.redirect("https://composed.eva.town");
----
diff --git a/src/pages/experiments/svg-perlin.astro b/src/pages/experiments/svg-perlin.astro
deleted file mode 100644
index e3fd544d..00000000
--- a/src/pages/experiments/svg-perlin.astro
+++ /dev/null
@@ -1,114 +0,0 @@
----
-import UnstyledBase from "../../layouts/UnstyledBase.astro";
----
-
-<UnstyledBase
-  title="Perlin Noise SVG Generation"
-  description="Procedurally generated SVG scenes using Perlin noise and nice-color-palettes."
-  ogImage="/og/perlin-svg.png"
-  ogAlt="A collection of pixelated blobs in various colors."
->
-  <svg id="svgOutput" xmlns="http://www.w3.org/2000/svg"></svg>
-</UnstyledBase>
-
-<script>
-  import { createNoise2D, type NoiseFunction2D } from "simplex-noise";
-  import colors from "nice-color-palettes";
-
-  const svg = document.getElementById("svgOutput");
-
-  let zoom: number = 3;
-  let scaleX: number;
-  let scaleY: number;
-
-  const cellSize = devicePixelRatio * zoom;
-
-  let gridWidth: number;
-  let gridHeight: number;
-
-  let palette = colors[0];
-
-  let noise: NoiseFunction2D;
-
-  function setup() {
-    clearCanvas();
-
-    noise = createNoise2D();
-
-    const w = window.innerWidth;
-    const h = window.innerHeight;
-
-    gridWidth = w / cellSize;
-    gridHeight = h / cellSize;
-
-    if (svg) {
-      svg.setAttribute("width", `${w}px`);
-      svg.setAttribute("height", `${h}px`);
-    }
-
-    // Get random palette
-    palette = colors[Math.floor(Math.random() * colors.length)];
-
-    // Random scale factors for noise
-    scaleX = Math.random() * 50;
-    scaleY = Math.random() * 50;
-  }
-
-  function drawPixel(x: number, y: number, size: number, color: string) {
-    if (!svg) return;
-
-    let rect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-    rect.setAttribute("x", `${x}px`);
-    rect.setAttribute("y", `${y}px`);
-    rect.setAttribute("width", `${size}px`);
-    rect.setAttribute("height", `${size}px`);
-    rect.setAttribute("fill", color);
-
-    svg.append(rect);
-  }
-
-  function drawCanvas() {
-    for (let i = 0; i < gridWidth; i++) {
-      for (let j = 0; j < gridHeight; j++) {
-        // Max of 2
-        const noiseVal = noise(i / scaleX, j / scaleY) + 1;
-
-        let color: string;
-        if (noiseVal < 0.5) {
-          color = palette[0];
-        } else if (noiseVal < 1) {
-          Math.random() < 0.5 ? (color = palette[1]) : (color = palette[2]);
-        } else if (noiseVal < 1.3) {
-          Math.random() < 0.5 ? (color = palette[2]) : (color = palette[3]);
-        } else color = palette[4];
-
-        setTimeout(
-          () => drawPixel(i * cellSize, j * cellSize, cellSize, color),
-          noiseVal * 50 * (j / 3)
-        );
-      }
-    }
-  }
-
-  function clearCanvas() {
-    if (!svg) return;
-    svg.innerHTML = "";
-  }
-
-  function run() {
-    setup();
-    drawCanvas();
-  }
-
-  run();
-
-  let resizeTimer: NodeJS.Timeout;
-
-  window.addEventListener("resize", () => {
-    clearTimeout(resizeTimer);
-    resizeTimer = setTimeout(function () {
-      // Resizing has stopped
-      run();
-    }, 250);
-  });
-</script>
diff --git a/src/pages/experiments/topography.astro b/src/pages/experiments/topography.astro
deleted file mode 100644
index 8feb741c..00000000
--- a/src/pages/experiments/topography.astro
+++ /dev/null
@@ -1,88 +0,0 @@
----
-import UnstyledBase from "../../layouts/UnstyledBase.astro";
----
-
-<UnstyledBase
-  title="Topography"
-  description="Generative topographical sketches using P5.js and P5.brush."
-  ogImage="/og/topography.png"
-  ogAlt="Three layers of mountains fade into the distance. The mountains are made up of hatch lines in a variety of colors."
->
-  <div id="p5canvas"></div>
-</UnstyledBase>
-
-<script>
-  import p5 from "p5";
-  // No existing type defs for p5.brush
-  // @ts-ignore
-  import * as brush from "p5.brush";
-
-  const sketch = (p: p5) => {
-    const margin = p.min(p.windowWidth, p.windowHeight) * 0.05;
-
-    let canvasWidth = p.windowWidth;
-    let canvasHeight = p.windowHeight;
-
-    const rowCount = 4;
-
-    const intensity = p.random(0.0005, 0.002);
-
-    const palettes = [
-      ["#FFEBC9", "#D79771", "#B05B3B", "#753422", "#502418"],
-      ["#FFE7E7", "#CAA6A6", "#B47B84", "#944E63", "#6a2f41"],
-      ["#ECE3CE", "#739072", "#4F6F52", "#3A4D39", "#263725"],
-      ["#EEF5FF", "#94aed1", "#476794", "#313e72", "#232e57"],
-      ["#f1d0d1", "#E493B3", "#B784B7", "#8E7AB5", "#312645"],
-    ];
-
-    // ["HB", "2B", "2H", "cpencil", "rotring", "pen"];
-
-    brush.instance(p);
-
-    p.setup = () => {
-      p.createCanvas(canvasWidth, canvasHeight, p.WEBGL);
-      p.angleMode(p.DEGREES);
-
-      brush.load();
-
-      p.noLoop();
-    };
-
-    p.draw = () => {
-      const palette = p.random(palettes);
-
-      p.background(palette[0]);
-      p.translate(-canvasWidth / 2, -canvasHeight / 2);
-
-      for (let y = 0; y < rowCount; y++) {
-        brush.noFill();
-        brush.noStroke();
-
-        brush.bleed(0.001, "out");
-        brush.fill(palette[y + 1], 255);
-        brush.fillTexture(0.2, 1);
-
-        brush.beginShape();
-        for (let i = margin; i < canvasWidth - margin; i++) {
-          brush.vertex(i, p.noise(i * intensity, y) * canvasHeight);
-        }
-        brush.vertex(canvasWidth - margin, canvasHeight - margin);
-        brush.vertex(margin, canvasHeight - margin);
-        brush.endShape();
-      }
-    };
-  };
-
-  const canvas = document.getElementById("p5canvas");
-  export const myp5 = new p5(sketch, canvas!);
-</script>
-
-<style>
-  #p5canvas {
-    background: #fff;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100dvh;
-  }
-</style>
diff --git a/src/pages/wind-waker.astro b/src/pages/wind-waker.astro
deleted file mode 100644
index 5ea741a8..00000000
--- a/src/pages/wind-waker.astro
+++ /dev/null
@@ -1,107 +0,0 @@
----
-import UnstyledBase from "../layouts/UnstyledBase.astro";
----
-
-<UnstyledBase
-  title="Wind Waker"
-  description="Generating water in the style of TLoZ: The Wind Waker using P5."
-  ogImage="/og/windwaker.png"
-  ogAlt="Pixelated water from The Legend of Zelda: The Wind Waker"
->
-  <div id="p5canvas"></div>
-</UnstyledBase>
-
-<script>
-  import p5 from "p5";
-
-  const sketch = (p: p5) => {
-    const w = window.innerWidth;
-    const h = window.innerHeight;
-
-    const cellSize = 6;
-
-    const gridWidth = w / cellSize;
-    const gridHeight = h / cellSize;
-
-    let resolution: number;
-
-    let t = 0;
-
-    p.setup = () => {
-      p.createCanvas(w, h, p.WEBGL);
-      p.angleMode(p.DEGREES);
-      p.noStroke();
-      p.noSmooth();
-
-      resolution = 0.02; // Scale factor for noise
-    };
-
-    p.draw = () => {
-      p.background("#136aff");
-      p.translate(-w / 2, -h / 2);
-      t += 0.005;
-
-      // Dark blue
-      for (var x = 0; x < gridWidth; x++) {
-        for (var y = 0; y < gridHeight; y++) {
-          // Because the Perlin noise pattern repeats starting at 0,0,
-          // we need to offset the pattern to avoid reflected symmetry
-          const initialOffset = 1000;
-          const vDrift = -t / 2; // Move down
-          const hDrift = -t / 2; // Move right
-
-          const noiseVal = p.noise(
-            x * resolution + hDrift + initialOffset,
-            y * resolution + vDrift + initialOffset,
-            t / 4
-          );
-
-          if (
-            (noiseVal > 0.3 && noiseVal < 0.34) ||
-            (noiseVal > 0.5 && noiseVal < 0.54) ||
-            (noiseVal > 0.7 && noiseVal < 0.74)
-          ) {
-            p.fill("#1461e3");
-            p.rect(x * cellSize, y * cellSize, cellSize, cellSize);
-          }
-        }
-      }
-
-      // White seafoam
-      for (var x = 0; x < gridWidth; x++) {
-        for (var y = 0; y < gridHeight; y++) {
-          const vDrift = t / 2; // Move up
-          const hDrift = t / 2; // Move left
-
-          const noiseVal = p.noise(
-            x * resolution + hDrift,
-            y * resolution + vDrift,
-            t / 4
-          );
-
-          // const yWave = p.sin(x / 4) * cellSize;
-
-          if (
-            (noiseVal > 0.3 && noiseVal < 0.33) ||
-            (noiseVal > 0.5 && noiseVal < 0.53) ||
-            (noiseVal > 0.7 && noiseVal < 0.73) ||
-            (noiseVal > 0.9 && noiseVal < 0.93)
-          ) {
-            p.fill(224, 252, 255);
-            p.rect(x * cellSize, y * cellSize, cellSize, cellSize);
-          }
-        }
-      }
-    };
-  };
-
-  const canvas = document.getElementById("p5canvas");
-  export const myp5 = new p5(sketch, canvas!);
-</script>
-
-<style>
-  #p5canvas {
-    display: fixed;
-    inset: 0;
-  }
-</style>