chore(deps): update dependency python to 3.14

Merge pull request 'chore(deps): update dependency marked to v17.0.3' (#343 ) from renovate/marked-17.x-lockfile into main
chore(deps): update dependency marked to v17.0.3
2026-02-18 04:38:41 +00:00 · 2026-02-18 04:37:31 +00:00 · 2026-02-18 04:37:19 +00:00 · 2026-02-18 04:35:15 +00:00 · 2026-02-18 04:35:06 +00:00 · 2026-02-18 04:33:53 +00:00
42 changed files with 867 additions and 793 deletions
--- a/.gitea/workflows/test-build.yaml
+++ b/.gitea/workflows/test-build.yaml
@@ -60,7 +60,7 @@ jobs:
      - name: Set up Python
        uses: actions/setup-python@v6
        with:
-          python-version: '3.12'
+          python-version: '3.14'

      - name: Install GuardDog
        run: |
--- a/2
+++ b/2
@@ -27,7 +27,7 @@ ENV SITE_URL=https://www.alexlebens.dev
 ENV DIRECTUS_URL=https://directus.alexlebens.net
 ENV PORT=4321

-LABEL version="2.10.1"
+LABEL version="2.12.0"
 LABEL description="Astro based personal website"

 EXPOSE $PORT
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
  "name": "site-profile",
  "type": "module",
-  "version": "2.10.1",
+  "version": "2.12.0",
  "homepage": "https://www.alexlebens.dev",
  "bugs": {
    "url": "https://gitea.alexlebens.dev/alexlebens/site-profile/issues",
@@ -39,18 +39,16 @@
    "@iconify-json/pajamas": "^1.2.15",
    "@iconify-json/simple-icons": "^1.2.70",
    "@playform/compress": "^0.2.1",
-    "@swup/astro": "^1.7.0",
+    "@swup/astro": "^1.8.0",
    "@tailwindcss/postcss": "^4.1.18",
    "@tailwindcss/vite": "^4.1.18",
    "@types/react": "^19.2.14",
    "@types/unist": "^3.0.3",
    "astro": "^5.17.2",
-    "astro-compressor": "^1.2.0",
    "astro-icon": "^1.1.5",
    "marked": "^17.0.2",
    "marked-shiki": "^1.2.1",
    "mdast-util-to-string": "^4.0.0",
-    "motion": "^12.34.0",
    "preline": "^4.0.1",
    "react": "^19.2.4",
    "react-dom": "^19.2.4",
@@ -62,13 +60,12 @@
    "ultrahtml": "^1.6.0"
  },
  "devDependencies": {
-    "@eslint-react/eslint-plugin": "^2.12.4",
+    "@eslint-react/eslint-plugin": "^2.13.0",
    "@tailwindcss/forms": "^0.5.11",
    "@tailwindcss/typography": "^0.5.19",
-    "astro-icon": "^1.1.5",
    "eslint": "^10.0.0",
    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-astro": "^1.5.0",
+    "eslint-plugin-astro": "^1.6.0",
    "eslint-plugin-format": "^1.4.0",
    "eslint-plugin-react": "^7.37.5",
    "eslint-plugin-react-hooks": "^7.0.1",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -40,13 +40,13 @@ importers:
        version: 1.2.15
      '@iconify-json/simple-icons':
        specifier: ^1.2.70
-        version: 1.2.70
+        version: 1.2.71
      '@playform/compress':
        specifier: ^0.2.1
        version: 0.2.1(@types/node@25.2.3)(jiti@2.6.1)(rollup@2.79.2)(typescript@5.9.3)(yaml@2.8.2)
      '@swup/astro':
-        specifier: ^1.7.0
-        version: 1.7.0(@types/babel__core@7.20.5)
+        specifier: ^1.8.0
+        version: 1.8.0(@types/babel__core@7.20.5)
      '@tailwindcss/postcss':
        specifier: ^4.1.18
        version: 4.1.18
@@ -62,24 +62,18 @@ importers:
      astro:
        specifier: ^5.17.2
        version: 5.17.2(@types/node@25.2.3)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@2.79.2)(terser@5.44.1)(typescript@5.9.3)(yaml@2.8.2)
-      astro-compressor:
-        specifier: ^1.2.0
-        version: 1.2.0
      astro-icon:
        specifier: ^1.1.5
        version: 1.1.5
      marked:
        specifier: ^17.0.2
-        version: 17.0.2
+        version: 17.0.3
      marked-shiki:
        specifier: ^1.2.1
-        version: 1.2.1(marked@17.0.2)(shiki@3.22.0)
+        version: 1.2.1(marked@17.0.3)(shiki@3.22.0)
      mdast-util-to-string:
        specifier: ^4.0.0
        version: 4.0.0
-      motion:
-        specifier: ^12.34.0
-        version: 12.34.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
      preline:
        specifier: ^4.0.1
        version: 4.0.1
@@ -109,7 +103,7 @@ importers:
        version: 1.6.0
    devDependencies:
      '@eslint-react/eslint-plugin':
-        specifier: ^2.12.4
+        specifier: ^2.13.0
        version: 2.13.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3)
      '@tailwindcss/forms':
        specifier: ^0.5.11
@@ -124,7 +118,7 @@ importers:
        specifier: ^10.1.8
        version: 10.1.8(eslint@10.0.0(jiti@2.6.1))
      eslint-plugin-astro:
-        specifier: ^1.5.0
+        specifier: ^1.6.0
        version: 1.6.0(eslint@10.0.0(jiti@2.6.1))
      eslint-plugin-format:
        specifier: ^1.4.0
@@ -155,7 +149,7 @@ importers:
        version: 5.9.3
      typescript-eslint:
        specifier: ^8.55.0
-        version: 8.55.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3)
+        version: 8.56.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3)

 packages:

@@ -1264,8 +1258,8 @@ packages:
  '@iconify-json/pajamas@1.2.15':
    resolution: {integrity: sha512-utUwcOZLNQQEmyY38lBw2VzAKIHg6sI+PuY42o73P67iEou2eafuZ4UQxHvRdcqf8h7sPm0JlsX2cWm/JkT06Q==}

-  '@iconify-json/simple-icons@1.2.70':
-    resolution: {integrity: sha512-CYNRCgN6nBTjN4dNkrBCjHXNR2e4hQihdsZUs/afUNFOWLSYjfihca4EFN05rRvDk4Xoy2n8tym6IxBZmcn+Qg==}
+  '@iconify-json/simple-icons@1.2.71':
+    resolution: {integrity: sha512-rNoDFbq1fAYiEexBvrw613/xiUOPEu5MKVV/X8lI64AgdTzLQUUemr9f9fplxUMPoxCBP2rWzlhOEeTHk/Sf0Q==}

  '@iconify/tools@4.2.0':
    resolution: {integrity: sha512-WRxPva/ipxYkqZd1+CkEAQmd86dQmrwH0vwK89gmp2Kh2WyyVw57XbPng0NehP3x4V1LzLsXUneP1uMfTMZmUA==}
@@ -1429,13 +1423,9 @@ packages:
    cpu: [x64]
    os: [win32]

-  '@isaacs/balanced-match@4.0.1':
-    resolution: {integrity: sha512-yzMTt9lEb8Gv7zRioUilSglI0c0smZ9k5D65677DLWLtWJaXIS3CqcGyUFByYKlnUj6TkjLVs54fBl6+TiGQDQ==}
-    engines: {node: 20 || >=22}
-
-  '@isaacs/brace-expansion@5.0.1':
-    resolution: {integrity: sha512-WMz71T1JS624nWj2n2fnYAuPovhv7EUhk69R6i9dsVyzxt5eM3bjwvgk9L+APE1TRscGysAVMANkB0jh0LQZrQ==}
-    engines: {node: 20 || >=22}
+  '@isaacs/cliui@9.0.0':
+    resolution: {integrity: sha512-AokJm4tuBHillT+FpMtxQ60n8ObyXBatq7jD2/JA9dxbDDokKQm8KMht5ibGzLVU9IJDIKK4TPKgMHEYMn3lMg==}
+    engines: {node: '>=18'}

  '@isaacs/fs-minipass@4.0.1':
    resolution: {integrity: sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==}
@@ -1747,8 +1737,8 @@ packages:
    peerDependencies:
      swup: ^4.0.0

-  '@swup/astro@1.7.0':
-    resolution: {integrity: sha512-OxZskzeYkEZ4+McbwJKyD018sHNlrKQLdtHzlmNjivrzQY/dB7ncnWqDs3d4IkA7Y+ydNjpwBqpR/asjDhTiag==}
+  '@swup/astro@1.8.0':
+    resolution: {integrity: sha512-FI8/jNXgyUoWpnOgdB3MOUobRtRzedKBE8+qbBH5c8CE4q9Ni/GHPGrXK/0xG+g1ZiIQuTF3OXRvTLNVouiBig==}

  '@swup/body-class-plugin@3.3.0':
    resolution: {integrity: sha512-4h/6mAgDd0+ml8Gc2kX8tikIR0HZZLF+WTnfm0JTVrGDw74bgEBenbsaWFfIS+gn4RWKZdWBUOfaZ+Im5J7Gvw==}
@@ -2035,19 +2025,19 @@ packages:
  '@types/yauzl@2.10.3':
    resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==}

