From f91dd4ae31b0c4fbba626ee5b380a29fd254cb11 Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@protonmail.com>
Date: Fri, 22 Aug 2025 15:51:15 -0700
Subject: [PATCH] Fixing stories

---
 package.json                                  |  10 +-
 pnpm-lock.yaml                                | 280 +++++++++---------
 src/lib/components/ArticlesSkeleton.svelte    |   8 +-
 src/lib/components/Bandcamp.stories.svelte    |  25 +-
 .../components/BandcampAlbum.stories.svelte   |  12 +-
 .../components/ExternalLink.stories.svelte    |   2 +-
 src/lib/components/ExternalLink.svelte        |  45 +--
 src/lib/components/Link.stories.svelte        |   8 +-
 src/lib/components/Link.svelte                |  12 +-
 src/lib/components/Pagination.svelte          |  77 ++---
 .../components/footer/Footer.stories.svelte   |   8 +-
 src/lib/components/footer/index.svelte        |  46 +--
 src/lib/components/logo/Logo.stories.svelte   |   8 +-
 src/lib/components/logo/index.svelte          |  16 +-
 src/lib/components/nav/Nav.stories.svelte     |   8 +-
 src/lib/components/nav/index.svelte           |  10 +-
 src/lib/renderImage.ts                        |   4 +-
 src/lib/types/externalLinkTypes.ts            |  37 ++-
 src/lib/util/logoIcons.svelte                 |  70 ++++-
 19 files changed, 391 insertions(+), 295 deletions(-)

diff --git a/package.json b/package.json
index dfd5de3..de68d4a 100644
--- a/package.json
+++ b/package.json
@@ -18,16 +18,16 @@
     "test:unit": "vitest"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.1.4",
+    "@biomejs/biome": "^2.2.0",
     "@chromatic-com/storybook": "^4.1.1",
     "@internationalized/date": "^3.8.2",
-    "@playwright/test": "^1.54.2",
+    "@playwright/test": "^1.55.0",
     "@storybook/addon-a11y": "^9.1.3",
     "@storybook/addon-docs": "^9.1.3",
     "@storybook/addon-svelte-csf": "^5.0.8",
     "@storybook/sveltekit": "^9.1.3",
     "@sveltejs/enhanced-img": "^0.5.1",
-    "@sveltejs/kit": "^2.29.0",
+    "@sveltejs/kit": "^2.36.1",
     "@sveltejs/vite-plugin-svelte": "^5.1.1",
     "@unpic/svelte": "^1.0.0",
     "@zerodevx/svelte-img": "^2.1.2",
@@ -41,7 +41,7 @@
     "satori": "^0.12.2",
     "satori-html": "^0.3.2",
     "storybook": "^9.1.3",
-    "svelte": "^5.38.1",
+    "svelte": "^5.38.2",
     "svelte-check": "^4.3.1",
     "svelte-meta-tags": "^4.4.0",
     "svelte-preprocess": "^6.0.3",
@@ -55,7 +55,7 @@
   },
   "dependencies": {
     "@resvg/resvg-js": "^2.6.2",
-    "@sveltejs/adapter-node": "^5.2.14",
+    "@sveltejs/adapter-node": "^5.3.1",
     "@vercel/og": "^0.6.8",
     "bits-ui": "2.9.2",
     "flexsearch": "^0.8.205",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b4b4416..7d64873 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -12,14 +12,14 @@ importers:
         specifier: ^2.6.2
         version: 2.6.2
       '@sveltejs/adapter-node':
-        specifier: ^5.2.14
-        version: 5.2.14(@sveltejs/kit@2.29.0(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0)))
+        specifier: ^5.3.1
+        version: 5.3.1(@sveltejs/kit@2.36.1(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0)))
       '@vercel/og':
         specifier: ^0.6.8
         version: 0.6.8
       bits-ui:
         specifier: 2.9.2
-        version: 2.9.2(@internationalized/date@3.8.2)(svelte@5.38.1)
+        version: 2.9.2(@internationalized/date@3.8.2)(svelte@5.38.2)
       flexsearch:
         specifier: ^0.8.205
         version: 0.8.205
@@ -28,7 +28,7 @@ importers:
         version: 5.7.0
       lucide-svelte:
         specifier: ^0.539.0
-        version: 0.539.0(svelte@5.38.1)
+        version: 0.539.0(svelte@5.38.2)
       scrape-it:
         specifier: ^6.1.11
         version: 6.1.11
@@ -37,11 +37,11 @@ importers:
         version: 0.34.3
       svelte-local-storage-store:
         specifier: ^0.6.4
-        version: 0.6.4(svelte@5.38.1)
+        version: 0.6.4(svelte@5.38.2)
     devDependencies:
       '@biomejs/biome':
-        specifier: ^2.1.4
-        version: 2.1.4
+        specifier: ^2.2.0
+        version: 2.2.0
       '@chromatic-com/storybook':
         specifier: ^4.1.1
         version: 4.1.1(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))
@@ -49,8 +49,8 @@ importers:
         specifier: ^3.8.2
         version: 3.8.2
       '@playwright/test':
-        specifier: ^1.54.2
-        version: 1.54.2
+        specifier: ^1.55.0
+        version: 1.55.0
       '@storybook/addon-a11y':
         specifier: ^9.1.3
         version: 9.1.3(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))
@@ -59,25 +59,25 @@ importers:
         version: 9.1.3(@types/react@19.1.10)(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))
       '@storybook/addon-svelte-csf':
         specifier: ^5.0.8
-        version: 5.0.8(@storybook/svelte@9.1.3(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.1))(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0)))(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0))
+        version: 5.0.8(@storybook/svelte@9.1.3(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.2))(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0)))(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0))
       '@storybook/sveltekit':
         specifier: ^9.1.3
-        version: 9.1.3(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0)))(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0))
+        version: 9.1.3(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0)))(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0))
       '@sveltejs/enhanced-img':
         specifier: ^0.5.1
-        version: 0.5.1(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0)))(rollup@4.34.8)(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0))
+        version: 0.5.1(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0)))(rollup@4.34.8)(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0))
       '@sveltejs/kit':
-        specifier: ^2.29.0
-        version: 2.29.0(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0))
+        specifier: ^2.36.1
+        version: 2.36.1(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0))
       '@sveltejs/vite-plugin-svelte':
         specifier: ^5.1.1
-        version: 5.1.1(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0))
+        version: 5.1.1(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0))
       '@unpic/svelte':
         specifier: ^1.0.0
-        version: 1.0.0(svelte@5.38.1)
+        version: 1.0.0(svelte@5.38.2)
       '@zerodevx/svelte-img':
         specifier: ^2.1.2
-        version: 2.1.2(rollup@4.34.8)(svelte@5.38.1)
+        version: 2.1.2(rollup@4.34.8)(svelte@5.38.2)
       autoprefixer:
         specifier: ^10.4.21
         version: 10.4.21(postcss@8.5.6)
@@ -109,17 +109,17 @@ importers:
         specifier: ^9.1.3
         version: 9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0))
       svelte:
-        specifier: ^5.38.1
-        version: 5.38.1
+        specifier: ^5.38.2
+        version: 5.38.2
       svelte-check:
         specifier: ^4.3.1
-        version: 4.3.1(picomatch@4.0.2)(svelte@5.38.1)(typescript@5.9.2)
+        version: 4.3.1(picomatch@4.0.3)(svelte@5.38.2)(typescript@5.9.2)
       svelte-meta-tags:
         specifier: ^4.4.0
-        version: 4.4.0(svelte@5.38.1)
+        version: 4.4.0(svelte@5.38.2)
       svelte-preprocess:
         specifier: ^6.0.3
-        version: 6.0.3(postcss-load-config@6.0.1(postcss@8.5.6)(yaml@2.7.0))(postcss@8.5.6)(svelte@5.38.1)(typescript@5.9.2)
+        version: 6.0.3(postcss-load-config@6.0.1(postcss@8.5.6)(yaml@2.7.0))(postcss@8.5.6)(svelte@5.38.2)(typescript@5.9.2)
       svelte-sequential-preprocessor:
         specifier: ^2.0.2
         version: 2.0.2
@@ -163,55 +163,55 @@ packages:
     resolution: {integrity: sha512-9uIQ10o0WGdpP6GDhXcdOJPJuDgFtIDtN/9+ArJQ2NAfAmiuhTQdzkaTGR33v43GYS2UrSA0eX2pPPHoFVvpxA==}
     engines: {node: '>=6.9.0'}
 
-  '@biomejs/biome@2.1.4':
-    resolution: {integrity: sha512-QWlrqyxsU0FCebuMnkvBIkxvPqH89afiJzjMl+z67ybutse590jgeaFdDurE9XYtzpjRGTI1tlUZPGWmbKsElA==}
+  '@biomejs/biome@2.2.0':
+    resolution: {integrity: sha512-3On3RSYLsX+n9KnoSgfoYlckYBoU6VRM22cw1gB4Y0OuUVSYd/O/2saOJMrA4HFfA1Ff0eacOvMN1yAAvHtzIw==}
     engines: {node: '>=14.21.3'}
     hasBin: true
 
-  '@biomejs/cli-darwin-arm64@2.1.4':
-    resolution: {integrity: sha512-sCrNENE74I9MV090Wq/9Dg7EhPudx3+5OiSoQOkIe3DLPzFARuL1dOwCWhKCpA3I5RHmbrsbNSRfZwCabwd8Qg==}
+  '@biomejs/cli-darwin-arm64@2.2.0':
+    resolution: {integrity: sha512-zKbwUUh+9uFmWfS8IFxmVD6XwqFcENjZvEyfOxHs1epjdH3wyyMQG80FGDsmauPwS2r5kXdEM0v/+dTIA9FXAg==}
     engines: {node: '>=14.21.3'}
     cpu: [arm64]
     os: [darwin]
 
-  '@biomejs/cli-darwin-x64@2.1.4':
-    resolution: {integrity: sha512-gOEICJbTCy6iruBywBDcG4X5rHMbqCPs3clh3UQ+hRKlgvJTk4NHWQAyHOXvaLe+AxD1/TNX1jbZeffBJzcrOw==}
+  '@biomejs/cli-darwin-x64@2.2.0':
+    resolution: {integrity: sha512-+OmT4dsX2eTfhD5crUOPw3RPhaR+SKVspvGVmSdZ9y9O/AgL8pla6T4hOn1q+VAFBHuHhsdxDRJgFCSC7RaMOw==}
     engines: {node: '>=14.21.3'}
     cpu: [x64]
     os: [darwin]
 
-  '@biomejs/cli-linux-arm64-musl@2.1.4':
-    resolution: {integrity: sha512-nYr7H0CyAJPaLupFE2cH16KZmRC5Z9PEftiA2vWxk+CsFkPZQ6dBRdcC6RuS+zJlPc/JOd8xw3uCCt9Pv41WvQ==}
+  '@biomejs/cli-linux-arm64-musl@2.2.0':
+    resolution: {integrity: sha512-egKpOa+4FL9YO+SMUMLUvf543cprjevNc3CAgDNFLcjknuNMcZ0GLJYa3EGTCR2xIkIUJDVneBV3O9OcIlCEZQ==}
     engines: {node: '>=14.21.3'}
     cpu: [arm64]
     os: [linux]
 
-  '@biomejs/cli-linux-arm64@2.1.4':
-    resolution: {integrity: sha512-juhEkdkKR4nbUi5k/KRp1ocGPNWLgFRD4NrHZSveYrD6i98pyvuzmS9yFYgOZa5JhaVqo0HPnci0+YuzSwT2fw==}
+  '@biomejs/cli-linux-arm64@2.2.0':
+    resolution: {integrity: sha512-6eoRdF2yW5FnW9Lpeivh7Mayhq0KDdaDMYOJnH9aT02KuSIX5V1HmWJCQQPwIQbhDh68Zrcpl8inRlTEan0SXw==}
     engines: {node: '>=14.21.3'}
     cpu: [arm64]
     os: [linux]
 
-  '@biomejs/cli-linux-x64-musl@2.1.4':
-    resolution: {integrity: sha512-lvwvb2SQQHctHUKvBKptR6PLFCM7JfRjpCCrDaTmvB7EeZ5/dQJPhTYBf36BE/B4CRWR2ZiBLRYhK7hhXBCZAg==}
+  '@biomejs/cli-linux-x64-musl@2.2.0':
+    resolution: {integrity: sha512-I5J85yWwUWpgJyC1CcytNSGusu2p9HjDnOPAFG4Y515hwRD0jpR9sT9/T1cKHtuCvEQ/sBvx+6zhz9l9wEJGAg==}
     engines: {node: '>=14.21.3'}
     cpu: [x64]
     os: [linux]
 
-  '@biomejs/cli-linux-x64@2.1.4':
-    resolution: {integrity: sha512-Eoy9ycbhpJVYuR+LskV9s3uyaIkp89+qqgqhGQsWnp/I02Uqg2fXFblHJOpGZR8AxdB9ADy87oFVxn9MpFKUrw==}
+  '@biomejs/cli-linux-x64@2.2.0':
+    resolution: {integrity: sha512-5UmQx/OZAfJfi25zAnAGHUMuOd+LOsliIt119x2soA2gLggQYrVPA+2kMUxR6Mw5M1deUF/AWWP2qpxgH7Nyfw==}
     engines: {node: '>=14.21.3'}
     cpu: [x64]
     os: [linux]
 
-  '@biomejs/cli-win32-arm64@2.1.4':
-    resolution: {integrity: sha512-3WRYte7orvyi6TRfIZkDN9Jzoogbv+gSvR+b9VOXUg1We1XrjBg6WljADeVEaKTvOcpVdH0a90TwyOQ6ue4fGw==}
+  '@biomejs/cli-win32-arm64@2.2.0':
+    resolution: {integrity: sha512-n9a1/f2CwIDmNMNkFs+JI0ZjFnMO0jdOyGNtihgUNFnlmd84yIYY2KMTBmMV58ZlVHjgmY5Y6E1hVTnSRieggA==}
     engines: {node: '>=14.21.3'}
     cpu: [arm64]
     os: [win32]
 
-  '@biomejs/cli-win32-x64@2.1.4':
-    resolution: {integrity: sha512-tBc+W7anBPSFXGAoQW+f/+svkpt8/uXfRwDzN1DvnatkRMt16KIYpEi/iw8u9GahJlFv98kgHcIrSsZHZTR0sw==}
+  '@biomejs/cli-win32-x64@2.2.0':
+    resolution: {integrity: sha512-Nawu5nHjP/zPKTIryh2AavzTc/KEg4um/MxWdXW0A6P/RZOyIpa7+QSjeXwAwX/utJGaCoXRPWtF3m5U/bB3Ww==}
     engines: {node: '>=14.21.3'}
     cpu: [x64]
     os: [win32]
@@ -914,8 +914,8 @@ packages:
   '@neoconfetti/react@1.0.0':
     resolution: {integrity: sha512-klcSooChXXOzIm+SE5IISIAn3bYzYfPjbX7D7HoqZL84oAfgREeSg5vSIaSFH+DaGzzvImTyWe1OyrJ67vik4A==}
 
-  '@playwright/test@1.54.2':
-    resolution: {integrity: sha512-A+znathYxPf+72riFd1r1ovOLqsIIB0jKIoPjyK2kqEIe30/6jF6BC7QNluHuwUmsD2tv1XZVugN8GqfTMOxsA==}
+  '@playwright/test@1.55.0':
+    resolution: {integrity: sha512-04IXzPwHrW69XusN/SIdDdKZBzMfOT9UNT/YiJit/xpy2VuAoB8NHc8Aplb96zsWDddLnbkPL3TsmrS04ZU2xQ==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -1320,8 +1320,8 @@ packages:
     peerDependencies:
       acorn: ^8.9.0
 
-  '@sveltejs/adapter-node@5.2.14':
-    resolution: {integrity: sha512-TjJvfw0HZlbBGGAW2vFtdGjdKhqpGW3ZDIz0nzy8Zx6Ki6oFmYTjV5Kwn3LWTsyjbsUSXhfFPCuYop3z1iS9qQ==}
+  '@sveltejs/adapter-node@5.3.1':
+    resolution: {integrity: sha512-PSoGfa9atkmuixe7jvuS2tsUohVZF20So87ASzfMRGTTNqEd8s48KAodlv3CzHwq9XO/BM8KsQLpqqsr/6dmuA==}
     peerDependencies:
       '@sveltejs/kit': ^2.4.0
 
@@ -1332,14 +1332,18 @@ packages:
       svelte: ^5.0.0
       vite: '>= 5.0.0'
 
-  '@sveltejs/kit@2.29.0':
-    resolution: {integrity: sha512-gOynQRBThrtF/RjljB8Oybs9VHVmLbk9q7E7ALJT6ImppJtc/yx3sTGiBV64y+lwmagnBCmEMmJ40CVChGy8lA==}
+  '@sveltejs/kit@2.36.1':
+    resolution: {integrity: sha512-dldNCtSIpaGxQMEfHaUxSPH/k3uU28pTZwtKzfkn8fqpOjWufKlMBeIL7FJ/s93dOrhEq41zaQYkXh+XTgEgVw==}
     engines: {node: '>=18.13'}
     hasBin: true
     peerDependencies:
+      '@opentelemetry/api': ^1.0.0
       '@sveltejs/vite-plugin-svelte': ^3.0.0 || ^4.0.0-next.1 || ^5.0.0 || ^6.0.0-next.0
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.3 || ^6.0.0 || ^7.0.0-beta.0
+    peerDependenciesMeta:
+      '@opentelemetry/api':
+        optional: true
 
   '@sveltejs/vite-plugin-svelte-inspector@4.0.1':
     resolution: {integrity: sha512-J/Nmb2Q2y7mck2hyCX4ckVHcR5tu2J+MtBEQqpDrrgELZ2uvraQcK/ioCV61AqkdXFgriksOKIceDcQmqnGhVw==}
@@ -2172,13 +2176,13 @@ packages:
     resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
     engines: {node: '>=0.10.0'}
 
-  playwright-core@1.54.2:
-    resolution: {integrity: sha512-n5r4HFbMmWsB4twG7tJLDN9gmBUeSPcsBZiWSE4DnYz9mJMAFqr2ID7+eGC9kpEnxExJ1epttwR59LEWCk8mtA==}
+  playwright-core@1.55.0:
+    resolution: {integrity: sha512-GvZs4vU3U5ro2nZpeiwyb0zuFaqb9sUiAJuyrWpcGouD8y9/HLgGbNRjIph7zU9D3hnPaisMl9zG9CgFi/biIg==}
     engines: {node: '>=18'}
     hasBin: true
 
-  playwright@1.54.2:
-    resolution: {integrity: sha512-Hu/BMoA1NAdRUuulyvQC0pEqZ4vQbGfn8f7wPXcnqQmM+zct9UliKxsIkLNmz/ku7LElUNqmaiv1TG/aL5ACsw==}
+  playwright@1.55.0:
+    resolution: {integrity: sha512-sdCWStblvV1YU909Xqx0DhOjPZE4/5lJsIS84IfN9dAZfcl/CIZ5O8l3o0j7hPMjDvqoTF8ZUcc+i/GL5erstA==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -2627,8 +2631,8 @@ packages:
     resolution: {integrity: sha512-eeEgGc2DtiUil5ANdtd8vPwt9AgaMdnuUFnPft9F5oMvU/FHu5IHFic+p1dR/UOB7XU2mX2yHW+NcTch4DCh5Q==}
     engines: {node: '>=16'}
 
-  svelte@5.38.1:
-    resolution: {integrity: sha512-fO6CLDfJYWHgfo6lQwkQU2vhCiHc2MBl6s3vEhK+sSZru17YL4R5s1v14ndRpqKAIkq8nCz6MTk1yZbESZWeyQ==}
+  svelte@5.38.2:
+    resolution: {integrity: sha512-iAcp/oFAWauVSGILdD67n7DiwgLHXZzWZIdzl7araRxu72jUr7PFAo2Iie7gXt0IbnlYvhxCb9GT3ZJUquO3PA==}
     engines: {node: '>=18'}
 
   tabbable@6.2.0:
@@ -2872,39 +2876,39 @@ snapshots:
 
   '@babel/runtime@7.28.3': {}
 
-  '@biomejs/biome@2.1.4':
+  '@biomejs/biome@2.2.0':
     optionalDependencies:
-      '@biomejs/cli-darwin-arm64': 2.1.4
-      '@biomejs/cli-darwin-x64': 2.1.4
-      '@biomejs/cli-linux-arm64': 2.1.4
-      '@biomejs/cli-linux-arm64-musl': 2.1.4
-      '@biomejs/cli-linux-x64': 2.1.4
-      '@biomejs/cli-linux-x64-musl': 2.1.4
-      '@biomejs/cli-win32-arm64': 2.1.4
-      '@biomejs/cli-win32-x64': 2.1.4
+      '@biomejs/cli-darwin-arm64': 2.2.0
+      '@biomejs/cli-darwin-x64': 2.2.0
+      '@biomejs/cli-linux-arm64': 2.2.0
+      '@biomejs/cli-linux-arm64-musl': 2.2.0
+      '@biomejs/cli-linux-x64': 2.2.0
+      '@biomejs/cli-linux-x64-musl': 2.2.0
+      '@biomejs/cli-win32-arm64': 2.2.0
+      '@biomejs/cli-win32-x64': 2.2.0
 
-  '@biomejs/cli-darwin-arm64@2.1.4':
+  '@biomejs/cli-darwin-arm64@2.2.0':
     optional: true
 
-  '@biomejs/cli-darwin-x64@2.1.4':
+  '@biomejs/cli-darwin-x64@2.2.0':
     optional: true
 
-  '@biomejs/cli-linux-arm64-musl@2.1.4':
+  '@biomejs/cli-linux-arm64-musl@2.2.0':
     optional: true
 
-  '@biomejs/cli-linux-arm64@2.1.4':
+  '@biomejs/cli-linux-arm64@2.2.0':
     optional: true
 
-  '@biomejs/cli-linux-x64-musl@2.1.4':
+  '@biomejs/cli-linux-x64-musl@2.2.0':
     optional: true
 
-  '@biomejs/cli-linux-x64@2.1.4':
+  '@biomejs/cli-linux-x64@2.2.0':
     optional: true
 
-  '@biomejs/cli-win32-arm64@2.1.4':
+  '@biomejs/cli-win32-arm64@2.2.0':
     optional: true
 
-  '@biomejs/cli-win32-x64@2.1.4':
+  '@biomejs/cli-win32-x64@2.2.0':
     optional: true
 
   '@chromatic-com/storybook@4.1.1(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))':
@@ -3483,9 +3487,9 @@ snapshots:
 
   '@neoconfetti/react@1.0.0': {}
 
-  '@playwright/test@1.54.2':
+  '@playwright/test@1.55.0':
     dependencies:
-      playwright: 1.54.2
+      playwright: 1.55.0
 
   '@polka/url@1.0.0-next.29': {}
 
@@ -3721,18 +3725,18 @@ snapshots:
     transitivePeerDependencies:
       - '@types/react'
 
-  '@storybook/addon-svelte-csf@5.0.8(@storybook/svelte@9.1.3(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.1))(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0)))(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0))':
+  '@storybook/addon-svelte-csf@5.0.8(@storybook/svelte@9.1.3(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.2))(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0)))(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0))':
     dependencies:
       '@storybook/csf': 0.1.13
-      '@storybook/svelte': 9.1.3(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.1)
-      '@sveltejs/vite-plugin-svelte': 5.1.1(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0))
+      '@storybook/svelte': 9.1.3(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.2)
+      '@sveltejs/vite-plugin-svelte': 5.1.1(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0))
       dedent: 1.6.0
       es-toolkit: 1.39.10
       esrap: 1.4.9
       magic-string: 0.30.17
       storybook: 9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0))