-  '@typescript-eslint/eslint-plugin@8.55.0':
-    resolution: {integrity: sha512-1y/MVSz0NglV1ijHC8OT49mPJ4qhPYjiK08YUQVbIOyu+5k862LKUHFkpKHWu//zmr7hDR2rhwUm6gnCGNmGBQ==}
+  '@typescript-eslint/eslint-plugin@8.56.0':
+    resolution: {integrity: sha512-lRyPDLzNCuae71A3t9NEINBiTn7swyOhvUj3MyUOxb8x6g6vPEFoOU+ZRmGMusNC3X3YMhqMIX7i8ShqhT74Pw==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
    peerDependencies:
-      '@typescript-eslint/parser': ^8.55.0
-      eslint: ^8.57.0 || ^9.0.0
+      '@typescript-eslint/parser': ^8.56.0
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
      typescript: '>=4.8.4 <6.0.0'

-  '@typescript-eslint/parser@8.55.0':
-    resolution: {integrity: sha512-4z2nCSBfVIMnbuu8uinj+f0o4qOeggYJLbjpPHka3KH1om7e+H9yLKTYgksTaHcGco+NClhhY2vyO3HsMH1RGw==}
+  '@typescript-eslint/parser@8.56.0':
+    resolution: {integrity: sha512-IgSWvLobTDOjnaxAfDTIHaECbkNlAlKv2j5SjpB2v7QHKv1FIfjwMy8FsDbVfDX/KjmCmYICcw7uGaXLhtsLNg==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
    peerDependencies:
-      eslint: ^8.57.0 || ^9.0.0
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
      typescript: '>=4.8.4 <6.0.0'

  '@typescript-eslint/project-service@8.55.0':
@@ -2056,16 +2046,32 @@ packages:
    peerDependencies:
      typescript: '>=4.8.4 <6.0.0'

+  '@typescript-eslint/project-service@8.56.0':
+    resolution: {integrity: sha512-M3rnyL1vIQOMeWxTWIW096/TtVP+8W3p/XnaFflhmcFp+U4zlxUxWj4XwNs6HbDeTtN4yun0GNTTDBw/SvufKg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
  '@typescript-eslint/scope-manager@8.55.0':
    resolution: {integrity: sha512-fVu5Omrd3jeqeQLiB9f1YsuK/iHFOwb04bCtY4BSCLgjNbOD33ZdV6KyEqplHr+IlpgT0QTZ/iJ+wT7hvTx49Q==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}

+  '@typescript-eslint/scope-manager@8.56.0':
+    resolution: {integrity: sha512-7UiO/XwMHquH+ZzfVCfUNkIXlp/yQjjnlYUyYz7pfvlK3/EyyN6BK+emDmGNyQLBtLGaYrTAI6KOw8tFucWL2w==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
  '@typescript-eslint/tsconfig-utils@8.55.0':
    resolution: {integrity: sha512-1R9cXqY7RQd7WuqSN47PK9EDpgFUK3VqdmbYrvWJZYDd0cavROGn+74ktWBlmJ13NXUQKlZ/iAEQHI/V0kKe0Q==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
    peerDependencies:
      typescript: '>=4.8.4 <6.0.0'

+  '@typescript-eslint/tsconfig-utils@8.56.0':
+    resolution: {integrity: sha512-bSJoIIt4o3lKXD3xmDh9chZcjCz5Lk8xS7Rxn+6l5/pKrDpkCwtQNQQwZ2qRPk7TkUYhrq3WPIHXOXlbXP0itg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
  '@typescript-eslint/type-utils@8.55.0':
    resolution: {integrity: sha512-x1iH2unH4qAt6I37I2CGlsNs+B9WGxurP2uyZLRz6UJoZWDBx9cJL1xVN/FiOmHEONEg6RIufdvyT0TEYIgC5g==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -2073,16 +2079,33 @@ packages:
      eslint: ^8.57.0 || ^9.0.0
      typescript: '>=4.8.4 <6.0.0'

+  '@typescript-eslint/type-utils@8.56.0':
+    resolution: {integrity: sha512-qX2L3HWOU2nuDs6GzglBeuFXviDODreS58tLY/BALPC7iu3Fa+J7EOTwnX9PdNBxUI7Uh0ntP0YWGnxCkXzmfA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
  '@typescript-eslint/types@8.55.0':
    resolution: {integrity: sha512-ujT0Je8GI5BJWi+/mMoR0wxwVEQaxM+pi30xuMiJETlX80OPovb2p9E8ss87gnSVtYXtJoU9U1Cowcr6w2FE0w==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}

+  '@typescript-eslint/types@8.56.0':
+    resolution: {integrity: sha512-DBsLPs3GsWhX5HylbP9HNG15U0bnwut55Lx12bHB9MpXxQ+R5GC8MwQe+N1UFXxAeQDvEsEDY6ZYwX03K7Z6HQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
  '@typescript-eslint/typescript-estree@8.55.0':
    resolution: {integrity: sha512-EwrH67bSWdx/3aRQhCoxDaHM+CrZjotc2UCCpEDVqfCE+7OjKAGWNY2HsCSTEVvWH2clYQK8pdeLp42EVs+xQw==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
    peerDependencies:
      typescript: '>=4.8.4 <6.0.0'

+  '@typescript-eslint/typescript-estree@8.56.0':
+    resolution: {integrity: sha512-ex1nTUMWrseMltXUHmR2GAQ4d+WjkZCT4f+4bVsps8QEdh0vlBsaCokKTPlnqBFqqGaxilDNJG7b8dolW2m43Q==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
  '@typescript-eslint/utils@8.55.0':
    resolution: {integrity: sha512-BqZEsnPGdYpgyEIkDC1BadNY8oMwckftxBT+C8W0g1iKPdeqKZBtTfnvcq0nf60u7MkjFO8RBvpRGZBPw4L2ow==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -2090,10 +2113,21 @@ packages:
      eslint: ^8.57.0 || ^9.0.0
      typescript: '>=4.8.4 <6.0.0'

+  '@typescript-eslint/utils@8.56.0':
+    resolution: {integrity: sha512-RZ3Qsmi2nFGsS+n+kjLAYDPVlrzf7UhTffrDIKr+h2yzAlYP/y5ZulU0yeDEPItos2Ph46JAL5P/On3pe7kDIQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
  '@typescript-eslint/visitor-keys@8.55.0':
    resolution: {integrity: sha512-AxNRwEie8Nn4eFS1FzDMJWIISMGoXMb037sgCBJ3UR6o0fQTzr2tqN9WT+DkWJPhIdQCfV7T6D387566VtnCJA==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}

+  '@typescript-eslint/visitor-keys@8.56.0':
+    resolution: {integrity: sha512-q+SL+b+05Ud6LbEE35qe4A99P+htKTKVbyiNEe45eCbJFyh/HVK9QXwlrbz+Q4L8SOW4roxSVwXYj4DMBT7Ieg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
  '@ungap/structured-clone@1.3.0':
    resolution: {integrity: sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==}

@@ -2153,8 +2187,8 @@ packages:
  ajv@6.12.6:
    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}

-  ajv@8.17.1:
-    resolution: {integrity: sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==}
+  ajv@8.18.0:
+    resolution: {integrity: sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==}

  ansi-align@3.0.1:
    resolution: {integrity: sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==}
@@ -2231,10 +2265,6 @@ packages:
    resolution: {integrity: sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==}
    engines: {node: '>= 0.4'}

-  astro-compressor@1.2.0:
-    resolution: {integrity: sha512-Y0UWW/AjyLcHlRhCK9yUqy0kg4qZHd54kDIMY4C/1huS6pSVZNsMY7a3Jk7o5RjytIkVaLDDkcUzR8SgipBH8g==}
-    engines: {node: '>=22'}
-
  astro-eslint-parser@1.3.0:
    resolution: {integrity: sha512-aOLc/aDR7lTWAHlytEefwn4Y6qs6uMr69DZvUx2A1AOAZsWhGB/paiRWPtVchh9wzMvLeqr+DkbENhVreVr9AQ==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -2316,6 +2346,10 @@ packages:
  balanced-match@1.0.2:
    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}

+  balanced-match@4.0.2:
+    resolution: {integrity: sha512-x0K50QvKQ97fdEz2kPehIerj+YTeptKF9hyYkKf6egnwmMWAkADiO0QCzSp0R5xN8FTZgYaBfSaue46Ej62nMg==}
+    engines: {node: 20 || >=22}
+
  base-64@1.0.0:
    resolution: {integrity: sha512-kwDPIFCGx0NZHog36dj+tHiwP4QMzsZ3AgMViUBKI0+V5n4U0ufTCUMhnQ04diaRI8EX/QcPfql7zlhZ7j4zgg==}

@@ -2339,6 +2373,10 @@ packages:
  brace-expansion@2.0.2:
    resolution: {integrity: sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==}

+  brace-expansion@5.0.2:
+    resolution: {integrity: sha512-Pdk8c9poy+YhOgVWw1JNN22/HcivgKWwpxKq04M/jTmHyCZn12WPJebZxdjSa5TmBqISrUSgNYU3eRORljfCCw==}
+    engines: {node: 20 || >=22}
+
  braces@3.0.3:
    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
    engines: {node: '>=8'}
@@ -2392,8 +2430,8 @@ packages:
  caniuse-api@3.0.0:
    resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}

-  caniuse-lite@1.0.30001769:
-    resolution: {integrity: sha512-BCfFL1sHijQlBGWBMuJyhZUhzo7wer5sVj9hqekB/7xn0Ypy+pER/edCYQm4exbXj4WiySGp40P8UuTh6w1srg==}
+  caniuse-lite@1.0.30001770:
+    resolution: {integrity: sha512-x/2CLQ1jHENRbHg5PSId2sXq1CIO1CISvwWAj027ltMVG2UNgW+w9oH2+HzgEIRFembL8bUlXtfbBHR1fCg2xw==}

  ccount@2.0.1:
    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
@@ -3071,8 +3109,8 @@ packages:
  fast-uri@3.1.0:
    resolution: {integrity: sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==}

-  fast-xml-parser@5.3.5:
-    resolution: {integrity: sha512-JeaA2Vm9ffQKp9VjvfzObuMCjUYAp5WDYhRYL5LrBPY/jUDlUtOvDfot0vKSkB9tuX885BDHjtw4fZadD95wnA==}
+  fast-xml-parser@5.3.6:
+    resolution: {integrity: sha512-QNI3sAvSvaOiaMl8FYU4trnEzCwiRr8XMWgAHzlrWpTSj+QaCSvOf1h82OEP1s4hiAXhnbXSyFWCf4ldZzZRVA==}
    hasBin: true

  fastq@1.20.1:
@@ -3149,20 +3187,6 @@ packages:
  fraction.js@5.3.4:
    resolution: {integrity: sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==}

-  framer-motion@12.34.0:
-    resolution: {integrity: sha512-+/H49owhzkzQyxtn7nZeF4kdH++I2FWrESQ184Zbcw5cEqNHYkE5yxWxcTLSj5lNx3NWdbIRy5FHqUvetD8FWg==}
-    peerDependencies:
-      '@emotion/is-prop-valid': '*'
-      react: ^18.0.0 || ^19.0.0
-      react-dom: ^18.0.0 || ^19.0.0
-    peerDependenciesMeta:
-      '@emotion/is-prop-valid':
-        optional: true
-      react:
-        optional: true
-      react-dom:
-        optional: true
-
  fresh@2.0.0:
    resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==}
    engines: {node: '>= 0.8'}
@@ -3569,8 +3593,8 @@ packages:
    resolution: {integrity: sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==}
    engines: {node: '>=8'}

-  is-wsl@3.1.0:
-    resolution: {integrity: sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==}
+  is-wsl@3.1.1:
+    resolution: {integrity: sha512-e6rvdUCiQCAuumZslxRJWR/Doq4VpPR82kqclvcS0efgt430SlGIk05vdCN58+VrzgtIcfNODjozVielycD4Sw==}
    engines: {node: '>=16'}

  isarray@2.0.5:
@@ -3583,6 +3607,10 @@ packages:
    resolution: {integrity: sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==}
    engines: {node: '>= 0.4'}

+  jackspeak@4.2.3:
+    resolution: {integrity: sha512-ykkVRwrYvFm1nb2AJfKKYPr0emF6IiXDYUaFx4Zn9ZuIH7MrzEZ3sD5RlqGXNRpHtvUHJyOnCEFxOlNDtGo7wg==}
+    engines: {node: 20 || >=22}
+
  jake@10.9.4:
    resolution: {integrity: sha512-wpHYzhxiVQL+IV05BLE2Xn34zW1S223hvjtqk0+gsPrwd/8JNLXJgZZM/iPFsYc1xyphF+6M6EvdE5E9MBGkDA==}
    engines: {node: '>=10'}
@@ -3828,8 +3856,8 @@ packages:
      marked: '>=7.0.0'
      shiki: '>=1.0.0'

-  marked@17.0.2:
-    resolution: {integrity: sha512-s5HZGFQea7Huv5zZcAGhJLT3qLpAfnY7v7GWkICUr0+Wd5TFEtdlRR2XUL5Gg+RH7u2Df595ifrxR03mBaw7gA==}
+  marked@17.0.3:
+    resolution: {integrity: sha512-jt1v2ObpyOKR8p4XaUJVk3YWRJ5n+i4+rjQopxvV32rSndTJXvIzuUdWWIy/1pFQMkQmvTXawzDNqOH/CUmx6A==}
    engines: {node: '>= 20'}
    hasBin: true

@@ -4003,8 +4031,8 @@ packages:
    resolution: {integrity: sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==}
    hasBin: true

-  minimatch@10.1.2:
-    resolution: {integrity: sha512-fu656aJ0n2kcXwsnwnv9g24tkU5uSmOlTjd6WyyaKm2Z+h1qmY6bAjrcaIxF/BslFqbZ8UBtbJi7KgQOZD2PTw==}
+  minimatch@10.2.0:
+    resolution: {integrity: sha512-ugkC31VaVg9cF0DFVoADH12k6061zNZkZON+aX8AWsR9GhPcErkcMBceb6znR8wLERM2AkkOxy2nWRLpT9Jq5w==}
    engines: {node: 20 || >=22}

  minimatch@3.1.2:
@@ -4032,26 +4060,6 @@ packages:
  morphdom@2.7.8:
    resolution: {integrity: sha512-D/fR4xgGUyVRbdMGU6Nejea1RFzYxYtyurG4Fbv2Fi/daKlWKuXGLOdXtl+3eIwL110cI2hz1ZojGICjjFLgTg==}

-  motion-dom@12.34.0:
-    resolution: {integrity: sha512-Lql3NuEcScRDxTAO6GgUsRHBZOWI/3fnMlkMcH5NftzcN37zJta+bpbMAV9px4Nj057TuvRooMK7QrzMCgtz6Q==}
-
-  motion-utils@12.29.2:
-    resolution: {integrity: sha512-G3kc34H2cX2gI63RqU+cZq+zWRRPSsNIOjpdl9TN4AQwC4sgwYPl/Q/Obf/d53nOm569T0fYK+tcoSV50BWx8A==}
-
-  motion@12.34.0:
-    resolution: {integrity: sha512-01Sfa/zgsD/di8zA/uFW5Eb7/SPXoGyUfy+uMRMW5Spa8j0z/UbfQewAYvPMYFCXRlyD6e5aLHh76TxeeJD+RA==}
-    peerDependencies:
-      '@emotion/is-prop-valid': '*'
-      react: ^18.0.0 || ^19.0.0
-      react-dom: ^18.0.0 || ^19.0.0
-    peerDependenciesMeta:
-      '@emotion/is-prop-valid':
-        optional: true
-      react:
-        optional: true
-      react-dom:
-        optional: true
-
  mri@1.2.0:
    resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
    engines: {node: '>=4'}
@@ -5137,10 +5145,9 @@ packages:
    resolution: {integrity: sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==}
    engines: {node: '>=6'}

-  tar@7.5.7:
-    resolution: {integrity: sha512-fov56fJiRuThVFXD6o6/Q354S7pnWMJIVlDBYijsTNx6jKSE4pvrDTs6lUnmGvNyfJwFQQwWy3owKz1ucIhveQ==}
+  tar@7.5.9:
+    resolution: {integrity: sha512-BTLcK0xsDh2+PUe9F6c2TlRp4zOOBMTkoQHQIWSIzI0R7KG46uEwq4OPk2W7bZcprBMsuaeFsqwYr7pjh6CuHg==}
    engines: {node: '>=18'}
-    deprecated: Old versions of tar are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me

  terser@5.44.1:
    resolution: {integrity: sha512-t/R3R/n0MSwnnazuPpPNVO60LX0SKL45pyl9YlvxIdkH0Of7D5qM2EVe+yASRIlY5pZ73nclYJfNANGWPwFDZw==}
@@ -5246,11 +5253,11 @@ packages:
  typescript-auto-import-cache@0.3.6:
    resolution: {integrity: sha512-RpuHXrknHdVdK7wv/8ug3Fr0WNsNi5l5aB8MYYuXhq2UH5lnEB1htJ1smhtD5VeCsGr2p8mUDtd83LCQDFVgjQ==}

-  typescript-eslint@8.55.0:
-    resolution: {integrity: sha512-HE4wj+r5lmDVS9gdaN0/+iqNvPZwGfnJ5lZuz7s5vLlg9ODw0bIiiETaios9LvFI1U94/VBXGm3CB2Y5cNFMpw==}
+  typescript-eslint@8.56.0:
+    resolution: {integrity: sha512-c7toRLrotJ9oixgdW7liukZpsnq5CZ7PuKztubGYlNppuTqhIoWfhgHo/7EU0v06gS2l/x0i2NEFK1qMIf0rIg==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
    peerDependencies:
-      eslint: ^8.57.0 || ^9.0.0
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
      typescript: '>=4.8.4 <6.0.0'

  typescript@4.9.5:
@@ -5279,8 +5286,8 @@ packages:
  undici-types@7.16.0:
    resolution: {integrity: sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==}

-  undici@7.21.0:
-    resolution: {integrity: sha512-Hn2tCQpoDt1wv23a68Ctc8Cr/BHpUSfaPYrkajTXOS9IKpxVRx/X5m1K2YkbK2ipgZgxXSgsUinl3x+2YdSSfg==}
+  undici@7.22.0:
+    resolution: {integrity: sha512-RqslV2Us5BrllB+JeiZnK4peryVTndy9Dnqq62S3yYRRTj0tFQCwEniUy2167skdGOy3vqRzEvl1Dm4sV2ReDg==}
    engines: {node: '>=20.18.1'}

  unicode-canonical-property-names-ecmascript@2.0.1:
@@ -5302,8 +5309,8 @@ packages:
  unified@11.0.5:
    resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}

-  unifont@0.7.3:
-    resolution: {integrity: sha512-b0GtQzKCyuSHGsfj5vyN8st7muZ6VCI4XD4vFlr7Uy1rlWVYxC3npnfk8MyreHxJYrz1ooLDqDzFe9XqQTlAhA==}
+  unifont@0.7.4:
+    resolution: {integrity: sha512-oHeis4/xl42HUIeHuNZRGEvxj5AaIKR+bHPNegRq5LV1gdc3jundpONbjglKpihmJf+dswygdMJn3eftGIMemg==}

  unist-util-find-after@5.0.0:
    resolution: {integrity: sha512-amQa0Ep2m6hE2g72AugUItjbuM8X8cGQnFoHk0pGfrFeT9GZhzN5SW8nRsiGKK7Aif4CrACPENkA6P/Lw6fHGQ==}
@@ -5824,7 +5831,7 @@ snapshots:

  '@astrojs/rss@4.0.15':
    dependencies:
-      fast-xml-parser: 5.3.5
+      fast-xml-parser: 5.3.6
      piccolore: 0.1.3

  '@astrojs/sitemap@3.7.0':
@@ -5840,7 +5847,7 @@ snapshots:
      dlv: 1.1.3
      dset: 3.1.4
      is-docker: 3.0.0
-      is-wsl: 3.1.0
+      is-wsl: 3.1.1
      which-pm-runs: 1.1.0
    transitivePeerDependencies:
      - supports-color
@@ -6799,7 +6806,7 @@ snapshots:
    dependencies:
      '@eslint-react/eff': 2.13.0
      '@typescript-eslint/types': 8.55.0
-      '@typescript-eslint/typescript-estree': 8.55.0(typescript@5.9.3)
+      '@typescript-eslint/typescript-estree': 8.56.0(typescript@5.9.3)
      '@typescript-eslint/utils': 8.55.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3)
      eslint: 10.0.0(jiti@2.6.1)
      string-ts: 2.3.1
@@ -6873,7 +6880,7 @@ snapshots:
    dependencies:
      '@eslint/object-schema': 3.0.1
      debug: 4.4.3
-      minimatch: 10.1.2
+      minimatch: 10.2.0
    transitivePeerDependencies:
      - supports-color

@@ -6928,7 +6935,7 @@ snapshots:
    dependencies:
      '@iconify/types': 2.0.0

-  '@iconify-json/simple-icons@1.2.70':
+  '@iconify-json/simple-icons@1.2.71':
    dependencies:
      '@iconify/types': 2.0.0

@@ -6942,7 +6949,7 @@ snapshots:
      local-pkg: 1.1.2
      pathe: 2.0.3
      svgo: 3.3.2
-      tar: 7.5.7
+      tar: 7.5.9
    transitivePeerDependencies:
      - supports-color

@@ -7057,11 +7064,7 @@ snapshots:
  '@img/sharp-win32-x64@0.34.5':
    optional: true

-  '@isaacs/balanced-match@4.0.1': {}
-
-  '@isaacs/brace-expansion@5.0.1':
-    dependencies:
-      '@isaacs/balanced-match': 4.0.1
+  '@isaacs/cliui@9.0.0': {}

  '@isaacs/fs-minipass@4.0.1':
    dependencies:
@@ -7378,7 +7381,7 @@ snapshots:
      focus-options-polyfill: 1.6.0
      swup: 4.8.2

-  '@swup/astro@1.7.0(@types/babel__core@7.20.5)':
+  '@swup/astro@1.8.0(@types/babel__core@7.20.5)':
    dependencies:
      '@swup/a11y-plugin': 5.0.0(swup@4.8.2)
      '@swup/body-class-plugin': 3.3.0(swup@4.8.2)
@@ -7695,14 +7698,14 @@ snapshots:
      '@types/node': 25.2.3
    optional: true

-  '@typescript-eslint/eslint-plugin@8.55.0(@typescript-eslint/parser@8.55.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3))(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/eslint-plugin@8.56.0(@typescript-eslint/parser@8.56.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3))(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3)':
    dependencies:
      '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.55.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.55.0
-      '@typescript-eslint/type-utils': 8.55.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.55.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.55.0
+      '@typescript-eslint/parser': 8.56.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.56.0
+      '@typescript-eslint/type-utils': 8.56.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.56.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.56.0
      eslint: 10.0.0(jiti@2.6.1)
      ignore: 7.0.5
      natural-compare: 1.4.0
@@ -7711,12 +7714,12 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

-  '@typescript-eslint/parser@8.55.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/parser@8.56.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3)':
    dependencies:
-      '@typescript-eslint/scope-manager': 8.55.0
-      '@typescript-eslint/types': 8.55.0
-      '@typescript-eslint/typescript-estree': 8.55.0(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.55.0
+      '@typescript-eslint/scope-manager': 8.56.0
+      '@typescript-eslint/types': 8.56.0
+      '@typescript-eslint/typescript-estree': 8.56.0(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.56.0
      debug: 4.4.3
      eslint: 10.0.0(jiti@2.6.1)
      typescript: 5.9.3
@@ -7732,15 +7735,33 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

+  '@typescript-eslint/project-service@8.56.0(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/tsconfig-utils': 8.56.0(typescript@5.9.3)
+      '@typescript-eslint/types': 8.56.0
+      debug: 4.4.3
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
  '@typescript-eslint/scope-manager@8.55.0':
    dependencies:
      '@typescript-eslint/types': 8.55.0
      '@typescript-eslint/visitor-keys': 8.55.0

+  '@typescript-eslint/scope-manager@8.56.0':
+    dependencies:
+      '@typescript-eslint/types': 8.56.0
+      '@typescript-eslint/visitor-keys': 8.56.0
+
  '@typescript-eslint/tsconfig-utils@8.55.0(typescript@5.9.3)':
    dependencies:
      typescript: 5.9.3

+  '@typescript-eslint/tsconfig-utils@8.56.0(typescript@5.9.3)':
+    dependencies:
+      typescript: 5.9.3
+
  '@typescript-eslint/type-utils@8.55.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3)':
    dependencies:
      '@typescript-eslint/types': 8.55.0
@@ -7753,8 +7774,22 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

+  '@typescript-eslint/type-utils@8.56.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/types': 8.56.0
+      '@typescript-eslint/typescript-estree': 8.56.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.56.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3)
+      debug: 4.4.3
+      eslint: 10.0.0(jiti@2.6.1)
+      ts-api-utils: 2.4.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
  '@typescript-eslint/types@8.55.0': {}

+  '@typescript-eslint/types@8.56.0': {}
+
  '@typescript-eslint/typescript-estree@8.55.0(typescript@5.9.3)':
    dependencies:
      '@typescript-eslint/project-service': 8.55.0(typescript@5.9.3)
@@ -7770,6 +7805,21 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

+  '@typescript-eslint/typescript-estree@8.56.0(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/project-service': 8.56.0(typescript@5.9.3)
+      '@typescript-eslint/tsconfig-utils': 8.56.0(typescript@5.9.3)
+      '@typescript-eslint/types': 8.56.0
+      '@typescript-eslint/visitor-keys': 8.56.0
+      debug: 4.4.3
+      minimatch: 9.0.5
+      semver: 7.7.4
+      tinyglobby: 0.2.15
+      ts-api-utils: 2.4.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
  '@typescript-eslint/utils@8.55.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3)':
    dependencies:
      '@eslint-community/eslint-utils': 4.9.1(eslint@10.0.0(jiti@2.6.1))
@@ -7781,11 +7831,27 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

+  '@typescript-eslint/utils@8.56.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.0.0(jiti@2.6.1))
+      '@typescript-eslint/scope-manager': 8.56.0
+      '@typescript-eslint/types': 8.56.0
+      '@typescript-eslint/typescript-estree': 8.56.0(typescript@5.9.3)
+      eslint: 10.0.0(jiti@2.6.1)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
  '@typescript-eslint/visitor-keys@8.55.0':
    dependencies:
      '@typescript-eslint/types': 8.55.0
      eslint-visitor-keys: 4.2.1

+  '@typescript-eslint/visitor-keys@8.56.0':
+    dependencies:
+      '@typescript-eslint/types': 8.56.0
+      eslint-visitor-keys: 5.0.0
+
  '@ungap/structured-clone@1.3.0': {}

  '@vitejs/plugin-react@4.7.0(vite@6.4.1(@types/node@25.2.3)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)(yaml@2.8.2))':
@@ -7858,9 +7924,9 @@ snapshots:

  acorn@8.15.0: {}

-  ajv-draft-04@1.0.0(ajv@8.17.1):
+  ajv-draft-04@1.0.0(ajv@8.18.0):
    optionalDependencies:
-      ajv: 8.17.1
+      ajv: 8.18.0

  ajv@6.12.6:
    dependencies:
@@ -7869,7 +7935,7 @@ snapshots:
      json-schema-traverse: 0.4.1
      uri-js: 4.4.1

-  ajv@8.17.1:
+  ajv@8.18.0:
    dependencies:
      fast-deep-equal: 3.1.3
      fast-uri: 3.1.0
@@ -7973,8 +8039,6 @@ snapshots:
      get-intrinsic: 1.3.0
      is-array-buffer: 3.0.5

-  astro-compressor@1.2.0: {}
-
  astro-eslint-parser@1.3.0:
    dependencies:
      '@astrojs/compiler': 2.13.1
@@ -8053,7 +8117,7 @@ snapshots:
      tinyglobby: 0.2.15
      tsconfck: 3.1.6(typescript@5.9.3)
      ultrahtml: 1.6.0
-      unifont: 0.7.3
+      unifont: 0.7.4
      unist-util-visit: 5.1.0
      unstorage: 1.17.4
      vfile: 6.0.3
@@ -8155,7 +8219,7 @@ snapshots:
      tinyglobby: 0.2.15
      tsconfck: 3.1.6(typescript@5.9.3)
      ultrahtml: 1.6.0
-      unifont: 0.7.3
+      unifont: 0.7.4
      unist-util-visit: 5.1.0
      unstorage: 1.17.4
      vfile: 6.0.3
@@ -8218,7 +8282,7 @@ snapshots:
  autoprefixer@10.4.24(postcss@8.5.6):
    dependencies:
      browserslist: 4.28.1
-      caniuse-lite: 1.0.30001769
+      caniuse-lite: 1.0.30001770
      fraction.js: 5.3.4
      picocolors: 1.1.1
      postcss: 8.5.6
@@ -8271,6 +8335,10 @@ snapshots:

  balanced-match@1.0.2: {}

+  balanced-match@4.0.2:
+    dependencies:
+      jackspeak: 4.2.3
+
  base-64@1.0.0: {}

  baseline-browser-mapping@2.9.19: {}
@@ -8299,6 +8367,10 @@ snapshots:
    dependencies:
      balanced-match: 1.0.2

+  brace-expansion@5.0.2:
+    dependencies:
+      balanced-match: 4.0.2
+
  braces@3.0.3:
    dependencies:
      fill-range: 7.1.1
@@ -8310,7 +8382,7 @@ snapshots:
  browserslist@4.28.1:
    dependencies:
      baseline-browser-mapping: 2.9.19
-      caniuse-lite: 1.0.30001769
+      caniuse-lite: 1.0.30001770
      electron-to-chromium: 1.5.286
      node-releases: 2.0.27
      update-browserslist-db: 1.2.3(browserslist@4.28.1)
@@ -8352,11 +8424,11 @@ snapshots:
  caniuse-api@3.0.0:
    dependencies:
      browserslist: 4.28.1
-      caniuse-lite: 1.0.30001769
+      caniuse-lite: 1.0.30001770
      lodash.memoize: 4.1.2
      lodash.uniq: 4.5.0

-  caniuse-lite@1.0.30001769: {}
+  caniuse-lite@1.0.30001770: {}

  ccount@2.0.1: {}

@@ -8401,7 +8473,7 @@ snapshots:
      parse5: 7.3.0
      parse5-htmlparser2-tree-adapter: 7.1.0
      parse5-parser-stream: 7.1.2
-      undici: 7.21.0
+      undici: 7.22.0
      whatwg-mimetype: 4.0.0

  chokidar@4.0.3:
@@ -9197,7 +9269,7 @@ snapshots:
      imurmurhash: 0.1.4
      is-glob: 4.0.3
      json-stable-stringify-without-jsonify: 1.0.1
-      minimatch: 10.1.2
+      minimatch: 10.2.0
      natural-compare: 1.4.0
      optionator: 0.9.4
    optionalDependencies:
@@ -9277,7 +9349,7 @@ snapshots:

  fast-uri@3.1.0: {}

-  fast-xml-parser@5.3.5:
+  fast-xml-parser@5.3.6:
    dependencies:
      strnum: 2.1.2

@@ -9353,15 +9425,6 @@ snapshots:

  fraction.js@5.3.4: {}

-  framer-motion@12.34.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
-    dependencies:
-      motion-dom: 12.34.0
-      motion-utils: 12.29.2
-      tslib: 2.8.1
-    optionalDependencies:
-      react: 19.2.4
-      react-dom: 19.2.4(react@19.2.4)
-
  fresh@2.0.0: {}

  fs-extra@10.1.0:
@@ -9830,7 +9893,7 @@ snapshots:
    dependencies:
      is-docker: 2.2.1

-  is-wsl@3.1.0:
+  is-wsl@3.1.1:
    dependencies:
      is-inside-container: 1.0.0

@@ -9847,6 +9910,10 @@ snapshots:
      has-symbols: 1.1.0
      set-function-name: 2.0.2

+  jackspeak@4.2.3:
+    dependencies:
+      '@isaacs/cliui': 9.0.0
+
  jake@10.9.4:
    dependencies:
      async: 3.2.6
@@ -10050,12 +10117,12 @@ snapshots:

  markdown-table@3.0.4: {}

-  marked-shiki@1.2.1(marked@17.0.2)(shiki@3.22.0):
+  marked-shiki@1.2.1(marked@17.0.3)(shiki@3.22.0):
    dependencies:
-      marked: 17.0.2
+      marked: 17.0.3
      shiki: 3.22.0

-  marked@17.0.2: {}
+  marked@17.0.3: {}

  math-intrinsics@1.1.0: {}

@@ -10452,9 +10519,9 @@ snapshots:

  mini-svg-data-uri@1.4.4: {}

-  minimatch@10.1.2:
+  minimatch@10.2.0:
    dependencies:
-      '@isaacs/brace-expansion': 5.0.1
+      brace-expansion: 5.0.2

  minimatch@3.1.2:
    dependencies:
@@ -10483,20 +10550,6 @@ snapshots:

  morphdom@2.7.8: {}

-  motion-dom@12.34.0:
-    dependencies:
-      motion-utils: 12.29.2
-
-  motion-utils@12.29.2: {}
-
-  motion@12.34.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
-    dependencies:
-      framer-motion: 12.34.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
-      tslib: 2.8.1
-    optionalDependencies:
-      react: 19.2.4
-      react-dom: 19.2.4(react@19.2.4)
-
  mri@1.2.0: {}

  mrmime@2.0.1: {}
@@ -11695,7 +11748,7 @@ snapshots:

  tapable@2.3.0: {}

-  tar@7.5.7:
+  tar@7.5.9:
    dependencies:
      '@isaacs/fs-minipass': 4.0.1
      chownr: 3.0.0
@@ -11809,12 +11862,12 @@ snapshots:
    dependencies:
      semver: 7.7.4

-  typescript-eslint@8.55.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3):
+  typescript-eslint@8.56.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3):
    dependencies:
-      '@typescript-eslint/eslint-plugin': 8.55.0(@typescript-eslint/parser@8.55.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3))(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/parser': 8.55.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/typescript-estree': 8.55.0(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.55.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/eslint-plugin': 8.56.0(@typescript-eslint/parser@8.56.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3))(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.56.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/typescript-estree': 8.56.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.56.0(eslint@10.0.0(jiti@2.6.1))(typescript@5.9.3)
      eslint: 10.0.0(jiti@2.6.1)
      typescript: 5.9.3
    transitivePeerDependencies:
@@ -11839,7 +11892,7 @@ snapshots:

  undici-types@7.16.0: {}

-  undici@7.21.0: {}
+  undici@7.22.0: {}

  unicode-canonical-property-names-ecmascript@2.0.1: {}

@@ -11862,7 +11915,7 @@ snapshots:
      trough: 2.2.0
      vfile: 6.0.3

-  unifont@0.7.3:
+  unifont@0.7.4:
    dependencies:
      css-tree: 3.1.0
      ofetch: 1.5.1
@@ -12155,8 +12208,8 @@ snapshots:
  yaml-language-server@1.19.2:
    dependencies:
      '@vscode/l10n': 0.0.18
-      ajv: 8.17.1
-      ajv-draft-04: 1.0.0(ajv@8.17.1)
+      ajv: 8.18.0
+      ajv-draft-04: 1.0.0(ajv@8.18.0)
      lodash: 4.17.21
      prettier: 3.8.1
      request-light: 0.5.8
--- a/src/components/BaseHead.astro
+++ b/src/components/BaseHead.astro
@@ -3,10 +3,11 @@ import { getImage } from 'astro:assets';
 import { readSingleton } from '@directus/sdk';

 import directus from '@lib/directus';
+import { SEO } from '@/config';
+
 import brandSrc from '@images/brand_logo.png';
 import faviconSvgSrc from '@images/favicon_icon.svg';
 import faviconSrc from '@images/favicon_icon.png';
-import { SEO } from '@/config';

 interface Props {
  title: string;
@@ -18,6 +19,7 @@ interface Props {
 }

 const canonicalURL = Astro.url.href;
+
 let {
  title,
  description,
@@ -27,14 +29,14 @@ let {
  structuredData = SEO.structuredData,
 } = Astro.props;

+const global = await directus.request(readSingleton('site_global'));
+
 let card = 'summary_large_image';
 if (!ogImage) {
  ogImage = brandSrc;
  card = 'summary';
 }

-const global = await directus.request(readSingleton('site_global'));
-
 const faviconSvg = await getImage({ src: faviconSvgSrc, format: 'svg' });
 const appleTouchIcon = await getImage({ src: faviconSrc, width: 180, height: 180, format: 'png' });
 const socialImageRes = await getImage({ src: ogImage, width: 1200, height: 600 });
@@ -62,12 +64,12 @@ if (!socialImage.startsWith('http')) {
 <meta http-equiv="X-UA-Compatible" content="ie=edge" />
 <meta name="mobile-web-app-capable" content="yes" />
 <meta name="theme-color" content="#facc15" />
+<meta name="robots" content="index, follow" />

 <!-- Open Graph -->
 <meta property="og:type" content="website" />
 <meta property="og:locale" content="en_US" />
 <meta property="og:url" content={Astro.url} />
-<meta property="og:type" content="website" />
 <meta property="og:title" content={ogTitle} />
 <meta property="og:site_name" content={global.name} />
 <meta property="og:description" content={ogDescription} />
@@ -76,17 +78,10 @@ if (!socialImage.startsWith('http')) {
 <meta content="600" property="og:image:height" />
 <meta content="image/png" property="og:image:type" />

-<!-- Twitter -->
-<meta property="twitter:card" content={card} />
-<meta property="twitter:url" content={Astro.url} />
-<meta property="twitter:domain" content={Astro.url} />
-<meta property="twitter:title" content={ogTitle} />
-<meta property="twitter:description" content={ogDescription} />
-<meta property="twitter:image" content={socialImage} />
-
 <!-- Links -->
 <link href={canonicalURL} rel="canonical" />
 <link rel="sitemap" href="/sitemap-index.xml" />
+<link rel="alternate" type="application/rss+xml" title={title} href="/rss.xml" />
 <!--<link href="/manifest.json" rel="manifest" />-->
 <link href="/favicon.ico" rel="icon" sizes="any" type="image/x-icon" />
 <link href={faviconSvg.src} rel="icon" type="image/svg+xml" sizes="any" />
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -1,92 +1,80 @@
 ---
 import { readSingleton } from '@directus/sdk';

-import directus from '@lib/directus';
 import BrandLogo from '@components/ui/logos/BrandLogo.astro';
 import Image from '@components/ui/images/Image.astro';
+import directus from '@lib/directus';
 import { NavigationLinks, FooterLinks } from '@/config';
+
 import footerImg from '@images/flowers.png';

 const global = await directus.request(readSingleton('site_global'));
+
 const currentYear = new Date().getFullYear();
 ---

 <footer
-  class="w-full overflow-hidden bg-stone-300/40 dark:bg-stone-800/20"
+  class="bg-background-accent w-full overflow-hidden"
  transition:animate="none"
 >
-  <div class="relative px-4 pt-16 pb-12 sm:px-6">
-    <div class="mx-auto max-w-340">
-      <div class="grid grid-cols-1 gap-10 md:grid-cols-12">
+  <div class="relative px-4 sm:px-6 pt-16 pb-12">
+    <div class="max-w-340 mx-auto">
+      <div class="grid grid-cols-1 md:grid-cols-12 gap-10">
        <!-- Brand section -->
        <div class="col-span-1 md:col-span-3">
          <a href="/" class="group inline-block">
            <div class="flex items-center">
-              <div class="mx-auto aspect-square overflow-hidden rounded-lg">
-                <BrandLogo class="max-h-10 max-w-10 rounded-full" />
+              <div class="mx-auto aspect-square overflow-hidden">
+                <BrandLogo class="rounded-lg max-h-10 max-w-10"/>
              </div>
-
-              <span class="ml-3 text-xl font-bold text-neutral-800 dark:text-neutral-200">
+              <span class="text-header text-lg lg:text-2xl font-semibold leading-tight tracking-tight text-balance ml-3">
                {global.name}
              </span>
            </div>
          </a>
-
-          <p class="mt-4 text-sm leading-relaxed text-neutral-600 dark:text-neutral-400">
+          <p class="text-primary text-sm lg:text-base text-pretty leading-relaxed mt-4">
            {global.about}
          </p>
        </div>
        <!-- Left links -->
        <div class="col-span-1 md:col-span-2">
-          <h3
-            class="after:bg-steel dark:after:bg-bermuda relative inline-block pb-2 text-sm font-semibold tracking-wider text-neutral-800 uppercase after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-8 after:content-[''] dark:text-neutral-100"
-          >
-            Blog
+          <h3 class="relative inline-block text-header after:bg-main text-sm uppercase font-semibold tracking-wider pb-2 after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-8 after:content-['']">
+            Site
          </h3>
          <ul class="mt-4 space-y-3">
-            {
-              NavigationLinks.map((link) => (
+            {NavigationLinks.map((link) => (
            <li>
              <a
                href={link.url}
-                    class="group flex items-center text-base text-neutral-600 transition-colors hover:text-neutral-800 dark:text-neutral-400 dark:hover:text-neutral-200"
+                class="inline-flex items-center text-secondary hover:text-secondary-hover text-base transition-all duration-300 overflow-hidden"
              >
-                    <span class="relative inline-block overflow-hidden">
-                      <span class="relative z-10">{link.name}</span>
-                    </span>
+                {link.name}
              </a>
            </li>
-              ))
-            }
+            ))}
          </ul>
        </div>
        <!-- Right links -->
        <div class="col-span-1 md:col-span-3">
-          <h3
-            class="after:bg-steel dark:after:bg-bermuda relative inline-block pb-2 text-sm font-semibold tracking-wider text-neutral-800 uppercase after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-8 after:content-[''] dark:text-neutral-100"
-          >
+          <h3 class="relative inline-block text-header after:bg-main text-sm uppercase font-semibold tracking-wider pb-2 after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-8 after:content-['']">
            Other
          </h3>
          <ul class="mt-4 space-y-3">
-            {
-              FooterLinks.map((link) => (
+           {FooterLinks.map((link) => (
            <li>
              <a
                href={link.url}
-                    class="group flex items-center text-base text-neutral-600 transition-colors hover:text-neutral-800 dark:text-neutral-400 dark:hover:text-neutral-200"
+                class="inline-flex items-center text-secondary hover:text-secondary-hover text-base transition-all duration-300 overflow-hidden"
              >
-                    <span class="relative inline-block overflow-hidden">
-                      <span class="relative z-10">{link.name}</span>
-                    </span>
+                {link.name}
              </a>
            </li>
-              ))
-            }
+           ))}
          </ul>
        </div>
        <!-- Right image -->
-        <div class="col-span-3 mt-10 flex justify-center md:mt-0">
-          <div class="-mt-10 hidden max-h-[460px] max-w-[220px] scale-80 md:block">
+        <div class="flex justify-center col-span-4 mt-10 md:mt-0">
+          <div class="md:block max-h-115 max-w-55 -mt-10 scale-80 hidden">
            <Image
              src={footerImg}
              alt={global.footer_image_alt}
@@ -102,37 +90,36 @@ const currentYear = new Date().getFullYear();
        </div>
      </div>
      <!-- Bottom section -->
-      <div class="mt-12 border-t border-neutral-400/30 pt-8 dark:border-neutral-600/50">
-        <div class="flex flex-col items-center justify-between gap-4 md:flex-row">
-          <p class="text-sm text-neutral-600 dark:text-neutral-400">
+      <div class="border-t border-neutral-400/30  dark:border-neutral-600/50 pt-8 mt-12">
+        <div class="flex flex-col md:flex-row items-center justify-between gap-4">
+          <p class="text-secondary text-sm">
            &copy; {currentYear} All rights reserved.
          </p>
-
          <div class="flex items-center">
-            <p class="text-xs text-neutral-500 dark:text-neutral-400">
+            <span class="text-secondary text-sm">
              Weather provided by
-            </p>
+            </span>
            <a
              href="https://open-meteo.com/"
              target="_blank"
              rel="noopener noreferrer"
-              class="group inline-flex items-center text-xs text-neutral-600 transition-colors hover:text-neutral-900 dark:text-neutral-400 dark:hover:text-neutral-100"
+              class="group inline-flex items-center text-secondary hover:text-secondary-hover text-sm transition-all duration-300"
            >
-              <span class="relative ml-1">
+              <span class="relative underline ml-1">
                Open-Meteo.
              </span>
            </a>
-
-            <div class="ml-4"></div>
-
-            <span class="text-xs text-neutral-500 dark:text-neutral-400">Built with </span>
+            <div class="ml-4"/>
+            <span class="text-secondary text-sm">
+              Built with
+            </span>
            <a
              href="https://astro.build"
              target="_blank"
              rel="noopener noreferrer"
-              class="group inline-flex items-center text-xs text-neutral-600 transition-colors hover:text-neutral-900 dark:text-neutral-400 dark:hover:text-neutral-100"
+              class="group inline-flex items-center text-secondary hover:text-secondary-hover text-sm transition-all duration-300"
            >
-              <span class="relative ml-1">
+              <span class="relative underline ml-1">
                Astro.
              </span>
            </a>
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -9,31 +9,31 @@ const currentPath = pathname.slice(1);

 <header
  id="nav"
-  class="sticky inset-x-0 top-4 z-50 flex w-full flex-wrap text-sm transition-none md:flex-nowrap md:justify-start"
+  class="fixed flex flex-wrap md:flex-nowrap md:justify-start inset-x-0 top-0 w-full z-50"
 >
+  <div class="bg-linear-to-b from-background from-65% to-transparent to-90% absolute top-0 bottom-0 left-0 w-full h-36 z-0"/>
  <nav
-    class="relative mx-2 w-full rounded-[36px] border border-neutral-100 bg-neutral-100 px-4 py-3 md:flex md:items-center md:justify-between md:px-6 lg:px-8 dark:border-neutral-700/40 dark:bg-neutral-800/80"
+    class="nav-base relative md:flex md:items-center md:justify-between rounded-[36px] w-full px-4 mx-2 py-3 mt-4"
    aria-label="Global"
  >
-    <div class="flex items-center justify-between">
+    <div class="flex items-center justify-between ml-0">
      <a
-        class="h-[42px] flex-none rounded-lg text-xl font-bold ring-neutral-500 outline-none focus-visible:ring dark:ring-neutral-200 dark:focus:outline-none"
+        class="flex-none rounded-full h-10.5"
        href="/"
        aria-label="Brand"
      >
        <BrandLogo class="h-full w-auto rounded-full object-cover"/>
      </a>
-
-      <div class="ml-auto md:hidden">
+      <div class="md:hidden mr-auto ml-4">
        <button
          type="button"
-          class="hs-collapse-toggle flex h-8 w-8 items-center justify-center rounded-full text-sm font-bold text-neutral-600 transition duration-300 hover:bg-neutral-200 disabled:pointer-events-none disabled:opacity-50 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:outline-none"
+          class="hs-collapse-toggle flex items-center justify-center text-secondary text-sm font-bold hover:bg-neutral-200 dark:hover:bg-neutral-700 rounded-full transition duration-300 disabled:pointer-events-none disabled:opacity-50 h-8 w-8"
          data-hs-collapse="#navbar-collapse-with-animation"
          aria-controls="navbar-collapse-with-animation"
          aria-label="Toggle navigation"
        >
          <svg
-            class="hs-collapse-open:hidden h-5 w-5 shrink-0"
+            class="hs-collapse-open:hidden shrink-0 h-5 w-5"
            width="24"
            height="24"
            viewBox="0 0 24 24"
@@ -48,7 +48,7 @@ const currentPath = pathname.slice(1);
            <line x1="3" x2="21" y1="18" y2="18"></line>
          </svg>
          <svg
-            class="hs-collapse-open:block hidden h-5 w-5 shrink-0"
+            class="hs-collapse-open:block shrink-0 h-5 w-5 hidden"
            width="24"
            height="24"
            viewBox="0 0 24 24"
@@ -63,33 +63,33 @@ const currentPath = pathname.slice(1);
          </svg>
        </button>
      </div>
+      <div class="md:hidden ml-2 mr-2">
+        <span class="">
+          <ThemeToggleButton />
+        </span>
      </div>
-
+    </div>
+    <div class="flex md:flex-row items-center justify-between">
      <div
        id="navbar-collapse-with-animation"
-      class="hs-collapse hidden grow basis-full overflow-hidden transition-all duration-300 md:block md:overflow-visible"
+        class="hs-collapse grow basis-full md:block transition-all duration-300 ml-2 mb-2 md:mb-0 hidden overflow-hidden md:overflow-visible"
      >
-      <div
-        class="mt-5 flex flex-col gap-x-0 gap-y-4 md:mt-0 md:flex-row md:items-center md:justify-end md:gap-x-4 md:gap-y-0 md:ps-7 lg:gap-x-7"
-      >
-        {
-          NavigationLinks.map((item) => {
+        <div class="flex flex-col md:flex-row md:items-center md:justify-end gap-x-0 md:gap-x-4 lg:gap-x-7 gap-y-4 md:gap-y-0 md:ps-7 mr-2 mt-5 md:mt-0">
+          {NavigationLinks.map((item) => {
          const isActive = currentPath === (item.url === '/' ? '' : item.url.slice(1));
          return (
          <a
            href={item.url}
-                class={`text-sm font-medium ${
-                  isActive
-                    ? 'text-orange-500 dark:text-orange-300'
-                    : 'text-neutral-600 hover:text-neutral-900 dark:text-neutral-400 dark:hover:text-neutral-100'
-                }`}
+            class={`text-sm font-medium ${isActive ? 'text-active' : 'text-secondary hover:text-secondary-hover'}`}
          >
            {item.name}
          </a>
          );
-          })
-        }
-        <span class="md:inline-block">
+          })}
+        </div>
+      </div>
+      <div class="hidden md:flex ml-2">
+        <span class="">
          <ThemeToggleButton />
        </span>
      </div>
--- a/src/components/blog/BlogCard.astro
+++ b/src/components/blog/BlogCard.astro
@@ -1,61 +0,0 @@
---
-import { Icon } from 'astro-icon/components';
-
-import type { Post } from '@lib/directusTypes';
-
-import { getDirectusImageURL } from '@lib/directusFunctions';
-import Image from '@components/ui/images/Image.astro';
-import { formatDate } from '@support/time';
-
-interface Props {
-  post: Post;
-}
-
-const { post } = Astro.props;
-
-const baseClasses = 'group group-hover smooth-reveal-cards rounded-xl flex flex-col';
-const borderClasses = 'border border-stone-200/50 dark:border-stone-700/50';
-const bgColorClasses =
-  'bg-neutral-100/80 hover:bg-neutral-100 dark:bg-neutral-800/60 dark:hover:bg-neutral-800/90';
-const shadowClasses = 'shadow-xs hover:shadow-md dark:shadow-md dark:hover:shadow-lg';
---
-
-<div class={`${baseClasses}`}>
-  <a
-    class={`rounded-xl duration-300 transition-all ${borderClasses} ${shadowClasses} ${bgColorClasses}`}
-    href={`/blog/${post.slug}/`}
-    data-astro-prefetch
-  >
-    <div
-      class="relative w-full flex-shrink-0 overflow-hidden rounded-t-xl before:absolute before:inset-x-0 before:z-[1] before:size-full"
-    >
-      <Image
-        class="h-auto w-full rounded-t-xl"
-        src={getDirectusImageURL(post.image)}
-        alt={post.image_alt}
-        draggable="false"
-        loading="eager"
-        format="webp"
-        width="800"
-        height="460"
-      />
-    </div>
-    <div class="rounded-xl p-4 md:p-5">
-      <h3 class="text-xl font-bold text-neutral-600 dark:text-neutral-200">
-        {post.title}
-      </h3>
-      <div
-        class="group-hover:text-steel dark:group-hover:text-bermuda transition-text relative z-10 mx-auto flex min-h-[44px] items-center font-medium text-neutral-600 decoration-2 duration-300 sm:mx-0 sm:mt-4 dark:text-neutral-400"
-      >
-        <span class="relative inline-block overflow-hidden"> Read more </span>
-        <Icon
-          name="mdi:keyboard-arrow-right"
-          class="h-3 w-3 translate-y-0.25 transition duration-300 group-hover:translate-x-1 md:h-5 md:w-5"
-        />
-        <p class="ml-auto text-sm text-neutral-600 dark:text-neutral-400">
-          {formatDate(post.published_date)}
-        </p>
-      </div>
-    </div>
-  </a>
-</div>
--- a/src/components/blog/BlogLeftSection.astro
+++ b/src/components/blog/BlogLeftSection.astro
@@ -1,44 +0,0 @@
---
-import GoLinkPrimaryButton from '@components/buttons/GoLinkPrimaryButton.astro';
-import Image from '@components/ui/images/Image.astro';
-
-interface Props {
-  title: string;
-  subTitle: string;
-  btnExists?: boolean;
-  btnTitle?: string;
-  btnURL?: string;
-  img: any;
-  imgAlt: any;
-}
-
-const { title, subTitle, btnExists, btnTitle, btnURL, img, imgAlt } = Astro.props;
---
-
-<section
-  class="mx-auto max-w-[85rem] items-center gap-8 px-4 py-10 sm:px-6 sm:py-16 md:grid md:grid-cols-2 lg:grid lg:grid-cols-2 lg:px-8 lg:py-14 xl:gap-16 2xl:max-w-full"
->
-  <Image
-    class="h-full w-full rounded-xl object-cover sm:max-h-[320px] md:max-h-[360px]"
-    src={img}
-    alt={imgAlt}
-    draggable="false"
-    loading="lazy"
-    width="850"
-    height="420"
-  />
-
-  <div class="mt-4 md:mt-0">
-    <h2
-      class="mb-4 text-4xl font-extrabold tracking-tight text-balance text-neutral-800 dark:text-neutral-200"
-    >
-      {title}
-    </h2>
-    <p
-      class="mb-4 max-w-prose font-light text-pretty text-neutral-600 sm:text-lg dark:text-neutral-300"
-    >
-      {subTitle}
-    </p>
-    {btnExists ? <GoLinkPrimaryButton title={btnTitle} url={btnURL} /> : null}
-  </div>
-</section>
--- a/src/components/blog/BlogRecentArticles.astro
+++ b/src/components/blog/BlogRecentArticles.astro
@@ -1,29 +0,0 @@
---
-import type { Post } from '@lib/directusTypes';
-import BlogCard from '@components/blog/BlogCard.astro';
-
-interface Props {
-  posts: Post[];
-}
-
-const { posts } = Astro.props;
---
-
-<section class="mx-auto mb-10 max-w-[85rem] px-4 py-8 sm:px-6 lg:px-8 2xl:max-w-full">
-  <div class="text-left">
-    <h2
-      id="recent-articles"
-      class="smooth-reveal-2 mb-10 text-5xl font-extrabold tracking-tight text-balance text-neutral-800 dark:text-neutral-200"
-    >
-      Recent Posts
-    </h2>
-  </div>
-
-  <div class="flex flex-col md:flex-row md:space-x-12 lg:space-x-16">
-    <div class="w-full">
-      <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
-        {posts.map((b) => <BlogCard post={b} />)}
-      </div>
-    </div>
-  </div>
-</section>
--- a/src/components/blog/BlogRightSection.astro
+++ b/src/components/blog/BlogRightSection.astro
@@ -1,87 +0,0 @@
---
-import GoLinkPrimaryButton from '@components/buttons/GoLinkPrimaryButton.astro';
-import Image from '@components/ui/images/Image.astro';
-
-interface Props {
-  title: string;
-  subTitle: string;
-  btnExists?: boolean;
-  btnTitle?: string;
-  btnURL?: string;
-  single?: boolean;
-  imgOne?: any;
-  imgOneAlt?: any;
-  imgTwo?: any;
-  imgTwoAlt?: any;
-}
-
-const {
-  title,
-  subTitle,
-  btnExists,
-  btnTitle,
-  btnURL,
-  single,
-  imgOne,
-  imgOneAlt,
-  imgTwo,
-  imgTwoAlt,
-} = Astro.props;
---
-
-<section
-  class="mx-auto max-w-[85rem] items-center gap-16 px-4 py-10 sm:px-6 lg:grid lg:grid-cols-2 lg:px-8 lg:py-14 2xl:max-w-full"
->
-  <div>
-    <h2
-      class="mb-4 text-4xl font-extrabold tracking-tight text-balance text-neutral-800 dark:text-neutral-200"
-    >
-      {title}
-    </h2>
-    <p
-      class="mb-4 max-w-prose font-light text-pretty text-neutral-600 sm:text-lg dark:text-neutral-400"
-    >
-      {subTitle}
-    </p>
-    {btnExists ? <GoLinkPrimaryButton title={btnTitle} url={btnURL} /> : null}
-  </div>
-
-  {
-    single ? (
-      <div class="mt-8">
-        <Image
-          class="w-full rounded-lg"
-          src={imgOne}
-          alt={imgOneAlt}
-          format="webp"
-          loading="lazy"
-          width="850"
-          height="420"
-        />
-      </div>
-    ) : (
-      <div class="mt-8 grid grid-cols-2 gap-4">
-        <Image
-          class="w-full rounded-xl"
-          src={imgOne}
-          alt={imgOneAlt}
-          draggable="false"
-          format="webp"
-          loading="lazy"
-          width="400"
-          height="230"
-        />
-        <Image
-          class="mt-4 w-full rounded-xl lg:mt-10"
-          src={imgTwo}
-          alt={imgTwoAlt}
-          draggable="false"
-          format="webp"
-          loading="lazy"
-          width="400"
-          height="230"
-        />
-      </div>
-    )
-  }
-</section>
--- a/src/components/blog/BlogSelectedArticles.astro
+++ b/src/components/blog/BlogSelectedArticles.astro
@@ -1,44 +0,0 @@
---
-import type { Post } from '@lib/directusTypes';
-
-import { getDirectusImageURL } from '@lib/directusFunctions';
-import BlogLeftSection from '@components/blog/BlogLeftSection.astro';
-import BlogRightSection from '@components/blog/BlogRightSection.astro';
-
-interface Props {
-  posts: Post[];
-}
-
-const { posts } = Astro.props;
---
-
-<section class="smooth-reveal">
-  {
-    posts.map((b, index) =>
-      index % 2 === 0 ? (
-        <BlogLeftSection
-          title={b.title}
-          subTitle={b.description}
-          btnExists={true}
-          btnTitle="Read More"
-          btnURL={`/blog/${b.slug}`}
-          img={getDirectusImageURL(b.image)}
-          imgAlt={b.image_alt}
-        />
-      ) : (
-        <BlogRightSection
-          title={b.title}
-          subTitle={b.description}
-          btnExists={true}
-          btnTitle="Read More"
-          btnURL={`/blog/${b.slug}`}
-          single={!b.image_second}
-          imgOne={getDirectusImageURL(b.image)}
-          imgOneAlt={b.image_alt}
-          imgTwo={getDirectusImageURL(b?.image_second)}
-          imgTwoAlt={b?.image_second_alt}
-        />
-      )
-    )
-  }
-</section>
--- a/src/components/buttons/GiteaButton.astro
+++ b/src/components/buttons/GiteaButton.astro
@@ -2,11 +2,10 @@
 import { Icon } from 'astro-icon/components';

 interface Props {
-  title?: string;
  url?: string;
 }

-const { title, url } = Astro.props;
+const { url } = Astro.props;
 ---

 <a
--- a/src/components/buttons/GoBackButton.astro
+++ b/src/components/buttons/GoBackButton.astro
@@ -1,11 +1,5 @@
 ---
 import Icon from '@components/ui/icons/icon.astro';
-
-interface Props {
-  noArrow?: boolean;
-}
-
-const { noArrow } = Astro.props;
 ---

 <button
@@ -14,7 +8,7 @@ const { noArrow } = Astro.props;
  data-astro-prefetch
 >
  <div class="button-text-title flex relative items-center text-center">
-    {noArrow ? null : <Icon name="arrowLeft" />}
+    <Icon name="arrowLeft" />
    <span class="ml-2">
      Go Back
    </span>
--- a/src/components/buttons/SocialShareButton.astro
+++ b/src/components/buttons/SocialShareButton.astro
@@ -33,8 +33,7 @@ const socialPlatforms: SocialPlatform[] = [
 ---

 <div class="inline-flex items-center gap-x-2">
-  {
-    socialPlatforms.map((platform) => (
+  {socialPlatforms.map((platform) => (
  <a
    class="button-base-hidden group inline-flex rounded-lg gap-x-2"
    href={platform.url}
@@ -43,9 +42,11 @@ const socialPlatforms: SocialPlatform[] = [
    title={`Share on ${platform.name}`}
  >
    <div class="button-text-title-hidden flex relative items-center text-center">
-          <Icon name={platform.svg} class="h-5 w-5" />
+      <Icon
+        name={platform.svg}
+        class="h-5 w-5"
+      />
    </div>
  </a>
-    ))
-  }
+  ))}
 </div>
--- a/src/components/cards/BlogCard.astro
+++ b/src/components/cards/BlogCard.astro
@@ -0,0 +1,58 @@
+---
+import { Icon } from 'astro-icon/components';
+
+import type { Post } from '@lib/directusTypes';
+
+import Image from '@components/ui/images/Image.astro';
+import { getDirectusImageURL } from '@lib/directusFunctions';
+
+interface Props {
+  post: Post;
+}
+
+const { post } = Astro.props;
+---
+
+<div class="smooth-reveal-cards group flex flex-col">
+  <a
+    class="card-base border-none!"
+    href={`/blog/${post.slug}/`}
+    data-astro-prefetch
+  >
+    <div class="relative shrink-0 rounded-t-xl w-full overflow-hidden before:absolute before:inset-x-0 before:z-1 before:size-full">
+      <Image
+        class="rounded-t-xl h-auto w-full"
+        src={getDirectusImageURL(post.image)}
+        alt={post.image_alt}
+        draggable="false"
+        loading="eager"
+        format="webp"
+      />
+    </div>
+    <div class="rounded-xl p-4 md:p-5">
+      <h3 class="card-text-title text-xl">
+        {post.title}
+      </h3>
+      <div class="ml-6 flex">
+        <div class="relative inline-block w-full">
+          <div class="card-text-title card-hover-text-title flex relative items-center mx-auto min-h-11 sm:mx-0 sm:mt-4">
+            <span class="relative inline-block overflow-hidden ml-2">
+              Read more
+            </span>
+            <Icon
+              name="mdi:keyboard-arrow-right"
+              class="translate-y-0.5 transition duration-300 group-hover:translate-x-1"
+            />
+            <p class="card-text-description text-sm ml-auto">
+              {new Date(post.published_date).toLocaleDateString('en-US', {
+                year: 'numeric',
+                month: 'short',
+                day: 'numeric',
+              })}
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </a>
+</div>
--- a/src/components/blog/BlogCategoryCard.astro
+++ b/src/components/blog/BlogCategoryCard.astro
@@ -8,37 +8,30 @@ interface Props {
 }

 const { slug, title, description, count, publishDate } = Astro.props;
-
-const baseClasses =
-  'group group-hover rounded-xl flex h-full min-h-[220px] cursor-pointer flex-col overflow-hidden';
-const bgColorClasses =
-  'bg-neutral-100/60 dark:bg-neutral-800/60 hover:bg-neutral-100 dark:hover:bg-neutral-800/90 ';
 ---

-<a class={`rounded-xl`} href={`/categories/${slug}/`} data-astro-prefetch="false">
-  <div class={`${baseClasses}`}>
-    <div
-      class={`relative min-h-0 flex-grow overflow-hidden transition-all duration-300 ${bgColorClasses}`}
+<div class="smooth-reveal-cards group h-full">
+  <a
+    class="card-base flex flex-col h-full min-h-55"
+    href={`/categories/${slug}/`}
+    data-astro-prefetch
  >
+    <div class="relative grow overflow-hidden">
      <div class="absolute inset-1 flex flex-col p-3 md:p-4 lg:p-5">
        <div class="overflow-hidden">
-          <h2
-            class="group-hover:text-steel dark:group-hover:text-bermuda transition-text mb-4 text-4xl font-extrabold tracking-tight text-balance whitespace-nowrap text-neutral-800 duration-300 dark:text-neutral-200"
-          >
+          <h3 class="card-text-title-major card-hover-text-title whitespace-nowrap mb-4">
            {title}
-          </h2>
-          <p class="mb-4 font-light text-neutral-600 sm:text-lg dark:text-neutral-400">
+          </h3>
+          <p class="card-text-description mb-4">
            {description}
          </p>
        </div>
-        <div
-          class="mt-auto flex items-center justify-between pt-1 text-xs text-neutral-600 md:pt-2 dark:text-neutral-300"
-        >
+        <div class="card-text-description flex items-center justify-between text-xs mt-auto pt-1 md:pt-2">
          <span class="inline-flex items-center">
            <svg
              xmlns="http://www.w3.org/2000/svg"
-              width="12"
-              height="12"
+              width="16"
+              height="16"
              viewBox="0 0 24 24"
              fill="none"
              stroke="currentColor"
@@ -51,8 +44,8 @@ const bgColorClasses =
          <span class="inline-flex items-center">
            <svg
              xmlns="http://www.w3.org/2000/svg"
-              width="12"
-              height="12"
+              width="16"
+              height="16"
              viewBox="0 0 24 24"
              fill="none"
              stroke="currentColor"
@@ -66,5 +59,5 @@ const bgColorClasses =
        </div>
      </div>
    </div>
-  </div>
  </a>
+</div>
--- a/src/components/cards/EducationCard.astro
+++ b/src/components/cards/EducationCard.astro
@@ -1,6 +1,8 @@
 ---
 import { Icon } from 'astro-icon/components';
+
 import Logo from '@components/ui/logos/Logo.astro';
+import { getDirectusImageURL } from '@lib/directusFunctions';

 interface Props {
  topic: string;
@@ -12,7 +14,8 @@ interface Props {
  logoIcon?: string;
 }

-const { topic, area, date, url, logoUrlLight, logoUrlDark, logoIcon } = Astro.props;
+const { topic, area, date, url, logoUrlLight, logoIcon } = Astro.props;
+const logoUrlDark = Astro.props.logoUrlDark || logoUrlLight;
 ---

 <div class="smooth-reveal group flex flex-col">
@@ -25,8 +28,8 @@ const { topic, area, date, url, logoUrlLight, logoUrlDark, logoIcon } = Astro.pr
        {logoUrlLight ? (
        <div class="card-hover-icon-scale mr-5">
          <Logo
-            srcLight={logoUrlLight}
-            srcDark={logoUrlDark}
+            srcLight={getDirectusImageURL(logoUrlLight)}
+            srcDark={getDirectusImageURL(logoUrlDark!)}
            alt={`Logo of ${topic}`}
          />
        </div>
--- a/src/components/cards/FeaturesCard.astro
+++ b/src/components/cards/FeaturesCard.astro
@@ -9,13 +9,11 @@ interface Props {
 }

 const { title, description, url, icon } = Astro.props;
-
-const sizeClasses = 'h-30 w-100 md:w-[300px]';
 ---

 <div class="smooth-reveal-2 group flex flex-col">
  <a
-    class={`card-base flex items-center ${sizeClasses}`}
+    class="card-base flex items-center h-30 w-100 md:w-75"
    href={url}
    data-astro-prefetch
  >
@@ -29,9 +27,9 @@ const sizeClasses = 'h-30 w-100 md:w-[300px]';
          <span class="card-text-title card-hover-text-title block text-lg">
            {title}
          </span>
-          <span class="card-text-description block mt-1">
+          <p class="card-text-description block mt-1">
            {description}
-          </span>
+          </p>
        </div>
      </div>
    </div>
--- a/src/components/cards/HighlightsCard.astro
+++ b/src/components/cards/HighlightsCard.astro
@@ -39,9 +39,9 @@ const visitClass = visitSource ? 'card-hover-text-gitea' : 'card-hover-text-titl
          <span class="card-text-title block text-lg">
            {title}
          </span>
-          <span class="card-text-description block mt-1">
+          <p class="card-text-description block mt-1">
            {description}
-          </span>
+          </p>
        </div>
      </div>
      {highlights && (
@@ -55,7 +55,7 @@ const visitClass = visitSource ? 'card-hover-text-gitea' : 'card-hover-text-titl
      )}
      <div class="ml-6 flex">
        <div class="relative inline-block">
-          <div class={`card-text-title ${visitClass} flex relative items-center mx-auto min-h-11 font-semibold text-md sm:mx-0 sm:mt-4`}>
+          <div class={`card-text-title ${visitClass} flex relative items-center font-semibold text-md min-h-11 mx-auto sm:mx-0 sm:mt-4`}>
            {visitSource && <Icon name="pajamas:gitea" />}
            <span class="relative inline-block overflow-hidden ml-2">
              {visitText}
--- a/src/components/cards/LargeBlogLeftCard.astro
+++ b/src/components/cards/LargeBlogLeftCard.astro
@@ -0,0 +1,55 @@
+---
+import { Icon } from 'astro-icon/components';
+
+import Image from '@components/ui/images/Image.astro';
+import { getDirectusImageURL } from '@lib/directusFunctions';
+
+interface Props {
+  title: string;
+  subTitle: string;
+  url: string;
+  img: string;
+  imgAlt: string;
+}
+
+const { title, subTitle, url, img, imgAlt } = Astro.props;
+---
+
+<div class="smooth-reveal group">
+  <a
+    class="card-base-hidden md:grid md:grid-cols-2 lg:grid lg:grid-cols-2 items-center gap-8 xl:gap-16 max-w-340 2xl:max-w-full px-4 sm:px-6 lg:px-8 py-10 sm:py-16 lg:py-14 mx-auto"
+    href={url}
+    data-astro-prefetch
+  >
+    <div>
+      <Image
+        class="rounded-xl w-full h-full sm:max-h-80 md:max-h-90 object-cover"
+        src={getDirectusImageURL(img)}
+        alt={imgAlt}
+        draggable="false"
+        loading="lazy"
+        width="850"
+        height="420"
+      />
+    </div>
+    <div>
+      <h2 class="card-text-header mb-4">
+        {title}
+      </h2>
+      <p class="card-text-title font-light text-pretty sm:text-lg max-w-prose mb-4">
+        {subTitle}
+      </p>
+      <div class="button-base button-bg-teal inline-flex rounded-lg gap-x-2">
+        <div class="button-text-title flex relative items-center text-center">
+          <span class="mr-2">
+            Read More
+          </span>
+          <Icon
+            name="mdi:keyboard-arrow-right"
+            class="button-hover-arrow"
+          />
+        </div>
+      </div>
+    </div>
+  </a>
+</div>
--- a/src/components/cards/LargeBlogRightCard.astro
+++ b/src/components/cards/LargeBlogRightCard.astro
@@ -0,0 +1,83 @@
+---
+import { Icon } from 'astro-icon/components';
+
+import Image from '@components/ui/images/Image.astro';
+import { getDirectusImageURL } from '@lib/directusFunctions';
+
+interface Props {
+  title: string;
+  subTitle: string;
+  url: string;
+  single?: boolean;
+  imgOne: any;
+  imgOneAlt: any;
+  imgTwo?: any;
+  imgTwoAlt?: any;
+}
+
+const { title, subTitle, url, single, imgOne, imgOneAlt, imgTwo, imgTwoAlt } = Astro.props;
+---
+
+<div class="smooth-reveal group">
+  <a
+    class="card-base-hidden items-center lg:grid lg:grid-cols-2 gap-16 max-w-340 2xl:max-w-full px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto"
+    href={url}
+    data-astro-prefetch
+  >
+    <div>
+      <h2 class="card-text-header mb-4">
+        {title}
+      </h2>
+      <p class="card-text-title font-light text-pretty sm:text-lg max-w-prose mb-4">
+        {subTitle}
+      </p>
+      <div class="button-base button-bg-teal inline-flex rounded-lg gap-x-2">
+        <div class="button-text-title flex relative items-center text-center">
+          <span class="mr-2">
+            Read More
+          </span>
+          <Icon
+            name="mdi:keyboard-arrow-right"
+            class="button-hover-arrow"
+          />
+        </div>
+      </div>
+    </div>
+    {single ? (
+    <div>
+      <Image
+        class="rounded-xl w-full"
+        src={getDirectusImageURL(imgOne)}
+        alt={imgOneAlt}
+        format="webp"
+        loading="lazy"
+        width="850"
+        height="420"
+      />
+    </div>
+    ) : (
+    <div class="grid grid-cols-2 gap-4">
+      <Image
+        class="rounded-xl w-full"
+        src={getDirectusImageURL(imgOne)}
+        alt={imgOneAlt}
+        draggable="false"
+        format="webp"
+        loading="lazy"
+        width="400"
+        height="230"
+      />
+      <Image
+        class="rounded-xl w-full mt-4 lg:mt-10"
+        src={getDirectusImageURL(imgTwo)}
+        alt={imgTwoAlt}
+        draggable="false"
+        format="webp"
+        loading="lazy"
+        width="400"
+        height="230"
+      />
+    </div>
+    )}
+  </a>
+</div>
--- a/src/components/cards/WeatherCard.astro
+++ b/src/components/cards/WeatherCard.astro
@@ -7,12 +7,10 @@ interface Props {
 }

 const { dayName, label, icon, temp } = Astro.props;
-
-const sizeClasses = 'w-32 md:w-40';
 ---

 <div class="smooth-reveal-2 group flex flex-col">
-  <div class={`card-base ${sizeClasses}`}>
+  <div class="card-base w-32 md:w-40">
    <div class="p-5 text-center">
      <span class="card-text-description block font-bold text-xs uppercase tracking-widest">
        {dayName}
--- a/src/components/sections/ApplicationSection.astro
+++ b/src/components/sections/ApplicationSection.astro
@@ -3,8 +3,8 @@ import { readItems } from '@directus/sdk';

 import type { Application } from '@lib/directusTypes';

-import directus from '@lib/directus';
 import HighlightsCard from '@components/cards/HighlightsCard.astro';
+import directus from '@lib/directus';

 const applications = ((await directus.request(
  readItems('site_applications' as any, {
--- a/src/components/sections/CategorySection.astro
+++ b/src/components/sections/CategorySection.astro
@@ -0,0 +1,93 @@
+---
+import { getCollection } from 'astro:content';
+import { readItems } from '@directus/sdk';
+
+import type { Post } from '@lib/directusTypes';
+
+import CategoryCard from '@components/cards/CategoryCard.astro';
+import directus from '@lib/directus';
+import { timeago } from '@support/time';
+
+const posts = await directus.request(
+  readItems('posts', {
+    filter: { published: { _eq: true } },
+    fields: ['*'],
+    sort: ['-published_date'],
+  })
+);
+
+const layoutPattern = [
+  { col: 2, row: 2 },
+  { col: 2, row: 1 },
+  { col: 1, row: 1 },
+  { col: 1, row: 1 },
+  { col: 1, row: 2 },
+  { col: 2, row: 1 },
+  { col: 1, row: 1 },
+  { col: 1, row: 1 },
+  { col: 1, row: 1 },
+  { col: 1, row: 1 },
+];
+
+const postMap: Map<string, Post[]> = posts
+  .sort((a: Post, b: Post) => b.published_date.valueOf() - a.published_date.valueOf())
+  .reduce((acc, obj) => {
+    let posts = acc.get(obj.category);
+    if (!posts) {
+      posts = [];
+    }
+    posts.push(obj);
+
+    acc.set(obj.category, posts);
+
+    return acc;
+  }, new Map<string, Post[]>());
+
+const categories = (await getCollection('categories'))
+  .sort((a, b) => {
+    const aCount = postMap.get(a.slug)?.length ?? 0;
+    const bCount = postMap.get(b.slug)?.length ?? 0;
+    return bCount - aCount;
+  })
+  .map((c, index) => {
+    const posts = postMap.get(c.slug);
+    const pattern = layoutPattern[index % layoutPattern.length];
+    const smColSpan = Math.min(pattern.col, 2);
+    const mdColSpan = Math.min(pattern.col, 4);
+    const rowSpan = pattern.row;
+    const rowSpanClass = rowSpan > 1 ? `row-span-${rowSpan}` : 'row-span-1';
+    const gridItemClass = `col-span-${smColSpan} md:col-span-${mdColSpan} ${rowSpanClass}`;
+    return {
+      ...c,
+      posts,
+      gridItemClass,
+      layoutPattern: {
+        smCol: smColSpan,
+        mdCol: mdColSpan,
+        row: rowSpan,
+        index,
+      },
+    };
+  });
+---
+
+<section class="mx-auto px-4 py-10 sm:px-6 lg:px-8 lg:py-14 lg:pt-10 2xl:max-w-full">
+  <div class="grid grid-flow-row-dense grid-cols-2 md:grid-cols-4 gap-4">
+    {categories.map((category) => {
+    return (
+    <div
+      class={category.gridItemClass}
+      style={category.layoutPattern.row > 1 ? 'grid-row: span 2 / span 2;' : ''}
+    >
+      <CategoryCard
+        slug={category.slug}
+        title={category.data.title}
+        description={category.data.description}
+        count={postMap.get(category.slug)?.length ?? 0}
+        publishDate={timeago(postMap.get(category.slug)?.[0]?.published_date)}
+      />
+    </div>
+    );
+    })}
+  </div>
+</section>
--- a/src/components/sections/EducationSection.astro
+++ b/src/components/sections/EducationSection.astro
@@ -3,9 +3,8 @@ import { readItems } from '@directus/sdk';

 import type { Education, Certificate} from '@lib/directusTypes';

-import directus from '@lib/directus';
-import { getDirectusImageURL } from '@lib/directusFunctions';
 import EducationCard from '@components/cards/EducationCard.astro';
+import directus from '@lib/directus';

 const educations = ((await directus.request(
  readItems('site_education' as any, {
@@ -37,8 +36,8 @@ const certificates = ((await directus.request(
        area={education.area}
        date={education.graduationDate}
        url={education.url}
-        logoUrlLight={getDirectusImageURL(education.logo)}
-        logoUrlDark={getDirectusImageURL(education.logoDark)}
+        logoUrlLight={education.logo}
+        logoUrlDark={education.logoDark}
      />
      ))}
    </div>
--- a/src/components/sections/ExperienceSection.astro
+++ b/src/components/sections/ExperienceSection.astro
@@ -78,7 +78,7 @@ const experiences = ((await directus.request(
            </div>
            )}
            {(experience.responsibilities || experience.achievements) &&  (
-            <div class="relative flex flex-col gap-4 max-sm:h-auto! md:after:absolute md:after:bottom-0 md:after:h-12 md:after:w-full md:after:bg-gradient-to-t md:after:from-neutral-200 dark:md:after:from-stone-700 md:after:content-[''] " :class="expanded ? 'after:hidden' : ''" x-show="expanded" x-collapse.min.50px>
+            <div class="relative flex flex-col gap-4 max-sm:h-auto! md:after:absolute md:after:bottom-0 md:after:h-12 md:after:w-full md:after:bg-linear-to-t md:after:from-neutral-200 dark:md:after:from-stone-700 md:after:content-[''] " :class="expanded ? 'after:hidden' : ''" x-show="expanded" x-collapse.min.50px>
              {experience.responsibilities && (
              <div class="flex flex-col gap-1">
                <h4 class="text-header font-semibold">
--- a/src/components/sections/FeaturesSection.astro
+++ b/src/components/sections/FeaturesSection.astro
@@ -1,8 +1,8 @@
 ---
 import { readSingleton } from '@directus/sdk';

-import directus from '@lib/directus';
 import FeaturesCard from '@components/cards/FeaturesCard.astro';
+import directus from '@lib/directus';

 const global = await directus.request(readSingleton('site_global'));
 ---
--- a/src/components/sections/LatestPostsSection.astro
+++ b/src/components/sections/LatestPostsSection.astro
@@ -1,36 +0,0 @@
---
-import { readItems } from '@directus/sdk';
-
-import type { Post } from '@lib/directusTypes';
-
-import directus from '@lib/directus';
-import BlogCard from '@components/blog/BlogCard.astro';
-
-const posts = await directus.request(
-  readItems('posts', {
-    filter: { published: { _eq: true } },
-    fields: ['*'],
-    sort: ['-published_date'],
-  })
-);
-
-const recentPosts = posts
-  .sort((a: Post, b: Post) => (new Date(b.published_date).getTime()) - (new Date(a.published_date).getTime()))
-  .slice(0, 3);
---
-
-<section class="mx-auto mb-20 max-w-340 px-4 py-10 sm:px-6 lg:px-8 lg:py-14 2xl:max-w-full">
-  <div class="mx-auto mb-10 max-w-2xl text-center lg:mb-14">
-    <h1 class="smooth-reveal card-text-header block">
-      Latest Posts
-    </h1>
-    <div class="smooth-reveal mx-auto mt-5 max-w-3xl text-center">
-      <span class="card-text-header-description">
-        Checkout my most recent thoughts here
-      </span>
-    </div>
-  </div>
-  <div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
-    {recentPosts.map((b) => <BlogCard post={b} />)}
-  </div>
-</section>
--- a/src/components/sections/ProjectSection.astro
+++ b/src/components/sections/ProjectSection.astro
@@ -3,8 +3,8 @@ import { readItems } from '@directus/sdk';

 import type { Project } from '@lib/directusTypes';

-import directus from '@lib/directus';
 import HighlightsCard from '@components/cards/HighlightsCard.astro';
+import directus from '@lib/directus';

 const projects = ((await directus.request(
  readItems('site_projects' as any, {
--- a/src/components/sections/RecentPostsSection.astro
+++ b/src/components/sections/RecentPostsSection.astro
@@ -0,0 +1,29 @@
+---
+import type { Post } from '@lib/directusTypes';
+
+import BlogCard from '@components/cards/BlogCard.astro';
+
+interface Props {
+  posts: Post[];
+  title: string;
+  subTitle?: string;
+}
+
+const { posts, title, subTitle } = Astro.props;
+---
+
+<section class="mx-auto mb-20 max-w-340 px-4 py-10 sm:px-6 lg:px-8 lg:py-14 2xl:max-w-full">
+  <div class="mx-auto mb-10 max-w-2xl text-center lg:mb-14">
+    <h1 class="smooth-reveal card-text-header block">
+      {title}
+    </h1>
+    <div class="smooth-reveal mx-auto mt-5 max-w-3xl text-center">
+      <span class="card-text-header-description">
+        {subTitle}
+      </span>
+    </div>
+  </div>
+  <div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
+    {posts.map((b) => <BlogCard post={b} />)}
+  </div>
+</section>
--- a/src/components/sections/SelectedPostsSection.astro
+++ b/src/components/sections/SelectedPostsSection.astro
@@ -0,0 +1,35 @@
+---
+import type { Post } from '@lib/directusTypes';
+
+import LargeBlogLeftCard from '@components/cards/LargeBlogLeftCard.astro';
+import LargeBlogRightCard from '@components/cards/LargeBlogRightCard.astro';
+
+interface Props {
+  posts: Post[];
+}
+
+const { posts } = Astro.props;
+---
+
+<section class="smooth-reveal">
+  {posts.map((post, index) => index % 2 === 0 ? (
+  <LargeBlogLeftCard
+    title={post.title}
+    subTitle={post.description}
+    url={`/blog/${post.slug}`}
+    img={post.image}
+    imgAlt={post.image_alt}
+  />
+  ) : (
+  <LargeBlogRightCard
+    title={post.title}
+    subTitle={post.description}
+    url={`/blog/${post.slug}`}
+    single={!post.image_second}
+    imgOne={post.image}
+    imgOneAlt={post.image_alt}
+    imgTwo={post?.image_second}
+    imgTwoAlt={post?.image_second_alt}
+  />
+  ))}
+</section>
--- a/src/components/sections/WeatherSection.astro
+++ b/src/components/sections/WeatherSection.astro
@@ -3,6 +3,7 @@ import WeatherCard from '@components/cards/WeatherCard.astro';
 import { getFiveDayForecast } from '@support/weather';

 const { latitude = "44.95", longitude = "-93.09", cityName = "St. Paul, Minnesota", timezone = "America/Chicago" } = Astro.props;
+
 const { forecastDays, error } = await getFiveDayForecast(latitude, longitude, timezone);
 ---

--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -2,10 +2,10 @@
 import { ClientRouter } from 'astro:transitions';
 import { readSingleton } from '@directus/sdk';

-import directus from '@lib/directus';
 import BaseHead from '@components/BaseHead.astro';
 import Footer from '@components/Footer.astro';
 import Header from '@components/Header.astro';
+import directus from '@lib/directus';

 import '@styles/global.css';

@@ -20,12 +20,16 @@ interface Props {
 const { title, description = 'Alex Lebens', ogImage, lang = 'en', structuredData } = Astro.props;

 const global = await directus.request(readSingleton('site_global'));
+
 const normalizeTitle = !title ? global.name : `${title} | ${global.name}`;
 ---

 <html lang={lang}>
  <head>
-    <title>{normalizeTitle}</title>
+    <title>
+      {normalizeTitle}
+    </title>
+
    <BaseHead
      title={normalizeTitle}
      description={description}
@@ -34,7 +38,9 @@ const normalizeTitle = !title ? global.name : `${title} | ${global.name}`;
      ogDescription={description}
      structuredData={structuredData}
    />
+
    <ClientRouter fallback="swap" />
+
    <script is:inline>
      const theme = (() => {
        if (typeof localStorage !== 'undefined' && localStorage.getItem('theme')) {
@@ -53,30 +59,35 @@ const normalizeTitle = !title ? global.name : `${title} | ${global.name}`;
      }
      window.localStorage.setItem('theme', theme);
    </script>
+
    <!-- Rybbit Tracking Snippet -->
    <script
      src="https://rybbit.alexlebens.dev/api/script.js"
      data-site-id={global.rybbit_site_id}
      defer
-    ></script>
+    />
+
  </head>
-  <body class="bg-stone-200 selection:bg-yellow-400 selection:text-neutral-700 dark:bg-stone-700">
-    <div class="mx-auto w-full max-w-(--breakpoint-2xl) grow px-4 sm:px-6 lg:px-8">
+  
+  <body class="bg-background selection:bg-yellow-400">
+    <!-- Disabled texture background for now
+    <div class="fixed inset-0 -z-10">
+      <div class="bg-grid-pattern absolute inset-0 mask-[radial-gradient(white,transparent_85%)] bg-position-[center_top_-1px]"/>
+    </div>
+    -->
+
+    <div class="grow w-full max-w-(--breakpoint-2xl) px-4 sm:px-6 lg:px-8 py-20 mx-auto">
+      
      <Header />
+
      <main class="min-h-screen">
        <slot />
      </main>
+
    </div>
+
    <Footer />
-    <style>
-      .scrollbar-hide::-webkit-scrollbar {
-        display: none;
-      }
-      .scrollbar-hide {
-        -ms-overflow-style: none;
-        scrollbar-width: none;
-      }
-    </style>
+
  </body>
 </html>

--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -28,6 +28,7 @@ const global = await directus.request(readSingleton('site_global'));
    },
  }}
 >
+
  <section class="mt-20 grid place-content-center">
    <div class="mx-auto max-w-7xl px-4 py-8 lg:px-6 lg:py-16">
      <div class="mx-auto max-w-screen-sm text-center">
@@ -67,6 +68,7 @@ const global = await directus.request(readSingleton('site_global'));
      </div>
    </div>
  </section>
+
 </BaseLayout>

 <script>
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/blog/[...slug].astro
@@ -1,18 +1,20 @@
 ---
 import { type CollectionEntry, getCollection } from 'astro:content';
 import getReadingTime from 'reading-time';
-import { readItems, readSingleton } from '@directus/sdk';
-
-import directus from '@lib/directus';
 import { marked } from 'marked';
 import markedShiki from 'marked-shiki';
 import { createHighlighter } from 'shiki';
-import { getDirectusImageURL } from '@lib/directusFunctions';
-import BaseLayout from '@layouts/BaseLayout.astro';
+import { readItems, readSingleton } from '@directus/sdk';
+
 import Image from '@components/ui/images/Image.astro';
 import SocialShareButton from '@components/buttons/SocialShareButton.astro';
+import BaseLayout from '@layouts/BaseLayout.astro';
+import directus from '@lib/directus';
+import { getDirectusImageURL } from '@lib/directusFunctions';
 import { formatDateTime } from '@support/time';

+const post = Astro.props;
+
 export async function getStaticPaths() {
  const posts = await directus.request(readItems('posts'));
  return posts.map((post) => ({
@@ -20,18 +22,19 @@ export async function getStaticPaths() {
    props: post,
  }));
 }
-const post = Astro.props;

 const global = await directus.request(readSingleton('site_global'));
 const category: CollectionEntry<'categories'> = (await getCollection('categories'))
  .filter((c) => c.slug === post.category)
  .pop() as CollectionEntry<'categories'>;
+
 const readingTime = getReadingTime(post.content);

 const highlighter = await createHighlighter({
  themes: ['github-light', 'github-dark', 'monokai'],
  langs: ['typescript', 'python', 'css', 'html', 'yaml', 'bash', 'json'],
 });
+
 marked.use(markedShiki({
  highlight(code, lang) {
    return highlighter.codeToHtml(code, {
@@ -44,6 +47,7 @@ marked.use(markedShiki({
    });
  }
 }));
+
 const content = marked.parse(post.content);
 ---

@@ -79,6 +83,7 @@ const content = marked.parse(post.content);
    ],
  }}
 >
+
  <section class="mx-auto max-w-6xl px-4 pt-8 pb-12 sm:px-6 lg:px-8 lg:pt-12">
    <div class="smooth-reveal relative w-full">
      <div class="mt-4 rounded-2xl shadow-none sm:mt-0 sm:shadow-sm">
@@ -171,6 +176,7 @@ const content = marked.parse(post.content);
      </div>
    </div>
  </section>
+
  <style is:inline>
    code[data-theme*=' '],
    code[data-theme*=' '] span {
@@ -184,6 +190,7 @@ const content = marked.parse(post.content);
      }
    }
  </style>
+
 </BaseLayout>

 <script>
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -3,11 +3,12 @@ import { readItems, readSingleton } from '@directus/sdk';

 import type { Post } from '@lib/directusTypes';

-import directus from '@lib/directus';
-import BaseLayout from '@layouts/BaseLayout.astro';
-import BlogSelectedArticles from '@components/blog/BlogSelectedArticles.astro';
-import BlogRecentArticles from '@components/blog/BlogRecentArticles.astro';
 import HeroSection from '@components/sections/HeroSection.astro';
+import SelectedPostsSection from '@components/sections/SelectedPostsSection.astro';
+import RecentPostsSection from '@components/sections/RecentPostsSection.astro';
+import BaseLayout from '@layouts/BaseLayout.astro';
+import directus from '@lib/directus';
+
 import blogImg from '@images/autumn_tree.png';

 const global = await directus.request(readSingleton('site_global'));
@@ -18,10 +19,11 @@ const posts = await directus.request(
    sort: ['-published_date'],
  })
 );
-const selectedPosts: Post[] = posts.filter((p) => p.selected).slice(0, 4);
+
+const selectedPosts: Post[] = posts.filter((p) => p.selected).slice(0, 3);
 const recentPosts: Post[] = posts.filter(
  (p) => !selectedPosts.some((selected) => selected.slug === p.slug)
-).slice(0, 6);
+  ).slice(0, 9);
 ---

 <BaseLayout
@@ -43,10 +45,21 @@ const recentPosts: Post[] = posts.filter(
    },
  }}
 >
-  <HeroSection title="Blog" subTitle={global.about_blog} src={blogImg} alt={global.blog_image_alt} />

-  <BlogSelectedArticles posts={selectedPosts} />
-  <BlogRecentArticles posts={recentPosts} />
+  <HeroSection
+    title="Blog"
+    subTitle={global.about_blog}
+    src={blogImg}
+    alt={global.blog_image_alt}
+  />
+
+  <SelectedPostsSection posts={selectedPosts} />
+
+  <RecentPostsSection
+    posts={recentPosts}
+    title="Recent Posts"
+  />
+
 </BaseLayout>

 <script>
--- a/src/pages/categories/[...slug].astro
+++ b/src/pages/categories/[...slug].astro
@@ -2,11 +2,12 @@
 import { getCollection } from 'astro:content';
 import { readItems, readSingleton } from '@directus/sdk';

-import directus from '@lib/directus';
 import type { Post } from '@lib/directusTypes';
-import BaseLayout from '@layouts/BaseLayout.astro';
-import BlogCard from '@components/blog/BlogCard.astro';
+
+import BlogCard from '@components/cards/BlogCard.astro';
 import HeaderSection from '@components/sections/HeaderSection.astro';
+import BaseLayout from '@layouts/BaseLayout.astro';
+import directus from '@lib/directus';

 export async function getStaticPaths() {
  const categories = await getCollection('categories');
@@ -26,6 +27,7 @@ const posts = await directus.request(
    sort: ['-published_date'],
  })
 );
+
 const categoriesPosts = posts
  .sort((a: Post, b: Post) => b.published_date.valueOf() - a.published_date.valueOf())
  .filter((b) => {
@@ -51,6 +53,7 @@ const categoriesPosts = posts
    },
  }}
 >
+
  <HeaderSection
    title={category.data.title}
    subTitle={category.data.description}
@@ -59,9 +62,12 @@ const categoriesPosts = posts
    btnURL="/categories"
  />

-  <section class="mx-auto mt-10 mb-10 max-w-[85rem] px-4 py-8 sm:px-6 lg:px-8 2xl:max-w-full">
+  <section class="max-w-340 2xl:max-w-full mx-auto mt-10 mb-10 px-4 py-8 sm:px-6 lg:px-8">
    <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
-      {categoriesPosts.map((b) => <BlogCard post={b} />)}
+      {categoriesPosts.map((b) => 
+      <BlogCard post={b} />
+      )}
    </div>
  </section>
+
 </BaseLayout>
--- a/src/pages/categories/index.astro
+++ b/src/pages/categories/index.astro
@@ -1,78 +1,14 @@
 ---
-import { getCollection } from 'astro:content';
-import { readItems, readSingleton } from '@directus/sdk';
-
-import type { Post } from '@lib/directusTypes';
+import { readSingleton } from '@directus/sdk';

 import directus from '@lib/directus';
 import BaseLayout from '@layouts/BaseLayout.astro';
-import BlogCategoryCard from '@components/blog/BlogCategoryCard.astro';
 import HeroSection from '@components/sections/HeroSection.astro';
-import { timeago } from '@support/time';
+import CategorySection from '@components/sections/CategorySection.astro';
+
 import categoryImg from '@images/autumn_bench.png';

 const global = await directus.request(readSingleton('site_global'));
-const posts = await directus.request(
-  readItems('posts', {
-    filter: { published: { _eq: true } },
-    fields: ['*'],
-    sort: ['-published_date'],
-  })
-);
-
-const postMap: Map<string, Post[]> = posts
-  .sort((a: Post, b: Post) => b.published_date.valueOf() - a.published_date.valueOf())
-  .reduce((acc, obj) => {
-    let posts = acc.get(obj.category);
-    if (!posts) {
-      posts = [];
-    }
-    posts.push(obj);
-
-    acc.set(obj.category, posts);
-
-    return acc;
-  }, new Map<string, Post[]>());
-
-const layoutPattern = [
-  { col: 2, row: 2 },
-  { col: 2, row: 1 },
-  { col: 1, row: 1 },
-  { col: 1, row: 1 },
-  { col: 1, row: 2 },
-  { col: 2, row: 1 },
-  { col: 1, row: 1 },
-  { col: 1, row: 1 },
-  { col: 1, row: 1 },
-  { col: 1, row: 1 },
-];
-
-const categories = (await getCollection('categories'))
-  .sort((a, b) => {
-    const aCount = postMap.get(a.slug)?.length ?? 0;
-    const bCount = postMap.get(b.slug)?.length ?? 0;
-    return bCount - aCount;
-  })
-  .map((c, index) => {
-    const posts = postMap.get(c.slug);
-    const pattern = layoutPattern[index % layoutPattern.length];
-    const smColSpan = Math.min(pattern.col, 2);
-    const mdColSpan = Math.min(pattern.col, 4);
-    const rowSpan = pattern.row;
-    const rowSpanClass = rowSpan > 1 ? `row-span-${rowSpan}` : 'row-span-1';
-    const gridItemClass = `col-span-${smColSpan} md:col-span-${mdColSpan} ${rowSpanClass} smooth-reveal-cards rounded-xl transition-all duration-300 shadow-xs hover:shadow-md dark:shadow-md dark:hover:shadow-lg border border-stone-200/50 dark:border-stone-700/50`;
-    return {
-      ...c,
-      posts,
-      gridItemClass,
-      layoutPattern: {
-        smCol: smColSpan,
-        mdCol: mdColSpan,
-        row: rowSpan,
-        index,
-      },
-    };
-  });
 ---

 <BaseLayout
@@ -94,6 +30,7 @@ const categories = (await getCollection('categories'))
    },
  }}
 >
+
  <HeroSection
    title="Categories"
    subTitle={global.about_categories}
@@ -101,28 +38,8 @@ const categories = (await getCollection('categories'))
    alt={global.categories_image_alt}
  />

-  <section class="mx-auto px-4 py-10 sm:px-6 lg:px-8 lg:py-14 lg:pt-10 2xl:max-w-full">
-    <div class="grid grid-flow-row-dense grid-cols-2 gap-4 md:grid-cols-4">
-      {
-        categories.map((category) => {
-          return (
-            <div
-              class={category.gridItemClass}
-              style={category.layoutPattern.row > 1 ? 'grid-row: span 2 / span 2;' : ''}
-            >
-              <BlogCategoryCard
-                slug={category.slug}
-                title={category.data.title}
-                description={category.data.description}
-                count={postMap.get(category.slug)?.length ?? 0}
-                publishDate={timeago(postMap.get(category.slug)?.[0]?.published_date)}
-              />
-            </div>
-          );
-        })
-      }
-    </div>
-  </section>
+  <CategorySection />
+
 </BaseLayout>

 <script>
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,18 +1,31 @@
 ---
-import { readSingleton } from '@directus/sdk';
+import { readSingleton, readItems } from '@directus/sdk';
+
+import type { Post } from '@lib/directusTypes';

 import directus from '@lib/directus';
 import BaseLayout from '@layouts/BaseLayout.astro';
 import HeroSection from '@components/sections/HeroSection.astro';
-import FeaturesSection from '@components/sections/FeaturesSection.astro';
+import FeatureSection from '@components/sections/FeatureSection.astro';
 import WeatherSection from '@components/sections/WeatherSection.astro';
-import LatestPostsSection from '@components/sections/LatestPostsSection.astro';
+import RecentPostsSection from '@components/sections/RecentPostsSection.astro';
 import GiteaSection from '@components/sections/GiteaSection.astro';

 import homeImg from '@images/autumn_mountain.png';

 const global = await directus.request(readSingleton('site_global'));
 const weather = await directus.request(readSingleton('site_weather'));
+const posts = await directus.request(
+  readItems('posts', {
+    filter: { published: { _eq: true } },
+    fields: ['*'],
+    sort: ['-published_date'],
+  })
+);
+
+const recentPosts = posts
+  .sort((a: Post, b: Post) => (new Date(b.published_date).getTime()) - (new Date(a.published_date).getTime()))
+  .slice(0, 3);
 ---

 <BaseLayout
@@ -34,6 +47,7 @@ const weather = await directus.request(readSingleton('site_weather'));
    },
  }}
 >
+
  <HeroSection
    title={`Hello, I'm <span class="text-steel dark:text-steel">Alex Lebens</span>`}
    subTitle={global.about_description}
@@ -43,7 +57,7 @@ const weather = await directus.request(readSingleton('site_weather'));
    alt={global.home_image_alt}
  />

-  <FeaturesSection />
+  <FeatureSection />

  <WeatherSection
    server:defer
@@ -51,16 +65,20 @@ const weather = await directus.request(readSingleton('site_weather'));
    longitude={weather.longitude}
    cityName={weather.location}
    timezone={weather.timezone}
-  >
-  </WeatherSection>
+  />

-  <LatestPostsSection />
+  <RecentPostsSection
+    posts={recentPosts}
+    title="Latest Posts"
+    subTitle="Checkout my most recent thoughts here"
+  />

  <GiteaSection
    title="Follow me on Gitea"
    subTitle="I love open source and have my code availabile on my Gitea server."
    url="https://gitea.alexlebens.dev"
  />
+
 </BaseLayout>

 <script>
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -28,11 +28,16 @@

  --color-main: light-dark(var(--color-steel), var(--color-bermuda));
  --color-accent: light-dark(var(--color-bronze), var(--color-desert));
+  --color-active: light-dark(var(--color-orange-500), var(--color-orange-300));

  --color-header: light-dark(var(--color-neutral-800), var(--color-neutral-200));
  --color-primary: light-dark(var(--color-neutral-600), var(--color-neutral-200));
  --color-primary-hover: light-dark(var(--color-neutral-800), var(--color-neutral-400));
  --color-secondary: light-dark(var(--color-neutral-500), var(--color-neutral-400));
+  --color-secondary-hover: light-dark(var(--color-neutral-800), var(--color-neutral-200));
+
+  --color-background: light-dark(var(--color-neutral-200), var(--color-stone-700));
+  --color-background-accent: light-dark(color-mix(in srgb, var(--color-stone-300) 40%, transparent), color-mix(in srgb, var(--color-stone-800) 20%, transparent));
 }

@layer base {
--- a/src/styles/utilities.css
+++ b/src/styles/utilities.css
@@ -37,7 +37,7 @@

@utility button-bg-teal {
  @apply transition-all duration-300
-         bg-bermuda hover:bg-turquoise dark:bg-turquoise dark:hover:bg-bermuda
+         bg-bermuda hover:bg-turquoise group-hover:bg-turquoise dark:bg-turquoise dark:hover:bg-bermuda dark:group-hover:bg-bermuda 
 }

@utility button-bg-neutral {
@@ -53,12 +53,20 @@

 /* Card classes */
@utility card-base {
-  @apply rounded-xl
+  @apply transition-all duration-300
+         rounded-xl
         border border-neutral-100 dark:border-stone-500/20
         bg-neutral-100/80 hover:bg-neutral-100 dark:bg-neutral-800/60 dark:hover:bg-neutral-800/90
         shadow-xs hover:shadow-md dark:shadow-md dark:hover:shadow-lg
 }

+@utility card-base-hidden {
+  @apply transition-all duration-300
+         rounded-xl
+         border border-transparent
+         hover:bg-neutral-400/20 dark:hover:bg-neutral-800/40
+}
+
@utility card-hover-icon-color {
  @apply transition-all duration-300
         text-primary
@@ -79,9 +87,8 @@

@utility card-text-header-minor {
  @apply text-header
-         md:text-3xl
-         text-2xl
-         font-semibold
+         text-2xl md:text-3xl
+         font-semibold leading-tight tracking-tight text-balance
 }

@utility card-text-header-description {
@@ -95,11 +102,22 @@
         font-bold
 }

+@utility card-text-title-major {
+  @apply text-header
+         text-4xl md:text-3xl
+         font-bold leading-tight tracking-tight text-balance
+}
+
@utility card-hover-text-title {
  @apply transition-all duration-300
         group-hover:text-main
 }

+@utility card-hover-text-neutral {
+  @apply transition-all duration-300
+         group-hover:text-primary-hover
+}
+
@utility card-hover-text-gitea {
  @apply transition-all duration-300
         group-hover:text-gitea-primary
@@ -108,3 +126,10 @@
@utility card-text-description {
  @apply text-secondary
 }
+
+/* Misc */
+@utility nav-base {
+  @apply border border-neutral-100 dark:border-stone-500/20
+         bg-neutral-100 dark:bg-neutral-800
+         shadow-xs dark:shadow-md
+}
Author	SHA1	Message	Date
Renovate Bot	99460f0239	chore(deps): update dependency python to 3.14 Some checks failed test-build / build (pull_request) Successful in 1m2s Details test-build / guarddog (pull_request) Failing after 1m37s Details	2026-02-18 04:38:41 +00:00
Renovate Bot	fa2245e939	Merge pull request 'chore(deps): update dependency marked to v17.0.3' (#343 ) from renovate/marked-17.x-lockfile into main All checks were successful test-build / guarddog (push) Successful in 39s Details renovate / renovate (push) Successful in 1m14s Details test-build / build (push) Successful in 1m15s Details	2026-02-18 04:37:31 +00:00
Renovate Bot	12a8363dd2	chore(deps): update dependency marked to v17.0.3 Some checks are pending renovate/stability-days Updates have not met minimum release age requirement Details test-build / guarddog (pull_request) Successful in 52s Details test-build / build (pull_request) Successful in 1m14s Details	2026-02-18 04:37:19 +00:00
Renovate Bot	4f365a4e60	Merge pull request 'chore(deps): update dependency @iconify-json/simple-icons to v1.2.71' (#342 ) from renovate/iconify-json-simple-icons-1.x-lockfile into main Some checks failed test-build / guarddog (push) Successful in 31s Details test-build / build (push) Successful in 1m38s Details renovate / renovate (push) Has been cancelled Details	2026-02-18 04:35:15 +00:00
Renovate Bot	12e74d29af	chore(deps): update dependency @iconify-json/simple-icons to v1.2.71 Some checks are pending renovate/stability-days Updates have not met minimum release age requirement Details test-build / guarddog (pull_request) Successful in 37s Details test-build / build (pull_request) Successful in 1m12s Details	2026-02-18 04:35:06 +00:00
Alex Lebens	7937090533	Merge pull request 'chore(deps): update dependency typescript-eslint to v8.56.0' (#341 ) from renovate/typescript-eslint-monorepo into main Some checks failed test-build / guarddog (push) Successful in 44s Details test-build / build (push) Successful in 1m10s Details renovate / renovate (push) Has been cancelled Details Reviewed-on: #341	2026-02-18 04:33:53 +00:00
Renovate Bot	ebfd8cf4a7	chore(deps): update dependency typescript-eslint to v8.56.0 All checks were successful renovate/stability-days Updates have met minimum release age requirement Details test-build / guarddog (pull_request) Successful in 30s Details test-build / build (pull_request) Successful in 1m34s Details	2026-02-18 04:23:07 +00:00
Alex Lebens	8270728e8f	feat: organize layout to consistency All checks were successful test-build / guarddog (push) Successful in 31s Details test-build / build (push) Successful in 1m29s Details renovate / renovate (push) Successful in 1m33s Details	2026-02-17 22:21:45 -06:00
Alex Lebens	20d8c7323f	feat: tweak to gradient	2026-02-17 22:09:53 -06:00
Alex Lebens	5ac23f08a4	feat: improve navbar, add opacity fade beneath, layout, and refactor All checks were successful test-build / guarddog (push) Successful in 31s Details test-build / build (push) Successful in 2m0s Details renovate / renovate (push) Successful in 2m7s Details	2026-02-17 21:49:51 -06:00
Alex Lebens	c6f3179efb	feat: organize footer to consistency	2026-02-17 17:44:40 -06:00
Alex Lebens	1a8473b964	feat: release 2.12.0 All checks were successful test-build / guarddog (push) Successful in 1m11s Details release-image-gitea / build (push) Successful in 2m28s Details release-image-harbor / build (push) Successful in 2m19s Details test-build / build (push) Successful in 5m33s Details release-image-gitea / release (push) Successful in 7m39s Details release-image-harbor / release (push) Successful in 7m16s Details renovate / renovate (push) Successful in 2m5s Details	2026-02-16 23:08:06 -06:00
Alex Lebens	18211ad485	feat: update BaseHead All checks were successful renovate / renovate (push) Successful in 1m33s Details test-build / build (push) Successful in 1m40s Details test-build / guarddog (push) Successful in 1m59s Details	2026-02-16 23:04:42 -06:00
Alex Lebens	429cf94023	feat: organize to consistency pass on sections	2026-02-16 22:57:39 -06:00
Alex Lebens	0497731c45	feat: organize to consistency	2026-02-16 22:38:45 -06:00
Alex Lebens	6c2c6da91d	feat: organize to consistency	2026-02-16 22:36:24 -06:00
Alex Lebens	19e17ea947	feat: remove option	2026-02-16 22:34:57 -06:00
Alex Lebens	3d9120c570	fix: remove unused property	2026-02-16 22:34:14 -06:00
Alex Lebens	875b8a7f47	fix: remove border from blog cards	2026-02-16 22:32:12 -06:00
Alex Lebens	1ddc76ae69	fix: remove errant semicolon	2026-02-16 22:30:04 -06:00
Alex Lebens	6423ffba63	feat: refactor blog components	2026-02-16 22:26:53 -06:00
Alex Lebens	505670dbf8	feat: remove unused packages Some checks are pending test-build / guarddog (push) Successful in 34s Details test-build / build (push) Successful in 1m6s Details release-image-harbor / build (push) Successful in 1m1s Details release-image-harbor / release (push) Successful in 2m27s Details release-image-gitea / build (push) Successful in 1m0s Details release-image-gitea / release (push) Successful in 6m21s Details renovate / renovate (push) Has started running Details	2026-02-16 00:28:58 -06:00
Alex Lebens	b3d7e7af2b	chore(deps): update deps All checks were successful test-build / guarddog (push) Successful in 31s Details renovate / renovate (push) Successful in 1m0s Details test-build / build (push) Successful in 1m24s Details	2026-02-16 00:21:43 -06:00
Alex Lebens	440c95224d	feat: release 2.11.0	2026-02-16 00:20:26 -06:00
Alex Lebens	b9ee82e9d8	Merge pull request 'chore(deps): update dependency eslint-plugin-astro to v1.6.0' (#340 ) from renovate/eslint-plugin-astro-1.x-lockfile into main All checks were successful test-build / guarddog (push) Successful in 33s Details renovate / renovate (push) Successful in 49s Details test-build / build (push) Successful in 1m26s Details Reviewed-on: #340	2026-02-16 06:20:15 +00:00
Renovate Bot	3af9f08b7c	chore(deps): update dependency eslint-plugin-astro to v1.6.0 All checks were successful renovate/stability-days Updates have met minimum release age requirement Details test-build / guarddog (pull_request) Successful in 1m20s Details test-build / build (pull_request) Successful in 2m18s Details	2026-02-16 06:09:50 +00:00
Alex Lebens	0bd56b172f	Merge pull request 'chore(deps): update dependency @swup/astro to v1.8.0' (#339 ) from renovate/swup-astro-1.x-lockfile into main All checks were successful test-build / guarddog (push) Successful in 54s Details renovate / renovate (push) Successful in 1m11s Details test-build / build (push) Successful in 2m34s Details Reviewed-on: #339	2026-02-16 06:08:50 +00:00
Renovate Bot	ebf70bd747	chore(deps): update dependency @swup/astro to v1.8.0 All checks were successful renovate/stability-days Updates have met minimum release age requirement Details test-build / guarddog (pull_request) Successful in 38s Details test-build / build (pull_request) Successful in 1m37s Details	2026-02-16 05:57:02 +00:00