-      svelte: 5.38.1
-      svelte-ast-print: 0.4.2(svelte@5.38.1)
+      svelte: 5.38.2
+      svelte-ast-print: 0.4.2(svelte@5.38.2)
       vite: 6.3.5(yaml@2.7.0)
       zimmerframe: 1.1.2
     transitivePeerDependencies:
@@ -3767,32 +3771,32 @@ snapshots:
       react-dom: 19.1.1(react@19.1.1)
       storybook: 9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0))
 
-  '@storybook/svelte-vite@9.1.3(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0)))(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0))':
+  '@storybook/svelte-vite@9.1.3(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0)))(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0))':
     dependencies:
       '@storybook/builder-vite': 9.1.3(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(vite@6.3.5(yaml@2.7.0))
-      '@storybook/svelte': 9.1.3(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.1)
-      '@sveltejs/vite-plugin-svelte': 5.1.1(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0))
+      '@storybook/svelte': 9.1.3(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.2)
+      '@sveltejs/vite-plugin-svelte': 5.1.1(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0))
       magic-string: 0.30.17
       storybook: 9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0))
-      svelte: 5.38.1
-      svelte2tsx: 0.7.42(svelte@5.38.1)(typescript@5.9.2)
+      svelte: 5.38.2
+      svelte2tsx: 0.7.42(svelte@5.38.2)(typescript@5.9.2)
       typescript: 5.9.2
       vite: 6.3.5(yaml@2.7.0)
 
-  '@storybook/svelte@9.1.3(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.1)':
+  '@storybook/svelte@9.1.3(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.2)':
     dependencies:
       storybook: 9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0))
-      svelte: 5.38.1
+      svelte: 5.38.2
       ts-dedent: 2.2.0
       type-fest: 2.19.0
 
-  '@storybook/sveltekit@9.1.3(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0)))(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0))':
+  '@storybook/sveltekit@9.1.3(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0)))(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0))':
     dependencies:
       '@storybook/builder-vite': 9.1.3(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(vite@6.3.5(yaml@2.7.0))
-      '@storybook/svelte': 9.1.3(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.1)
-      '@storybook/svelte-vite': 9.1.3(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0)))(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0))
+      '@storybook/svelte': 9.1.3(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.2)
+      '@storybook/svelte-vite': 9.1.3(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0)))(storybook@9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0))
       storybook: 9.1.3(@testing-library/dom@10.4.1)(vite@6.3.5(yaml@2.7.0))
-      svelte: 5.38.1
+      svelte: 5.38.2
       vite: 6.3.5(yaml@2.7.0)
     transitivePeerDependencies:
       - '@sveltejs/vite-plugin-svelte'
@@ -3805,32 +3809,32 @@ snapshots:
     dependencies:
       acorn: 8.15.0
 
-  '@sveltejs/adapter-node@5.2.14(@sveltejs/kit@2.29.0(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0)))':
+  '@sveltejs/adapter-node@5.3.1(@sveltejs/kit@2.36.1(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0)))':
     dependencies:
       '@rollup/plugin-commonjs': 28.0.2(rollup@4.34.8)
       '@rollup/plugin-json': 6.1.0(rollup@4.34.8)
       '@rollup/plugin-node-resolve': 16.0.0(rollup@4.34.8)
-      '@sveltejs/kit': 2.29.0(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0))
+      '@sveltejs/kit': 2.36.1(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0))
       rollup: 4.34.8
 
-  '@sveltejs/enhanced-img@0.5.1(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0)))(rollup@4.34.8)(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0))':
+  '@sveltejs/enhanced-img@0.5.1(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0)))(rollup@4.34.8)(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 5.1.1(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0))
+      '@sveltejs/vite-plugin-svelte': 5.1.1(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0))
       magic-string: 0.30.17
       sharp: 0.34.3
-      svelte: 5.38.1
-      svelte-parse-markup: 0.1.5(svelte@5.38.1)
+      svelte: 5.38.2
+      svelte-parse-markup: 0.1.5(svelte@5.38.2)
       vite: 6.3.5(yaml@2.7.0)
       vite-imagetools: 7.1.1(rollup@4.34.8)
       zimmerframe: 1.1.2
     transitivePeerDependencies:
       - rollup
 
-  '@sveltejs/kit@2.29.0(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0))':
+  '@sveltejs/kit@2.36.1(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0))':
     dependencies:
       '@standard-schema/spec': 1.0.0
       '@sveltejs/acorn-typescript': 1.0.5(acorn@8.15.0)
-      '@sveltejs/vite-plugin-svelte': 5.1.1(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0))
+      '@sveltejs/vite-plugin-svelte': 5.1.1(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0))
       '@types/cookie': 0.6.0
       acorn: 8.15.0
       cookie: 0.6.0
@@ -3842,26 +3846,26 @@ snapshots:
       sade: 1.8.1
       set-cookie-parser: 2.7.1
       sirv: 3.0.1
-      svelte: 5.38.1
+      svelte: 5.38.2
       vite: 6.3.5(yaml@2.7.0)
 
-  '@sveltejs/vite-plugin-svelte-inspector@4.0.1(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0))':
+  '@sveltejs/vite-plugin-svelte-inspector@4.0.1(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 5.1.1(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0))
+      '@sveltejs/vite-plugin-svelte': 5.1.1(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0))
       debug: 4.4.1
-      svelte: 5.38.1
+      svelte: 5.38.2
       vite: 6.3.5(yaml@2.7.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0))':
+  '@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 4.0.1(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.1)(vite@6.3.5(yaml@2.7.0))
+      '@sveltejs/vite-plugin-svelte-inspector': 4.0.1(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0)))(svelte@5.38.2)(vite@6.3.5(yaml@2.7.0))
       debug: 4.4.1
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.17
-      svelte: 5.38.1
+      svelte: 5.38.2
       vite: 6.3.5(yaml@2.7.0)
       vitefu: 1.1.1(vite@6.3.5(yaml@2.7.0))
     transitivePeerDependencies:
@@ -3921,11 +3925,11 @@ snapshots:
     dependencies:
       unpic: 4.1.2
 
-  '@unpic/svelte@1.0.0(svelte@5.38.1)':
+  '@unpic/svelte@1.0.0(svelte@5.38.2)':
     dependencies:
       '@unpic/core': 1.0.1
       style-object-to-css-string: 1.1.3
-      svelte: 5.38.1
+      svelte: 5.38.2
 
   '@vercel/og@0.6.8':
     dependencies:
@@ -3975,9 +3979,9 @@ snapshots:
       loupe: 3.2.0
       tinyrainbow: 2.0.0
 
-  '@zerodevx/svelte-img@2.1.2(rollup@4.34.8)(svelte@5.38.1)':
+  '@zerodevx/svelte-img@2.1.2(rollup@4.34.8)(svelte@5.38.2)':
     dependencies:
-      svelte: 5.38.1
+      svelte: 5.38.2
       vite-imagetools: 6.2.9(rollup@4.34.8)
     transitivePeerDependencies:
       - rollup
@@ -4045,15 +4049,15 @@ snapshots:
     dependencies:
       open: 8.4.2
 
-  bits-ui@2.9.2(@internationalized/date@3.8.2)(svelte@5.38.1):
+  bits-ui@2.9.2(@internationalized/date@3.8.2)(svelte@5.38.2):
     dependencies:
       '@floating-ui/core': 1.7.3
       '@floating-ui/dom': 1.7.3
       '@internationalized/date': 3.8.2
       esm-env: 1.2.2
-      runed: 0.29.2(svelte@5.38.1)
-      svelte: 5.38.1
-      svelte-toolbelt: 0.9.3(svelte@5.38.1)
+      runed: 0.29.2(svelte@5.38.2)
+      svelte: 5.38.2
+      svelte-toolbelt: 0.9.3(svelte@5.38.2)
       tabbable: 6.2.0
 
   boolbase@1.0.0: {}
@@ -4392,6 +4396,10 @@ snapshots:
     optionalDependencies:
       picomatch: 4.0.2
 
+  fdir@6.4.4(picomatch@4.0.3):
+    optionalDependencies:
+      picomatch: 4.0.3
+
   fdir@6.4.6(picomatch@4.0.3):
     optionalDependencies:
       picomatch: 4.0.3
@@ -4556,9 +4564,9 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
-  lucide-svelte@0.539.0(svelte@5.38.1):
+  lucide-svelte@0.539.0(svelte@5.38.2):
     dependencies:
-      svelte: 5.38.1
+      svelte: 5.38.2
 
   lz-string@1.5.0: {}
 
@@ -4656,11 +4664,11 @@ snapshots:
 
   pify@2.3.0: {}
 
-  playwright-core@1.54.2: {}
+  playwright-core@1.55.0: {}
 
-  playwright@1.54.2:
+  playwright@1.55.0:
     dependencies:
-      playwright-core: 1.54.2
+      playwright-core: 1.55.0
     optionalDependencies:
       fsevents: 2.3.2
 
@@ -5005,10 +5013,10 @@ snapshots:
       '@rollup/rollup-win32-x64-msvc': 4.40.2
       fsevents: 2.3.3
 
-  runed@0.29.2(svelte@5.38.1):
+  runed@0.29.2(svelte@5.38.2):
     dependencies:
       esm-env: 1.2.2
-      svelte: 5.38.1
+      svelte: 5.38.2
 
   sade@1.8.1:
     dependencies:
@@ -5184,40 +5192,40 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  svelte-ast-print@0.4.2(svelte@5.38.1):
+  svelte-ast-print@0.4.2(svelte@5.38.2):
     dependencies:
       esrap: 1.2.2
-      svelte: 5.38.1
+      svelte: 5.38.2
       zimmerframe: 1.1.2
 
-  svelte-check@4.3.1(picomatch@4.0.2)(svelte@5.38.1)(typescript@5.9.2):
+  svelte-check@4.3.1(picomatch@4.0.3)(svelte@5.38.2)(typescript@5.9.2):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       chokidar: 4.0.3
-      fdir: 6.4.4(picomatch@4.0.2)
+      fdir: 6.4.4(picomatch@4.0.3)
       picocolors: 1.1.1
       sade: 1.8.1
-      svelte: 5.38.1
+      svelte: 5.38.2
       typescript: 5.9.2
     transitivePeerDependencies:
       - picomatch
 
-  svelte-local-storage-store@0.6.4(svelte@5.38.1):
+  svelte-local-storage-store@0.6.4(svelte@5.38.2):
     dependencies:
-      svelte: 5.38.1
+      svelte: 5.38.2
 
-  svelte-meta-tags@4.4.0(svelte@5.38.1):
+  svelte-meta-tags@4.4.0(svelte@5.38.2):
     dependencies:
       schema-dts: 1.1.5
-      svelte: 5.38.1
+      svelte: 5.38.2
 
-  svelte-parse-markup@0.1.5(svelte@5.38.1):
+  svelte-parse-markup@0.1.5(svelte@5.38.2):
     dependencies:
-      svelte: 5.38.1
+      svelte: 5.38.2
 
-  svelte-preprocess@6.0.3(postcss-load-config@6.0.1(postcss@8.5.6)(yaml@2.7.0))(postcss@8.5.6)(svelte@5.38.1)(typescript@5.9.2):
+  svelte-preprocess@6.0.3(postcss-load-config@6.0.1(postcss@8.5.6)(yaml@2.7.0))(postcss@8.5.6)(svelte@5.38.2)(typescript@5.9.2):
     dependencies:
-      svelte: 5.38.1
+      svelte: 5.38.2
     optionalDependencies:
       postcss: 8.5.6
       postcss-load-config: 6.0.1(postcss@8.5.6)(yaml@2.7.0)
@@ -5228,18 +5236,18 @@ snapshots:
       svelte: 4.2.20
       tslib: 2.7.0
 
-  svelte-toolbelt@0.9.3(svelte@5.38.1):
+  svelte-toolbelt@0.9.3(svelte@5.38.2):
     dependencies:
       clsx: 2.1.1
-      runed: 0.29.2(svelte@5.38.1)
+      runed: 0.29.2(svelte@5.38.2)
       style-to-object: 1.0.9
-      svelte: 5.38.1
+      svelte: 5.38.2
 
-  svelte2tsx@0.7.42(svelte@5.38.1)(typescript@5.9.2):
+  svelte2tsx@0.7.42(svelte@5.38.2)(typescript@5.9.2):
     dependencies:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
-      svelte: 5.38.1
+      svelte: 5.38.2
       typescript: 5.9.2
 
   svelte@4.2.20:
@@ -5259,7 +5267,7 @@ snapshots:
       magic-string: 0.30.17
       periscopic: 3.1.0
 
-  svelte@5.38.1:
+  svelte@5.38.2:
     dependencies:
       '@jridgewell/remapping': 2.3.5
       '@jridgewell/sourcemap-codec': 1.5.0
diff --git a/src/lib/components/ArticlesSkeleton.svelte b/src/lib/components/ArticlesSkeleton.svelte
index 49fcd51..928b02c 100644
--- a/src/lib/components/ArticlesSkeleton.svelte
+++ b/src/lib/components/ArticlesSkeleton.svelte
@@ -17,9 +17,7 @@
         >
       </h3>
       <p>
-        <span class="skeleton-text skeleton-domain"
-          >Loading domain...</span
-        >
+        <span class="skeleton-text skeleton-domain">Loading domain...</span>
       </p>
     </section>
     <section>
@@ -29,9 +27,7 @@
         >
       </p>
       <p>
-        <span class="skeleton-text skeleton-tags"
-          >Loading tags...</span
-        >
+        <span class="skeleton-text skeleton-tags">Loading tags...</span>
       </p>
     </section>
   </article>
diff --git a/src/lib/components/Bandcamp.stories.svelte b/src/lib/components/Bandcamp.stories.svelte
index 8b3c7b3..26950a8 100644
--- a/src/lib/components/Bandcamp.stories.svelte
+++ b/src/lib/components/Bandcamp.stories.svelte
@@ -1,13 +1,30 @@
 <script context="module" lang="ts">
   import { defineMeta } from "@storybook/addon-svelte-csf";
-  import Bandcamp from "./Bandcamp.svelte";
   import type { Album } from "$lib/types/album";
+  import Bandcamp from "./Bandcamp.svelte";
   import { sampleAlbum as baseAlbum } from "./BandcampAlbum.stories.svelte";
 
   const sampleAlbums: Album[] = [
-    { ...baseAlbum, title: "Album One", artwork: "https://picsum.photos/230?1" },
-    { ...baseAlbum, title: "Album Two", artwork: "https://picsum.photos/230?2" },
-    { ...baseAlbum, title: "Album Three", artwork: "https://picsum.photos/230?3" },
+    {
+      ...baseAlbum,
+      title: "Album One",
+      artwork: "https://picsum.photos/230?1",
+    },
+    {
+      ...baseAlbum,
+      title: "Album Two",
+      artwork: "https://picsum.photos/230?2",
+    },
+    {
+      ...baseAlbum,
+      title: "Album Three",
+      artwork: "https://picsum.photos/230?3",
+    },
+    {
+      ...baseAlbum,
+      title: "Album Four",
+      artwork: "https://picsum.photos/230?4",
+    },
   ];
 
   const { Story } = defineMeta({
diff --git a/src/lib/components/BandcampAlbum.stories.svelte b/src/lib/components/BandcampAlbum.stories.svelte
index 04f2959..4dd5df0 100644
--- a/src/lib/components/BandcampAlbum.stories.svelte
+++ b/src/lib/components/BandcampAlbum.stories.svelte
@@ -1,13 +1,21 @@
 <script module lang="ts">
   import { defineMeta } from "@storybook/addon-svelte-csf";
-  import BandcampAlbum from "./BandcampAlbum.svelte";
   import type { Album } from "$lib/types/album";
+  import BandcampAlbum from "./BandcampAlbum.svelte";
 
   export const sampleAlbum: Album = {
     title: "Album One",
     artist: "Artist A",
     url: "https://example.com",
-    src: "https://picsum.photos/230?1",
+    artwork: "https://picsum.photos/230?1",
+    src: {
+      img: { src: "https://picsum.photos/230?1", w: 230, h: 230 },
+      sources: {
+        avif: "https://picsum.photos/230?1",
+        webp: "https://picsum.photos/230?1",
+        jpg: "https://picsum.photos/230?1",
+      },
+    },
   };
 
   const { Story } = defineMeta({
diff --git a/src/lib/components/ExternalLink.stories.svelte b/src/lib/components/ExternalLink.stories.svelte
index bde95ff..a682090 100644
--- a/src/lib/components/ExternalLink.stories.svelte
+++ b/src/lib/components/ExternalLink.stories.svelte
@@ -1,7 +1,7 @@
 <script module lang="ts">
   import { defineMeta } from "@storybook/addon-svelte-csf";
-  import ExternalLink from "./ExternalLink.svelte";
   import { blueSkyIcon } from "../util/logoIcons.svelte";
+  import ExternalLink from "./ExternalLink.svelte";
 
   const { Story } = defineMeta({
     title: "Components/ExternalLink",
diff --git a/src/lib/components/ExternalLink.svelte b/src/lib/components/ExternalLink.svelte
index 277a50f..3d82d57 100644
--- a/src/lib/components/ExternalLink.svelte
+++ b/src/lib/components/ExternalLink.svelte
@@ -1,25 +1,34 @@
 <script lang="ts">
-	import type { ExternalLinkType, LinkIconType } from '$lib/types/externalLinkTypes';
-	import { ExternalLink } from 'lucide-svelte';
+	import { ExternalLink } from "lucide-svelte";
+	import type {
+		ExternalLinkType,
+		LinkIconType,
+	} from "$lib/types/externalLinkTypes";
 
 	const { iconData, linkData, textData }: ExternalLinkType = $props();
 
-	let textLocationClass = '';
-	if (textData?.location === 'top') {
-		textLocationClass = 'text-top';
-	} else if (textData?.location === 'bottom') {
-		textLocationClass = 'text-bottom';
-	} else if (textData?.location === 'left') {
-		textLocationClass = 'text-left';
-	} else if (textData?.location === 'right') {
-		textLocationClass = 'text-right';
+	let textLocationClass = "";
+	if (textData?.location === "top") {
+		textLocationClass = "text-top";
+	} else if (textData?.location === "bottom") {
+		textLocationClass = "text-bottom";
+	} else if (textData?.location === "left") {
+		textLocationClass = "text-left";
+	} else if (textData?.location === "right") {
+		textLocationClass = "text-right";
 	} else {
-		textLocationClass = 'text-left';
+		textLocationClass = "text-left";
 	}
 
 	const linkDecoration =
-		linkData?.textDecoration && linkData?.textDecoration === 'none' ? `text-decoration-${linkData?.textDecoration}` : 'text-decoration-underline';
-	const linkClass = `${linkData?.clazz || ''} ${textLocationClass} ${linkDecoration}`.trim();
+		linkData?.textDecoration && linkData?.textDecoration === "none"
+			? `text-decoration-${linkData?.textDecoration}`
+			: "text-decoration-underline";
+	const linkClass =
+		`${linkData?.clazz || ""} ${textLocationClass} ${linkDecoration}`.trim();
+
+	// Default icon config to satisfy typings when no iconData is provided
+	const defaultIconData: LinkIconType = { type: "icon", icon: ExternalLink };
 </script>
 
 {#snippet externalLink({ iconData, linkData, textData }: ExternalLinkType)}
@@ -35,7 +44,7 @@
 			{textData?.text}
 		{/if}
 		{#if textData?.showIcon}
-			{@render linkIcon(iconData ?? {})}
+			{@render linkIcon(iconData ?? defaultIconData)}
 		{/if}
 		{#if textData?.location === "bottom" || (textData?.location === "right" && textData?.text)}
 			{textData?.text}
@@ -44,7 +53,7 @@
 {/snippet}
 
 {#snippet linkIcon({ type, icon, iconClass }: LinkIconType)}
-	{#if type === "svg" && icon && typeof icon === 'function' && icon.length !== undefined}
+	{#if type === "svg" && icon && typeof icon === "function" && icon.length !== undefined}
 		<svg
 			style="width: 2.5rem; height: 2.5rem;"
 			class={iconClass ?? ""}
@@ -52,7 +61,9 @@
 			viewBox="0 0 24 24"
 			xmlns="http://www.w3.org/2000/svg"
 		>
-		  <title>{linkData?.title ?? `Open ${linkData?.ariaLabel} externally`}</title>
+			<title>
+				{linkData?.title ?? `Open ${linkData?.ariaLabel} externally`}
+			</title>
 			{@render (icon as any)()}
 		</svg>
 	{:else if type === "icon" && icon}
diff --git a/src/lib/components/Link.stories.svelte b/src/lib/components/Link.stories.svelte
index 5c34b9b..3af107f 100644
--- a/src/lib/components/Link.stories.svelte
+++ b/src/lib/components/Link.stories.svelte
@@ -1,11 +1,11 @@
 <script module lang="ts">
-  import { defineMeta } from '@storybook/addon-svelte-csf';
-  import Link from './Link.svelte';
+  import { defineMeta } from "@storybook/addon-svelte-csf";
+  import Link from "./Link.svelte";
 
   const { Story } = defineMeta({
-    title: 'Components/Link',
+    title: "Components/Link",
     component: Link,
-    tags: ['autodocs']
+    tags: ["autodocs"],
   });
 </script>
 
diff --git a/src/lib/components/Link.svelte b/src/lib/components/Link.svelte
index 5c600f3..510dfc5 100644
--- a/src/lib/components/Link.svelte
+++ b/src/lib/components/Link.svelte
@@ -4,18 +4,12 @@
 		target?: string;
 		href: string;
 		ariaLabel: string;
-		children?: import('svelte').Snippet;
+		children?: import("svelte").Snippet;
 	}
 
-	let {
-		rel = '',
-		target = '',
-		href,
-		ariaLabel,
-		children
-	}: Props = $props();
+	let { rel = "", target = "", href, ariaLabel, children }: Props = $props();
 </script>
 
 <a aria-label={ariaLabel} {href} {rel} {target}>
 	{@render children?.()}
-</a>
\ No newline at end of file
+</a>
diff --git a/src/lib/components/Pagination.svelte b/src/lib/components/Pagination.svelte
index 07b7642..8ebb131 100644
--- a/src/lib/components/Pagination.svelte
+++ b/src/lib/components/Pagination.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import { Pagination } from "bits-ui";
-  import { ChevronLeft, ChevronRight } from 'lucide-svelte';
+  import { ChevronLeft, ChevronRight } from "lucide-svelte";
+  import { goto } from "$app/navigation";
 
   interface Props {
     additionalClasses: string;
@@ -12,33 +12,41 @@
     base: string;
   }
 
-  let {
-    additionalClasses,
-    pageSize,
-    totalCount,
-    currentPage,
-    base
-  }: Props = $props();
+  let { additionalClasses, pageSize, totalCount, currentPage, base }: Props = $props();
 </script>
 
-<Pagination.Root count={totalCount} perPage={pageSize} page={currentPage || 1} class={`${additionalClasses}`}
-  onPageChange={(page) => goto(`${base}/${page}`)}>
+<Pagination.Root
+  count={totalCount}
+  perPage={pageSize}
+  page={currentPage || 1}
+  class={`${additionalClasses}`}
+  aria-label="Pagination"
+  onPageChange={(page) => goto(`${base}/${page}`)}
+>
   {#snippet children({ pages })}
-    <Pagination.PrevButton>
+    <Pagination.PrevButton aria-label="Previous page">
       <ChevronLeft />
     </Pagination.PrevButton>
     {#each pages as page (page.key)}
       {#if page.type === "ellipsis"}
-        <div class="ellipsis text-[15px] font-medium text-foreground-alt">...</div>
+        <div class="ellipsis text-[15px] font-medium text-foreground-alt">
+          ...
+        </div>
       {:else}
         <Pagination.Page {page}>
-          <a href={`${base}/${page.value}`} data-sveltekit-preload-data="hover">
-            {page.value}
-          </a>
+          {#snippet child({ props })}
+            <button
+              {...props}
+              type="button"
+              aria-label={`Go to page ${page.value}`}
+            >
+              {page.value}
+            </button>
+          {/snippet}
         </Pagination.Page>
       {/if}
     {/each}
-    <Pagination.NextButton>
+    <Pagination.NextButton aria-label="Next page">
       <ChevronRight />
     </Pagination.NextButton>
   {/snippet}
@@ -92,31 +100,28 @@
   }
 
   :global([data-selected]) {
-    a {
-      color: var(--shellYellow);
-    }
+    color: var(--shellYellow);
   }
 
-	:global([data-pagination-root]) {
-		display: flex;
-		align-content: center;
-		align-items: center;
-		justify-items: center;
-		border: 1px solid var(--grey);
-		margin: 3rem 0;
-		border-radius: 5px;
-		text-align: center;
-		font-size: 1.5rem;
-	}
+  :global([data-pagination-root]) {
+    display: flex;
+    align-content: center;
+    align-items: center;
+    justify-items: center;
+    border: 1px solid var(--grey);
+    margin: 3rem 0;
+    border-radius: 5px;
+    text-align: center;
+    font-size: 1.5rem;
+  }
 
   :global([data-pagination-page]) {
     padding: 1rem;
     flex: 1;
+    border: 0;
     border-right: 1px solid var(--grey);
+    background: transparent;
     text-decoration: none;
-
-    a {
-      text-decoration: none;
-    }
+    cursor: pointer;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/lib/components/footer/Footer.stories.svelte b/src/lib/components/footer/Footer.stories.svelte
index 4ad2b64..792953a 100644
--- a/src/lib/components/footer/Footer.stories.svelte
+++ b/src/lib/components/footer/Footer.stories.svelte
@@ -1,11 +1,11 @@
 <script context="module" lang="ts">
-  import { defineMeta } from '@storybook/addon-svelte-csf';
-  import Footer from './index.svelte';
+  import { defineMeta } from "@storybook/addon-svelte-csf";
+  import Footer from "./index.svelte";
 
   const { Story } = defineMeta({
-    title: 'Components/Footer',
+    title: "Components/Footer",
     component: Footer,
-    tags: ['autodocs']
+    tags: ["autodocs"],
   });
 </script>
 
diff --git a/src/lib/components/footer/index.svelte b/src/lib/components/footer/index.svelte
index 7275655..bcd869c 100644
--- a/src/lib/components/footer/index.svelte
+++ b/src/lib/components/footer/index.svelte
@@ -1,24 +1,30 @@
 <script lang="ts">
-	import { page } from '$app/stores';
-	import ContactHub from '$lib/components/ContactHub.svelte';
+	import { page } from "$app/state";
+	import ContactHub from "$lib/components/ContactHub.svelte";
+
 	const userNames = {
-    github: 'BradNut',
-    linkedIn: 'bradley-shellnut',
-    email: 'website[at]bradleyshellnut.com',
-  };
+		github: "BradNut",
+		linkedIn: "bradley-shellnut",
+		email: "website[at]bradleyshellnut.com",
+	};
 </script>
 
 <footer>
 	<ContactHub showGithub showLinkedIn showEmail justify {userNames} />
 	<nav class="footer-list" aria-label="footer navigation">
-		<a class:active={$page.url.pathname === '/'} href="/">Home</a>
-		<a class:active={$page.url.pathname === '/about'} href="/about">About</a>
-		<a class:active={$page.url.pathname === '/portfolio'} href="/portfolio">Portfolio</a>
-		<a class:active={$page.url.pathname === '/uses'} href="/uses">Uses</a>
-		<a class:active={$page.url.pathname === '/privacy'} href="/privacy">Privacy</a>
-		<a class:active={$page.url.pathname === '/articles/1'} href="/articles">Favorite Articles</a>
+		<a class:active={page.url.pathname === "/"} href="/">Home</a>
+		<a class:active={page.url.pathname === "/about"} href="/about">About</a>
+		<a class:active={page.url.pathname === "/portfolio"} href="/portfolio"
+			>Portfolio</a
+		>
+		<a class:active={page.url.pathname === "/uses"} href="/uses">Uses</a>
+		<a class:active={page.url.pathname === "/privacy"} href="/privacy"
+			>Privacy</a
+		>
+		<a class:active={page.url.pathname === "/articles/1"} href="/articles"
+			>Favorite Articles</a
+		>
 	</nav>
-	<!-- <p className="center"> -->
 	<p>
 		Bradley Shellnut &copy; 2012 - {new Date().getFullYear()}
 	</p>
@@ -40,13 +46,13 @@
 		}
 	}
 
-  p {
-    margin: 0;
-    padding: 0.2rem;
-    font-weight: 600;
+	p {
+		margin: 0;
+		padding: 0.2rem;
+		font-weight: 600;
 		text-align: center;
-    color: var(--lightShade);
-  }
+		color: var(--lightShade);
+	}
 
 	.footer-list {
 		display: flex;
@@ -60,4 +66,4 @@
 		margin: 1rem;
 		line-height: 1rem;
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/lib/components/logo/Logo.stories.svelte b/src/lib/components/logo/Logo.stories.svelte
index dbc1167..a29d284 100644
--- a/src/lib/components/logo/Logo.stories.svelte
+++ b/src/lib/components/logo/Logo.stories.svelte
@@ -1,11 +1,11 @@
 <script context="module" lang="ts">
-  import { defineMeta } from '@storybook/addon-svelte-csf';
-  import Logo from './index.svelte';
+  import { defineMeta } from "@storybook/addon-svelte-csf";
+  import Logo from "./index.svelte";
 
   const { Story } = defineMeta({
-    title: 'Components/Logo',
+    title: "Components/Logo",
     component: Logo,
-    tags: ['autodocs']
+    tags: ["autodocs"],
   });
 </script>
 
diff --git a/src/lib/components/logo/index.svelte b/src/lib/components/logo/index.svelte
index bb1ada6..35273ec 100644
--- a/src/lib/components/logo/index.svelte
+++ b/src/lib/components/logo/index.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import beeIcon from '$lib/assets/images/bee.svg';
-	import shellIcon from '$lib/assets/images/shell.svg';
-	import nutIcon from '$lib/assets/images/hazelnut.svg';
+	import beeIcon from "$lib/assets/images/bee.svg";
+	import nutIcon from "$lib/assets/images/hazelnut.svg";
+	import shellIcon from "$lib/assets/images/shell.svg";
 
 	// @ts-expect-error: Type 'Record<string, any>' is not assignable to type 'string'.ts(2322)
 	const bee: string = beeIcon;
@@ -13,15 +13,15 @@
 
 <div>
 	<a href="/" class="center">
-		<img src={bee} alt="Bee Icon" width="30" height="30"/>
+		<img src={bee} alt="Bee Icon" width="30" height="30" />
 		<p>Bradley</p>
 	</a>
 	<a href="/" class="center">
-		<img src={shell} alt="Shell Icon" width="30" height="30"/>
+		<img src={shell} alt="Shell Icon" width="30" height="30" />
 		<p>Shell</p>
 	</a>
 	<a href="/" class="center">
-		<img src={nut} alt="Nut Icon" width="30" height="30"/>
+		<img src={nut} alt="Nut Icon" width="30" height="30" />
 		<p>Nut</p>
 	</a>
 </div>
@@ -39,7 +39,7 @@
 		--scale: 0;
 
 		& p::after {
-			content: '';
+			content: "";
 			position: absolute;
 			width: 100%;
 			height: 2px;
@@ -82,4 +82,4 @@
 			}
 		}
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/lib/components/nav/Nav.stories.svelte b/src/lib/components/nav/Nav.stories.svelte
index 2c6e34e..45eba2b 100644
--- a/src/lib/components/nav/Nav.stories.svelte
+++ b/src/lib/components/nav/Nav.stories.svelte
@@ -1,11 +1,11 @@
 <script context="module" lang="ts">
-  import { defineMeta } from '@storybook/addon-svelte-csf';
-  import Nav from './index.svelte';
+  import { defineMeta } from "@storybook/addon-svelte-csf";
+  import Nav from "./index.svelte";
 
   const { Story } = defineMeta({
-    title: 'Components/Nav',
+    title: "Components/Nav",
     component: Nav,
-    tags: ['autodocs']
+    tags: ["autodocs"],
   });
 </script>
 
diff --git a/src/lib/components/nav/index.svelte b/src/lib/components/nav/index.svelte
index e6eb500..b27932d 100644
--- a/src/lib/components/nav/index.svelte
+++ b/src/lib/components/nav/index.svelte
@@ -1,25 +1,25 @@
 <script lang="ts">
-	import { page } from '$app/stores';
+	import { page } from '$app/state';
 </script>
 
 <header aria-label="header navigation">
 	<nav>
-		<a href="/" class:active={$page.url.pathname === '/'}>Home</a>
+		<a href="/" class:active={page.url.pathname === '/'}>Home</a>
 		<a
 			href="/about"
-			class:active={$page.url.pathname === '/about'}
+			class:active={page.url.pathname === '/about'}
 		>
 			About
 		</a>
 		<a
 			href="/portfolio"
-			class:active={$page.url.pathname === '/portfolio'}
+			class:active={page.url.pathname === '/portfolio'}
 		>
 			Portfolio
 		</a>
 		<a
 			href="/uses"
-			class:active={$page.url.pathname === '/uses'}
+			class:active={page.url.pathname === '/uses'}
 		>
 			Uses
 		</a>
diff --git a/src/lib/renderImage.ts b/src/lib/renderImage.ts
index e75234b..b3f4590 100644
--- a/src/lib/renderImage.ts
+++ b/src/lib/renderImage.ts
@@ -1,8 +1,8 @@
+import { Resvg } from '@resvg/resvg-js';
 import satori from 'satori';
+import { html as toReactNode } from 'satori-html';
 import type { Component } from 'svelte';
 import { render } from 'svelte/server';
-import { Resvg } from '@resvg/resvg-js';
-import { html as toReactNode } from 'satori-html';
 import { dev } from '$app/environment';
 import { read } from '$app/server';
 
diff --git a/src/lib/types/externalLinkTypes.ts b/src/lib/types/externalLinkTypes.ts
index e22109d..37b1712 100644
--- a/src/lib/types/externalLinkTypes.ts
+++ b/src/lib/types/externalLinkTypes.ts
@@ -1,20 +1,19 @@
-import type { Snippet } from 'svelte';
 import type { Icon as IconType } from 'lucide-svelte';
 
 export interface LinkTextType {
-	text?: string;
-	showIcon: boolean;
-	location?: 'top' | 'bottom' | 'left' | 'right';
+  text?: string;
+  showIcon: boolean;
+  location?: 'top' | 'bottom' | 'left' | 'right';
 }
 
 export interface LinkDataType {
-	rel?: string;
-	target?: string;
-	href: string;
-	title?: string;
-	ariaLabel: string;
-	clazz?: string | undefined;
-	textDecoration?: 'none' | 'underline' | 'line-through';
+  rel?: string;
+  target?: string;
+  href: string;
+  title?: string;
+  ariaLabel: string;
+  clazz?: string;
+  textDecoration?: 'none' | 'underline' | 'line-through';
 }
 
 export interface ExternalLinkType {
@@ -23,8 +22,14 @@ export interface ExternalLinkType {
   textData?: LinkTextType;
 }
 
-export interface LinkIconType {
-  type?: 'icon' | 'svg';
-  icon?: Snippet | typeof IconType;
-  iconClass?: string | undefined;
-}
\ No newline at end of file
+export type LinkIconType =
+  | {
+      type: 'svg';
+      icon: () => unknown;
+      iconClass?: string;
+    }
+  | {
+      type: 'icon';
+      icon: typeof IconType;
+      iconClass?: string;
+    };
diff --git a/src/lib/util/logoIcons.svelte b/src/lib/util/logoIcons.svelte
index dde976e..51a3208 100644
--- a/src/lib/util/logoIcons.svelte
+++ b/src/lib/util/logoIcons.svelte
@@ -1,49 +1,95 @@
 <script module lang="ts">
-	export { blueSkyIcon, dockerIcon, drizzleIcon, honoIcon, gitHubIcon, linkedInIcon, lucideIcon, nextDotJsIcon, reactIcon, svelteIcon, typescriptIcon, xIcon };
+	export {
+		blueSkyIcon,
+		dockerIcon,
+		drizzleIcon,
+		honoIcon,
+		gitHubIcon,
+		linkedInIcon,
+		lucideIcon,
+		nextDotJsIcon,
+		reactIcon,
+		svelteIcon,
+		typescriptIcon,
+		xIcon,
+	};
 </script>
 
 {#snippet gitHubIcon()}
-	<path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
+	<path
+		fill="currentColor"
+		d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
+	/>
 {/snippet}
 
 {#snippet drizzleIcon()}
-	<path fill="currentColor" d="M5.353 11.823a1.036 1.036 0 0 0-.395-1.422 1.063 1.063 0 0 0-1.437.399L.138 16.702a1.035 1.035 0 0 0 .395 1.422 1.063 1.063 0 0 0 1.437-.398l3.383-5.903Zm11.216 0a1.036 1.036 0 0 0-.394-1.422 1.064 1.064 0 0 0-1.438.399l-3.382 5.902a1.036 1.036 0 0 0 .394 1.422c.506.283 1.15.104 1.438-.398l3.382-5.903Zm7.293-4.525a1.036 1.036 0 0 0-.395-1.422 1.062 1.062 0 0 0-1.437.399l-3.383 5.902a1.036 1.036 0 0 0 .395 1.422 1.063 1.063 0 0 0 1.437-.399l3.383-5.902Zm-11.219 0a1.035 1.035 0 0 0-.394-1.422 1.064 1.064 0 0 0-1.438.398l-3.382 5.903a1.036 1.036 0 0 0 .394 1.422c.506.282 1.15.104 1.438-.399l3.382-5.902Z"/>
+	<path
+		fill="currentColor"
+		d="M5.353 11.823a1.036 1.036 0 0 0-.395-1.422 1.063 1.063 0 0 0-1.437.399L.138 16.702a1.035 1.035 0 0 0 .395 1.422 1.063 1.063 0 0 0 1.437-.398l3.383-5.903Zm11.216 0a1.036 1.036 0 0 0-.394-1.422 1.064 1.064 0 0 0-1.438.399l-3.382 5.902a1.036 1.036 0 0 0 .394 1.422c.506.283 1.15.104 1.438-.398l3.382-5.903Zm7.293-4.525a1.036 1.036 0 0 0-.395-1.422 1.062 1.062 0 0 0-1.437.399l-3.383 5.902a1.036 1.036 0 0 0 .395 1.422 1.063 1.063 0 0 0 1.437-.399l3.383-5.902Zm-11.219 0a1.035 1.035 0 0 0-.394-1.422 1.064 1.064 0 0 0-1.438.398l-3.382 5.903a1.036 1.036 0 0 0 .394 1.422c.506.282 1.15.104 1.438-.399l3.382-5.902Z"
+	/>
 {/snippet}
 
 {#snippet svelteIcon()}
-	<path fill="currentColor" d="M10.354 21.125a4.44 4.44 0 0 1-4.765-1.767 4.109 4.109 0 0 1-.703-3.107 3.898 3.898 0 0 1 .134-.522l.105-.321.287.21a7.21 7.21 0 0 0 2.186 1.092l.208.063-.02.208a1.253 1.253 0 0 0 .226.83 1.337 1.337 0 0 0 1.435.533 1.231 1.231 0 0 0 .343-.15l5.59-3.562a1.164 1.164 0 0 0 .524-.778 1.242 1.242 0 0 0-.211-.937 1.338 1.338 0 0 0-1.435-.533 1.23 1.23 0 0 0-.343.15l-2.133 1.36a4.078 4.078 0 0 1-1.135.499 4.44 4.44 0 0 1-4.765-1.766 4.108 4.108 0 0 1-.702-3.108 3.855 3.855 0 0 1 1.742-2.582l5.589-3.563a4.072 4.072 0 0 1 1.135-.499 4.44 4.44 0 0 1 4.765 1.767 4.109 4.109 0 0 1 .703 3.107 3.943 3.943 0 0 1-.134.522l-.105.321-.286-.21a7.204 7.204 0 0 0-2.187-1.093l-.208-.063.02-.207a1.255 1.255 0 0 0-.226-.831 1.337 1.337 0 0 0-1.435-.532 1.231 1.231 0 0 0-.343.15L8.62 9.368a1.162 1.162 0 0 0-.524.778 1.24 1.24 0 0 0 .211.937 1.338 1.338 0 0 0 1.435.533 1.235 1.235 0 0 0 .344-.151l2.132-1.36a4.067 4.067 0 0 1 1.135-.498 4.44 4.44 0 0 1 4.765 1.766 4.108 4.108 0 0 1 .702 3.108 3.857 3.857 0 0 1-1.742 2.583l-5.589 3.562a4.072 4.072 0 0 1-1.135.499m10.358-17.95C18.484-.015 14.082-.96 10.9 1.068L5.31 4.63a6.412 6.412 0 0 0-2.896 4.295 6.753 6.753 0 0 0 .666 4.336 6.43 6.43 0 0 0-.96 2.396 6.833 6.833 0 0 0 1.168 5.167c2.229 3.19 6.63 4.135 9.812 2.108l5.59-3.562a6.41 6.41 0 0 0 2.896-4.295 6.756 6.756 0 0 0-.665-4.336 6.429 6.429 0 0 0 .958-2.396 6.831 6.831 0 0 0-1.167-5.168Z"/>
+	<path
+		fill="currentColor"
+		d="M10.354 21.125a4.44 4.44 0 0 1-4.765-1.767 4.109 4.109 0 0 1-.703-3.107 3.898 3.898 0 0 1 .134-.522l.105-.321.287.21a7.21 7.21 0 0 0 2.186 1.092l.208.063-.02.208a1.253 1.253 0 0 0 .226.83 1.337 1.337 0 0 0 1.435.533 1.231 1.231 0 0 0 .343-.15l5.59-3.562a1.164 1.164 0 0 0 .524-.778 1.242 1.242 0 0 0-.211-.937 1.338 1.338 0 0 0-1.435-.533 1.23 1.23 0 0 0-.343.15l-2.133 1.36a4.078 4.078 0 0 1-1.135.499 4.44 4.44 0 0 1-4.765-1.766 4.108 4.108 0 0 1-.702-3.108 3.855 3.855 0 0 1 1.742-2.582l5.589-3.563a4.072 4.072 0 0 1 1.135-.499 4.44 4.44 0 0 1 4.765 1.767 4.109 4.109 0 0 1 .703 3.107 3.943 3.943 0 0 1-.134.522l-.105.321-.286-.21a7.204 7.204 0 0 0-2.187-1.093l-.208-.063.02-.207a1.255 1.255 0 0 0-.226-.831 1.337 1.337 0 0 0-1.435-.532 1.231 1.231 0 0 0-.343.15L8.62 9.368a1.162 1.162 0 0 0-.524.778 1.24 1.24 0 0 0 .211.937 1.338 1.338 0 0 0 1.435.533 1.235 1.235 0 0 0 .344-.151l2.132-1.36a4.067 4.067 0 0 1 1.135-.498 4.44 4.44 0 0 1 4.765 1.766 4.108 4.108 0 0 1 .702 3.108 3.857 3.857 0 0 1-1.742 2.583l-5.589 3.562a4.072 4.072 0 0 1-1.135.499m10.358-17.95C18.484-.015 14.082-.96 10.9 1.068L5.31 4.63a6.412 6.412 0 0 0-2.896 4.295 6.753 6.753 0 0 0 .666 4.336 6.43 6.43 0 0 0-.96 2.396 6.833 6.833 0 0 0 1.168 5.167c2.229 3.19 6.63 4.135 9.812 2.108l5.59-3.562a6.41 6.41 0 0 0 2.896-4.295 6.756 6.756 0 0 0-.665-4.336 6.429 6.429 0 0 0 .958-2.396 6.831 6.831 0 0 0-1.167-5.168Z"
+	/>
 {/snippet}
 
 {#snippet typescriptIcon()}
-	<path fill="currentColor" d="M1.125 0C.502 0 0 .502 0 1.125v21.75C0 23.498.502 24 1.125 24h21.75c.623 0 1.125-.502 1.125-1.125V1.125C24 .502 23.498 0 22.875 0zm17.363 9.75c.612 0 1.154.037 1.627.111a6.38 6.38 0 0 1 1.306.34v2.458a3.95 3.95 0 0 0-.643-.361 5.093 5.093 0 0 0-.717-.26 5.453 5.453 0 0 0-1.426-.2c-.3 0-.573.028-.819.086a2.1 2.1 0 0 0-.623.242c-.17.104-.3.229-.393.374a.888.888 0 0 0-.14.49c0 .196.053.373.156.529.104.156.252.304.443.444s.423.276.696.41c.273.135.582.274.926.416.47.197.892.407 1.266.628.374.222.695.473.963.753.268.279.472.598.614.957.142.359.214.776.214 1.253 0 .657-.125 1.21-.373 1.656a3.033 3.033 0 0 1-1.012 1.085 4.38 4.38 0 0 1-1.487.596c-.566.12-1.163.18-1.79.18a9.916 9.916 0 0 1-1.84-.164 5.544 5.544 0 0 1-1.512-.493v-2.63a5.033 5.033 0 0 0 3.237 1.2c.333 0 .624-.03.872-.09.249-.06.456-.144.623-.25.166-.108.29-.234.373-.38a1.023 1.023 0 0 0-.074-1.089 2.12 2.12 0 0 0-.537-.5 5.597 5.597 0 0 0-.807-.444 27.72 27.72 0 0 0-1.007-.436c-.918-.383-1.602-.852-2.053-1.405-.45-.553-.676-1.222-.676-2.005 0-.614.123-1.141.369-1.582.246-.441.58-.804 1.004-1.089a4.494 4.494 0 0 1 1.47-.629 7.536 7.536 0 0 1 1.77-.201zm-15.113.188h9.563v2.166H9.506v9.646H6.789v-9.646H3.375z"/>
+	<path
+		fill="currentColor"
+		d="M1.125 0C.502 0 0 .502 0 1.125v21.75C0 23.498.502 24 1.125 24h21.75c.623 0 1.125-.502 1.125-1.125V1.125C24 .502 23.498 0 22.875 0zm17.363 9.75c.612 0 1.154.037 1.627.111a6.38 6.38 0 0 1 1.306.34v2.458a3.95 3.95 0 0 0-.643-.361 5.093 5.093 0 0 0-.717-.26 5.453 5.453 0 0 0-1.426-.2c-.3 0-.573.028-.819.086a2.1 2.1 0 0 0-.623.242c-.17.104-.3.229-.393.374a.888.888 0 0 0-.14.49c0 .196.053.373.156.529.104.156.252.304.443.444s.423.276.696.41c.273.135.582.274.926.416.47.197.892.407 1.266.628.374.222.695.473.963.753.268.279.472.598.614.957.142.359.214.776.214 1.253 0 .657-.125 1.21-.373 1.656a3.033 3.033 0 0 1-1.012 1.085 4.38 4.38 0 0 1-1.487.596c-.566.12-1.163.18-1.79.18a9.916 9.916 0 0 1-1.84-.164 5.544 5.544 0 0 1-1.512-.493v-2.63a5.033 5.033 0 0 0 3.237 1.2c.333 0 .624-.03.872-.09.249-.06.456-.144.623-.25.166-.108.29-.234.373-.38a1.023 1.023 0 0 0-.074-1.089 2.12 2.12 0 0 0-.537-.5 5.597 5.597 0 0 0-.807-.444 27.72 27.72 0 0 0-1.007-.436c-.918-.383-1.602-.852-2.053-1.405-.45-.553-.676-1.222-.676-2.005 0-.614.123-1.141.369-1.582.246-.441.58-.804 1.004-1.089a4.494 4.494 0 0 1 1.47-.629 7.536 7.536 0 0 1 1.77-.201zm-15.113.188h9.563v2.166H9.506v9.646H6.789v-9.646H3.375z"
+	/>
 {/snippet}
 
 {#snippet reactIcon()}
-	<path fill="currentColor" d="M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z"/>
+	<path
+		fill="currentColor"
+		d="M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z"
+	/>
 {/snippet}
 
 {#snippet dockerIcon()}
-	<path fill="currentColor" d="M13.983 11.078h2.119a.186.186 0 00.186-.185V9.006a.186.186 0 00-.186-.186h-2.119a.185.185 0 00-.185.185v1.888c0 .102.083.185.185.185m-2.954-5.43h2.118a.186.186 0 00.186-.186V3.574a.186.186 0 00-.186-.185h-2.118a.185.185 0 00-.185.185v1.888c0 .102.082.185.185.185m0 2.716h2.118a.187.187 0 00.186-.186V6.29a.186.186 0 00-.186-.185h-2.118a.185.185 0 00-.185.185v1.887c0 .102.082.185.185.186m-2.93 0h2.12a.186.186 0 00.184-.186V6.29a.185.185 0 00-.185-.185H8.1a.185.185 0 00-.185.185v1.887c0 .102.083.185.185.186m-2.964 0h2.119a.186.186 0 00.185-.186V6.29a.185.185 0 00-.185-.185H5.136a.186.186 0 00-.186.185v1.887c0 .102.084.185.186.186m5.893 2.715h2.118a.186.186 0 00.186-.185V9.006a.186.186 0 00-.186-.186h-2.118a.185.185 0 00-.185.185v1.888c0 .102.082.185.185.185m-2.93 0h2.12a.185.185 0 00.184-.185V9.006a.185.185 0 00-.184-.186h-2.12a.185.185 0 00-.184.185v1.888c0 .102.083.185.185.185m-2.964 0h2.119a.185.185 0 00.185-.185V9.006a.185.185 0 00-.184-.186h-2.12a.186.186 0 00-.186.186v1.887c0 .102.084.185.186.185m-2.92 0h2.12a.185.185 0 00.184-.185V9.006a.185.185 0 00-.184-.186h-2.12a.185.185 0 00-.184.185v1.888c0 .102.082.185.185.185M23.763 9.89c-.065-.051-.672-.51-1.954-.51-.338.001-.676.03-1.01.087-.248-1.7-1.653-2.53-1.716-2.566l-.344-.199-.226.327c-.284.438-.49.922-.612 1.43-.23.97-.09 1.882.403 2.661-.595.332-1.55.413-1.744.42H.751a.751.751 0 00-.75.748 11.376 11.376 0 00.692 4.062c.545 1.428 1.355 2.48 2.41 3.124 1.18.723 3.1 1.137 5.275 1.137.983.003 1.963-.086 2.93-.266a12.248 12.248 0 003.823-1.389c.98-.567 1.86-1.288 2.61-2.136 1.252-1.418 1.998-2.997 2.553-4.4h.221c1.372 0 2.215-.549 2.68-1.009.309-.293.55-.65.707-1.046l.098-.288Z"/>
+	<path
+		fill="currentColor"
+		d="M13.983 11.078h2.119a.186.186 0 00.186-.185V9.006a.186.186 0 00-.186-.186h-2.119a.185.185 0 00-.185.185v1.888c0 .102.083.185.185.185m-2.954-5.43h2.118a.186.186 0 00.186-.186V3.574a.186.186 0 00-.186-.185h-2.118a.185.185 0 00-.185.185v1.888c0 .102.082.185.185.185m0 2.716h2.118a.187.187 0 00.186-.186V6.29a.186.186 0 00-.186-.185h-2.118a.185.185 0 00-.185.185v1.887c0 .102.082.185.185.186m-2.93 0h2.12a.186.186 0 00.184-.186V6.29a.185.185 0 00-.185-.185H8.1a.185.185 0 00-.185.185v1.887c0 .102.083.185.185.186m-2.964 0h2.119a.186.186 0 00.185-.186V6.29a.185.185 0 00-.185-.185H5.136a.186.186 0 00-.186.185v1.887c0 .102.084.185.186.186m5.893 2.715h2.118a.186.186 0 00.186-.185V9.006a.186.186 0 00-.186-.186h-2.118a.185.185 0 00-.185.185v1.888c0 .102.082.185.185.185m-2.93 0h2.12a.185.185 0 00.184-.185V9.006a.185.185 0 00-.184-.186h-2.12a.185.185 0 00-.184.185v1.888c0 .102.083.185.185.185m-2.964 0h2.119a.185.185 0 00.185-.185V9.006a.185.185 0 00-.184-.186h-2.12a.186.186 0 00-.186.186v1.887c0 .102.084.185.186.185m-2.92 0h2.12a.185.185 0 00.184-.185V9.006a.185.185 0 00-.184-.186h-2.12a.185.185 0 00-.184.185v1.888c0 .102.082.185.185.185M23.763 9.89c-.065-.051-.672-.51-1.954-.51-.338.001-.676.03-1.01.087-.248-1.7-1.653-2.53-1.716-2.566l-.344-.199-.226.327c-.284.438-.49.922-.612 1.43-.23.97-.09 1.882.403 2.661-.595.332-1.55.413-1.744.42H.751a.751.751 0 00-.75.748 11.376 11.376 0 00.692 4.062c.545 1.428 1.355 2.48 2.41 3.124 1.18.723 3.1 1.137 5.275 1.137.983.003 1.963-.086 2.93-.266a12.248 12.248 0 003.823-1.389c.98-.567 1.86-1.288 2.61-2.136 1.252-1.418 1.998-2.997 2.553-4.4h.221c1.372 0 2.215-.549 2.68-1.009.309-.293.55-.65.707-1.046l.098-.288Z"
+	/>
 {/snippet}
 
 {#snippet honoIcon()}
-	<path fill="currentColor" d="M12.445.002a45.529 45.529 0 0 0-5.252 8.146 8.595 8.595 0 0 1-.555-.53 27.796 27.796 0 0 0-1.205-1.542 8.762 8.762 0 0 0-1.251 2.12 20.743 20.743 0 0 0-1.448 5.88 8.867 8.867 0 0 0 .338 3.468c1.312 3.48 3.794 5.593 7.445 6.337 3.055.438 5.755-.333 8.097-2.312 2.677-2.59 3.359-5.634 2.047-9.132a33.287 33.287 0 0 0-2.988-5.59A91.34 91.34 0 0 0 12.615.053a.216.216 0 0 0-.17-.051Zm-.336 3.906a50.93 50.93 0 0 1 4.794 6.552c.448.767.817 1.57 1.108 2.41.606 2.386-.044 4.354-1.951 5.904-1.845 1.298-3.87 1.683-6.072 1.156-2.376-.737-3.75-2.335-4.121-4.794a5.107 5.107 0 0 1 .242-2.266c.358-.908.79-1.774 1.3-2.601l1.446-2.121a397.33 397.33 0 0 0 3.254-4.24Z"/>
+	<path
+		fill="currentColor"
+		d="M12.445.002a45.529 45.529 0 0 0-5.252 8.146 8.595 8.595 0 0 1-.555-.53 27.796 27.796 0 0 0-1.205-1.542 8.762 8.762 0 0 0-1.251 2.12 20.743 20.743 0 0 0-1.448 5.88 8.867 8.867 0 0 0 .338 3.468c1.312 3.48 3.794 5.593 7.445 6.337 3.055.438 5.755-.333 8.097-2.312 2.677-2.59 3.359-5.634 2.047-9.132a33.287 33.287 0 0 0-2.988-5.59A91.34 91.34 0 0 0 12.615.053a.216.216 0 0 0-.17-.051Zm-.336 3.906a50.93 50.93 0 0 1 4.794 6.552c.448.767.817 1.57 1.108 2.41.606 2.386-.044 4.354-1.951 5.904-1.845 1.298-3.87 1.683-6.072 1.156-2.376-.737-3.75-2.335-4.121-4.794a5.107 5.107 0 0 1 .242-2.266c.358-.908.79-1.774 1.3-2.601l1.446-2.121a397.33 397.33 0 0 0 3.254-4.24Z"
+	/>
 {/snippet}
 
 {#snippet linkedInIcon()}
-	<path fill="currentColor" d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
+	<path
+		fill="currentColor"
+		d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"
+	/>
 {/snippet}
 
 {#snippet xIcon()}
-	<path fill="currentColor" d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"/>
+	<path
+		fill="currentColor"
+		d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"
+	/>
 {/snippet}
 
 {#snippet blueSkyIcon()}
-	<path fill="currentColor" d="M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078a8.741 8.741 0 0 1-.415-.056c.14.017.279.036.415.056 2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8Z"/>
+	<path
+		fill="currentColor"
+		d="M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078a8.741 8.741 0 0 1-.415-.056c.14.017.279.036.415.056 2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8Z"
+	/>
 {/snippet}
 
 {#snippet nextDotJsIcon()}
-	<path fill="currentColor" d="M18.665 21.978C16.758 23.255 14.465 24 12 24 5.377 24 0 18.623 0 12S5.377 0 12 0s12 5.377 12 12c0 3.583-1.574 6.801-4.067 9.001L9.219 7.2H7.2v9.596h1.615V9.251l9.85 12.727Zm-3.332-8.533 1.6 2.061V7.2h-1.6v6.245Z"/>
+	<path
+		fill="currentColor"
+		d="M18.665 21.978C16.758 23.255 14.465 24 12 24 5.377 24 0 18.623 0 12S5.377 0 12 0s12 5.377 12 12c0 3.583-1.574 6.801-4.067 9.001L9.219 7.2H7.2v9.596h1.615V9.251l9.85 12.727Zm-3.332-8.533 1.6 2.061V7.2h-1.6v6.245Z"
+	/>
 {/snippet}
 
 {#snippet lucideIcon(icon: any)}