diff --git a/astro.config.mjs b/astro.config.mjs
index 7f066d7..79b8adf 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -1,25 +1,26 @@
-import { defineConfig } from 'astro/config'
-import preact from '@astrojs/preact'
-
-import node from '@astrojs/node'
+import { defineConfig } from 'astro/config';
+import preact from '@astrojs/preact';
+import node from '@astrojs/node';
+import mdx from "@astrojs/mdx";
 
+// https://astro.build/config
 export default defineConfig({
-    server: {
-        port: 3000,
-    },
-    markdown: {
-        shikiConfig: {
-            theme: 'github-light',
-        },
-    },
-    integrations: [preact()],
-    adapter: node({
-        mode: 'standalone',
-    }),
-    output: 'hybrid',
-    outDir: './out/astro',
-    build: {
-        client: './out/astro/client',
-        server: './out/astro/server',
-    },
-})
+  server: {
+    port: 3000
+  },
+  markdown: {
+    shikiConfig: {
+      theme: 'github-light'
+    }
+  },
+  integrations: [preact(), mdx()],
+  adapter: node({
+    mode: 'standalone'
+  }),
+  output: 'hybrid',
+  outDir: './out/astro',
+  build: {
+    client: './out/astro/client',
+    server: './out/astro/server'
+  }
+});
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 995b8de..02838d1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -26,7 +26,7 @@
                 "typescript": "^5.3.3"
             },
             "devDependencies": {
-                "@astrojs/mdx": "^2.1.1",
+                "@astrojs/mdx": "^3.1.3",
                 "@types/better-sqlite3": "^7.6.9",
                 "@types/katex": "^0.16.7",
                 "drizzle-kit": "^0.20.14",
@@ -121,60 +121,59 @@
             }
         },
         "node_modules/@astrojs/markdown-remark": {
-            "version": "5.1.0",
-            "resolved": "https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-5.1.0.tgz",
-            "integrity": "sha512-S6Z3K2hOB7MfjeDoHsotnP/q2UsnEDB8NlNAaCjMDsGBZfTUbWxyLW3CaphEWw08f6KLZi2ibK9yC3BaMhh2NQ==",
-            "dev": true,
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-5.2.0.tgz",
+            "integrity": "sha512-vWGM24KZXz11jR3JO+oqYU3T2qpuOi4uGivJ9SQLCAI01+vEkHC60YJMRvHPc+hwd60F7euNs1PeOEixIIiNQw==",
             "license": "MIT",
             "dependencies": {
-                "@astrojs/prism": "^3.1.0",
+                "@astrojs/prism": "3.1.0",
                 "github-slugger": "^2.0.0",
-                "hast-util-from-html": "^2.0.0",
-                "hast-util-to-text": "^4.0.0",
-                "import-meta-resolve": "^4.0.0",
+                "hast-util-from-html": "^2.0.1",
+                "hast-util-to-text": "^4.0.2",
+                "import-meta-resolve": "^4.1.0",
                 "mdast-util-definitions": "^6.0.0",
                 "rehype-raw": "^7.0.0",
                 "rehype-stringify": "^10.0.0",
                 "remark-gfm": "^4.0.0",
                 "remark-parse": "^11.0.0",
-                "remark-rehype": "^11.0.0",
-                "remark-smartypants": "^2.0.0",
-                "shiki": "^1.1.2",
-                "unified": "^11.0.4",
+                "remark-rehype": "^11.1.0",
+                "remark-smartypants": "^3.0.2",
+                "shiki": "^1.10.3",
+                "unified": "^11.0.5",
                 "unist-util-remove-position": "^5.0.0",
                 "unist-util-visit": "^5.0.0",
-                "unist-util-visit-parents": "^6.0.0",
-                "vfile": "^6.0.1"
+                "unist-util-visit-parents": "^6.0.1",
+                "vfile": "^6.0.2"
             }
         },
         "node_modules/@astrojs/mdx": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/@astrojs/mdx/-/mdx-2.3.1.tgz",
-            "integrity": "sha512-BOQFKD2Pi9cRntNQJlpF2fh4xV8doNpmVy9NKI95r4jsitrY4X5aTOhAowi+fkQgP/zW1A4HwCyQ6Pdam6z8zQ==",
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/@astrojs/mdx/-/mdx-3.1.3.tgz",
+            "integrity": "sha512-hOM4dMM4RfJI254d3p/AnOZuk2VyKszRtuY5FBm+Xc4XdhIpGrR56OXMNEcWchtwz4HQyPe/eJSgvBjSROcQIQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@astrojs/markdown-remark": "5.1.0",
-                "@mdx-js/mdx": "^3.0.0",
-                "acorn": "^8.11.2",
-                "es-module-lexer": "^1.4.1",
+                "@astrojs/markdown-remark": "5.2.0",
+                "@mdx-js/mdx": "^3.0.1",
+                "acorn": "^8.12.1",
+                "es-module-lexer": "^1.5.4",
                 "estree-util-visit": "^2.0.0",
                 "github-slugger": "^2.0.0",
                 "gray-matter": "^4.0.3",
-                "hast-util-to-html": "^9.0.0",
-                "kleur": "^4.1.4",
+                "hast-util-to-html": "^9.0.1",
+                "kleur": "^4.1.5",
                 "rehype-raw": "^7.0.0",
                 "remark-gfm": "^4.0.0",
-                "remark-smartypants": "^2.0.0",
+                "remark-smartypants": "^3.0.2",
                 "source-map": "^0.7.4",
                 "unist-util-visit": "^5.0.0",
-                "vfile": "^6.0.1"
+                "vfile": "^6.0.2"
             },
             "engines": {
                 "node": "^18.17.1 || ^20.3.0 || >=21.0.0"
             },
             "peerDependencies": {
-                "astro": "^4.0.0"
+                "astro": "^4.8.0"
             }
         },
         "node_modules/@astrojs/node": {
@@ -2504,22 +2503,14 @@
             "license": "MIT"
         },
         "node_modules/@types/nlcst": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/@types/nlcst/-/nlcst-1.0.4.tgz",
-            "integrity": "sha512-ABoYdNQ/kBSsLvZAekMhIPMQ3YUZvavStpKYs7BjLLuKVmIMA0LUgZ7b54zzuWJRbHF80v1cNf4r90Vd6eMQDg==",
-            "dev": true,
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/@types/nlcst/-/nlcst-2.0.3.tgz",
+            "integrity": "sha512-vSYNSDe6Ix3q+6Z7ri9lyWqgGhJTmzRjZRqyq15N0Z/1/UnVsno9G/N40NBijoYx2seFDIl0+B2mgAb9mezUCA==",
             "license": "MIT",
             "dependencies": {
-                "@types/unist": "^2"
+                "@types/unist": "*"
             }
         },
-        "node_modules/@types/nlcst/node_modules/@types/unist": {
-            "version": "2.0.10",
-            "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.10.tgz",
-            "integrity": "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA==",
-            "dev": true,
-            "license": "MIT"
-        },
         "node_modules/@types/node": {
             "version": "22.0.0",
             "resolved": "https://registry.npmjs.org/@types/node/-/node-22.0.0.tgz",
@@ -2914,41 +2905,6 @@
                 "sharp": "^0.33.3"
             }
         },
-        "node_modules/astro/node_modules/@astrojs/markdown-remark": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-5.2.0.tgz",
-            "integrity": "sha512-vWGM24KZXz11jR3JO+oqYU3T2qpuOi4uGivJ9SQLCAI01+vEkHC60YJMRvHPc+hwd60F7euNs1PeOEixIIiNQw==",
-            "license": "MIT",
-            "dependencies": {
-                "@astrojs/prism": "3.1.0",
-                "github-slugger": "^2.0.0",
-                "hast-util-from-html": "^2.0.1",
-                "hast-util-to-text": "^4.0.2",
-                "import-meta-resolve": "^4.1.0",
-                "mdast-util-definitions": "^6.0.0",
-                "rehype-raw": "^7.0.0",
-                "rehype-stringify": "^10.0.0",
-                "remark-gfm": "^4.0.0",
-                "remark-parse": "^11.0.0",
-                "remark-rehype": "^11.1.0",
-                "remark-smartypants": "^3.0.2",
-                "shiki": "^1.10.3",
-                "unified": "^11.0.5",
-                "unist-util-remove-position": "^5.0.0",
-                "unist-util-visit": "^5.0.0",
-                "unist-util-visit-parents": "^6.0.1",
-                "vfile": "^6.0.2"
-            }
-        },
-        "node_modules/astro/node_modules/@types/nlcst": {
-            "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/@types/nlcst/-/nlcst-2.0.3.tgz",
-            "integrity": "sha512-vSYNSDe6Ix3q+6Z7ri9lyWqgGhJTmzRjZRqyq15N0Z/1/UnVsno9G/N40NBijoYx2seFDIl0+B2mgAb9mezUCA==",
-            "license": "MIT",
-            "dependencies": {
-                "@types/unist": "*"
-            }
-        },
         "node_modules/astro/node_modules/magic-string": {
             "version": "0.30.11",
             "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.11.tgz",
@@ -2958,113 +2914,6 @@
                 "@jridgewell/sourcemap-codec": "^1.5.0"
             }
         },
-        "node_modules/astro/node_modules/nlcst-to-string": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/nlcst-to-string/-/nlcst-to-string-4.0.0.tgz",
-            "integrity": "sha512-YKLBCcUYKAg0FNlOBT6aI91qFmSiFKiluk655WzPF+DDMA02qIyy8uiRqI8QXtcFpEvll12LpL5MXqEmAZ+dcA==",
-            "license": "MIT",
-            "dependencies": {
-                "@types/nlcst": "^2.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
-        "node_modules/astro/node_modules/parse-latin": {
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/parse-latin/-/parse-latin-7.0.0.tgz",
-            "integrity": "sha512-mhHgobPPua5kZ98EF4HWiH167JWBfl4pvAIXXdbaVohtK7a6YBOy56kvhCqduqyo/f3yrHFWmqmiMg/BkBkYYQ==",
-            "license": "MIT",
-            "dependencies": {
-                "@types/nlcst": "^2.0.0",
-                "@types/unist": "^3.0.0",
-                "nlcst-to-string": "^4.0.0",
-                "unist-util-modify-children": "^4.0.0",
-                "unist-util-visit-children": "^3.0.0",
-                "vfile": "^6.0.0"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/wooorm"
-            }
-        },
-        "node_modules/astro/node_modules/remark-smartypants": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/remark-smartypants/-/remark-smartypants-3.0.2.tgz",
-            "integrity": "sha512-ILTWeOriIluwEvPjv67v7Blgrcx+LZOkAUVtKI3putuhlZm84FnqDORNXPPm+HY3NdZOMhyDwZ1E+eZB/Df5dA==",
-            "license": "MIT",
-            "dependencies": {
-                "retext": "^9.0.0",
-                "retext-smartypants": "^6.0.0",
-                "unified": "^11.0.4",
-                "unist-util-visit": "^5.0.0"
-            },
-            "engines": {
-                "node": ">=16.0.0"
-            }
-        },
-        "node_modules/astro/node_modules/retext": {
-            "version": "9.0.0",
-            "resolved": "https://registry.npmjs.org/retext/-/retext-9.0.0.tgz",
-            "integrity": "sha512-sbMDcpHCNjvlheSgMfEcVrZko3cDzdbe1x/e7G66dFp0Ff7Mldvi2uv6JkJQzdRcvLYE8CA8Oe8siQx8ZOgTcA==",
-            "license": "MIT",
-            "dependencies": {
-                "@types/nlcst": "^2.0.0",
-                "retext-latin": "^4.0.0",
-                "retext-stringify": "^4.0.0",
-                "unified": "^11.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
-        "node_modules/astro/node_modules/retext-latin": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/retext-latin/-/retext-latin-4.0.0.tgz",
-            "integrity": "sha512-hv9woG7Fy0M9IlRQloq/N6atV82NxLGveq+3H2WOi79dtIYWN8OaxogDm77f8YnVXJL2VD3bbqowu5E3EMhBYA==",
-            "license": "MIT",
-            "dependencies": {
-                "@types/nlcst": "^2.0.0",
-                "parse-latin": "^7.0.0",
-                "unified": "^11.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
-        "node_modules/astro/node_modules/retext-smartypants": {
-            "version": "6.1.0",
-            "resolved": "https://registry.npmjs.org/retext-smartypants/-/retext-smartypants-6.1.0.tgz",
-            "integrity": "sha512-LDPXg95346bqFZnDMHo0S7Rq5p64+B+N8Vz733+wPMDtwb9rCOs9LIdIEhrUOU+TAywX9St+ocQWJt8wrzivcQ==",
-            "license": "MIT",
-            "dependencies": {
-                "@types/nlcst": "^2.0.0",
-                "nlcst-to-string": "^4.0.0",
-                "unist-util-visit": "^5.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
-        "node_modules/astro/node_modules/retext-stringify": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/retext-stringify/-/retext-stringify-4.0.0.tgz",
-            "integrity": "sha512-rtfN/0o8kL1e+78+uxPTqu1Klt0yPzKuQ2BfWwwfgIUSayyzxpM1PJzkKt4V8803uB9qSy32MvI7Xep9khTpiA==",
-            "license": "MIT",
-            "dependencies": {
-                "@types/nlcst": "^2.0.0",
-                "nlcst-to-string": "^4.0.0",
-                "unified": "^11.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
         "node_modules/astro/node_modules/semver": {
             "version": "7.6.3",
             "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
@@ -3077,33 +2926,6 @@
                 "node": ">=10"
             }
         },
-        "node_modules/astro/node_modules/unist-util-modify-children": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/unist-util-modify-children/-/unist-util-modify-children-4.0.0.tgz",
-            "integrity": "sha512-+tdN5fGNddvsQdIzUF3Xx82CU9sMM+fA0dLgR9vOmT0oPT2jH+P1nd5lSqfCfXAw+93NhcXNY2qqvTUtE4cQkw==",
-            "license": "MIT",
-            "dependencies": {
-                "@types/unist": "^3.0.0",
-                "array-iterate": "^2.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
-        "node_modules/astro/node_modules/unist-util-visit-children": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/unist-util-visit-children/-/unist-util-visit-children-3.0.0.tgz",
-            "integrity": "sha512-RgmdTfSBOg04sdPcpTSD1jzoNBjt9a80/ZCzp5cI9n1qPzLZWF9YdvWGN2zmTumP1HWhXKdUWexjy/Wy/lJ7tA==",
-            "license": "MIT",
-            "dependencies": {
-                "@types/unist": "^3.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
         "node_modules/available-typed-arrays": {
             "version": "1.0.7",
             "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
@@ -6370,30 +6192,6 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
-        "node_modules/is-buffer": {
-            "version": "2.0.5",
-            "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
-            "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/feross"
-                },
-                {
-                    "type": "patreon",
-                    "url": "https://www.patreon.com/feross"
-                },
-                {
-                    "type": "consulting",
-                    "url": "https://feross.org/support"
-                }
-            ],
-            "license": "MIT",
-            "engines": {
-                "node": ">=4"
-            }
-        },
         "node_modules/is-callable": {
             "version": "1.2.7",
             "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
@@ -8359,13 +8157,12 @@
             "license": "MIT"
         },
         "node_modules/nlcst-to-string": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/nlcst-to-string/-/nlcst-to-string-3.1.1.tgz",
-            "integrity": "sha512-63mVyqaqt0cmn2VcI2aH6kxe1rLAmSROqHMA0i4qqg1tidkfExgpb0FGMikMCn86mw5dFtBtEANfmSSK7TjNHw==",
-            "dev": true,
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/nlcst-to-string/-/nlcst-to-string-4.0.0.tgz",
+            "integrity": "sha512-YKLBCcUYKAg0FNlOBT6aI91qFmSiFKiluk655WzPF+DDMA02qIyy8uiRqI8QXtcFpEvll12LpL5MXqEmAZ+dcA==",
             "license": "MIT",
             "dependencies": {
-                "@types/nlcst": "^1.0.0"
+                "@types/nlcst": "^2.0.0"
             },
             "funding": {
                 "type": "opencollective",
@@ -8841,15 +8638,17 @@
             }
         },
         "node_modules/parse-latin": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/parse-latin/-/parse-latin-5.0.1.tgz",
-            "integrity": "sha512-b/K8ExXaWC9t34kKeDV8kGXBkXZ1HCSAZRYE7HR14eA1GlXX5L8iWhs8USJNhQU9q5ci413jCKF0gOyovvyRBg==",
-            "dev": true,
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/parse-latin/-/parse-latin-7.0.0.tgz",
+            "integrity": "sha512-mhHgobPPua5kZ98EF4HWiH167JWBfl4pvAIXXdbaVohtK7a6YBOy56kvhCqduqyo/f3yrHFWmqmiMg/BkBkYYQ==",
             "license": "MIT",
             "dependencies": {
-                "nlcst-to-string": "^3.0.0",
-                "unist-util-modify-children": "^3.0.0",
-                "unist-util-visit-children": "^2.0.0"
+                "@types/nlcst": "^2.0.0",
+                "@types/unist": "^3.0.0",
+                "nlcst-to-string": "^4.0.0",
+                "unist-util-modify-children": "^4.0.0",
+                "unist-util-visit-children": "^3.0.0",
+                "vfile": "^6.0.0"
             },
             "funding": {
                 "type": "github",
@@ -9379,18 +9178,18 @@
             }
         },
         "node_modules/remark-smartypants": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/remark-smartypants/-/remark-smartypants-2.1.0.tgz",
-            "integrity": "sha512-qoF6Vz3BjU2tP6OfZqHOvCU0ACmu/6jhGaINSQRI9mM7wCxNQTKB3JUAN4SVoN2ybElEDTxBIABRep7e569iJw==",
-            "dev": true,
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/remark-smartypants/-/remark-smartypants-3.0.2.tgz",
+            "integrity": "sha512-ILTWeOriIluwEvPjv67v7Blgrcx+LZOkAUVtKI3putuhlZm84FnqDORNXPPm+HY3NdZOMhyDwZ1E+eZB/Df5dA==",
             "license": "MIT",
             "dependencies": {
-                "retext": "^8.1.0",
-                "retext-smartypants": "^5.2.0",
+                "retext": "^9.0.0",
+                "retext-smartypants": "^6.0.0",
+                "unified": "^11.0.4",
                 "unist-util-visit": "^5.0.0"
             },
             "engines": {
-                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+                "node": ">=16.0.0"
             }
         },
         "node_modules/remark-stringify": {
@@ -9497,16 +9296,15 @@
             "license": "ISC"
         },
         "node_modules/retext": {
-            "version": "8.1.0",
-            "resolved": "https://registry.npmjs.org/retext/-/retext-8.1.0.tgz",
-            "integrity": "sha512-N9/Kq7YTn6ZpzfiGW45WfEGJqFf1IM1q8OsRa1CGzIebCJBNCANDRmOrholiDRGKo/We7ofKR4SEvcGAWEMD3Q==",
-            "dev": true,
+            "version": "9.0.0",
+            "resolved": "https://registry.npmjs.org/retext/-/retext-9.0.0.tgz",
+            "integrity": "sha512-sbMDcpHCNjvlheSgMfEcVrZko3cDzdbe1x/e7G66dFp0Ff7Mldvi2uv6JkJQzdRcvLYE8CA8Oe8siQx8ZOgTcA==",
             "license": "MIT",
             "dependencies": {
-                "@types/nlcst": "^1.0.0",
-                "retext-latin": "^3.0.0",
-                "retext-stringify": "^3.0.0",
-                "unified": "^10.0.0"
+                "@types/nlcst": "^2.0.0",
+                "retext-latin": "^4.0.0",
+                "retext-stringify": "^4.0.0",
+                "unified": "^11.0.0"
             },
             "funding": {
                 "type": "opencollective",
@@ -9514,89 +9312,14 @@
             }
         },
         "node_modules/retext-latin": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/retext-latin/-/retext-latin-3.1.0.tgz",
-            "integrity": "sha512-5MrD1tuebzO8ppsja5eEu+ZbBeUNCjoEarn70tkXOS7Bdsdf6tNahsv2bY0Z8VooFF6cw7/6S+d3yI/TMlMVVQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/nlcst": "^1.0.0",
-                "parse-latin": "^5.0.0",
-                "unherit": "^3.0.0",
-                "unified": "^10.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
-        "node_modules/retext-latin/node_modules/@types/unist": {
-            "version": "2.0.10",
-            "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.10.tgz",
-            "integrity": "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/retext-latin/node_modules/unified": {
-            "version": "10.1.2",
-            "resolved": "https://registry.npmjs.org/unified/-/unified-10.1.2.tgz",
-            "integrity": "sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/unist": "^2.0.0",
-                "bail": "^2.0.0",
-                "extend": "^3.0.0",
-                "is-buffer": "^2.0.0",
-                "is-plain-obj": "^4.0.0",
-                "trough": "^2.0.0",
-                "vfile": "^5.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
-        "node_modules/retext-latin/node_modules/unist-util-stringify-position": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.3.tgz",
-            "integrity": "sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/unist": "^2.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
-        "node_modules/retext-latin/node_modules/vfile": {
-            "version": "5.3.7",
-            "resolved": "https://registry.npmjs.org/vfile/-/vfile-5.3.7.tgz",
-            "integrity": "sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/unist": "^2.0.0",
-                "is-buffer": "^2.0.0",
-                "unist-util-stringify-position": "^3.0.0",
-                "vfile-message": "^3.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
-        "node_modules/retext-latin/node_modules/vfile-message": {
-            "version": "3.1.4",
-            "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-3.1.4.tgz",
-            "integrity": "sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw==",
-            "dev": true,
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/retext-latin/-/retext-latin-4.0.0.tgz",
+            "integrity": "sha512-hv9woG7Fy0M9IlRQloq/N6atV82NxLGveq+3H2WOi79dtIYWN8OaxogDm77f8YnVXJL2VD3bbqowu5E3EMhBYA==",
             "license": "MIT",
             "dependencies": {
-                "@types/unist": "^2.0.0",
-                "unist-util-stringify-position": "^3.0.0"
+                "@types/nlcst": "^2.0.0",
+                "parse-latin": "^7.0.0",
+                "unified": "^11.0.0"
             },
             "funding": {
                 "type": "opencollective",
@@ -9604,134 +9327,14 @@
             }
         },
         "node_modules/retext-smartypants": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/retext-smartypants/-/retext-smartypants-5.2.0.tgz",
-            "integrity": "sha512-Do8oM+SsjrbzT2UNIKgheP0hgUQTDDQYyZaIY3kfq0pdFzoPk+ZClYJ+OERNXveog4xf1pZL4PfRxNoVL7a/jw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/nlcst": "^1.0.0",
-                "nlcst-to-string": "^3.0.0",
-                "unified": "^10.0.0",
-                "unist-util-visit": "^4.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
-        "node_modules/retext-smartypants/node_modules/@types/unist": {
-            "version": "2.0.10",
-            "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.10.tgz",
-            "integrity": "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/retext-smartypants/node_modules/unified": {
-            "version": "10.1.2",
-            "resolved": "https://registry.npmjs.org/unified/-/unified-10.1.2.tgz",
-            "integrity": "sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/unist": "^2.0.0",
-                "bail": "^2.0.0",
-                "extend": "^3.0.0",
-                "is-buffer": "^2.0.0",
-                "is-plain-obj": "^4.0.0",
-                "trough": "^2.0.0",
-                "vfile": "^5.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
-        "node_modules/retext-smartypants/node_modules/unist-util-is": {
-            "version": "5.2.1",
-            "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.2.1.tgz",
-            "integrity": "sha512-u9njyyfEh43npf1M+yGKDGVPbY/JWEemg5nH05ncKPfi+kBbKBJoTdsogMu33uhytuLlv9y0O7GH7fEdwLdLQw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/unist": "^2.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
-        "node_modules/retext-smartypants/node_modules/unist-util-stringify-position": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.3.tgz",
-            "integrity": "sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/unist": "^2.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
-        "node_modules/retext-smartypants/node_modules/unist-util-visit": {
-            "version": "4.1.2",
-            "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.2.tgz",
-            "integrity": "sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/unist": "^2.0.0",
-                "unist-util-is": "^5.0.0",
-                "unist-util-visit-parents": "^5.1.1"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
-        "node_modules/retext-smartypants/node_modules/unist-util-visit-parents": {
-            "version": "5.1.3",
-            "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-5.1.3.tgz",
-            "integrity": "sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/unist": "^2.0.0",
-                "unist-util-is": "^5.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
-        "node_modules/retext-smartypants/node_modules/vfile": {
-            "version": "5.3.7",
-            "resolved": "https://registry.npmjs.org/vfile/-/vfile-5.3.7.tgz",
-            "integrity": "sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/unist": "^2.0.0",
-                "is-buffer": "^2.0.0",
-                "unist-util-stringify-position": "^3.0.0",
-                "vfile-message": "^3.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
-        "node_modules/retext-smartypants/node_modules/vfile-message": {
-            "version": "3.1.4",
-            "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-3.1.4.tgz",
-            "integrity": "sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw==",
-            "dev": true,
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/retext-smartypants/-/retext-smartypants-6.1.0.tgz",
+            "integrity": "sha512-LDPXg95346bqFZnDMHo0S7Rq5p64+B+N8Vz733+wPMDtwb9rCOs9LIdIEhrUOU+TAywX9St+ocQWJt8wrzivcQ==",
             "license": "MIT",
             "dependencies": {
-                "@types/unist": "^2.0.0",
-                "unist-util-stringify-position": "^3.0.0"
+                "@types/nlcst": "^2.0.0",
+                "nlcst-to-string": "^4.0.0",
+                "unist-util-visit": "^5.0.0"
             },
             "funding": {
                 "type": "opencollective",
@@ -9739,161 +9342,14 @@
             }
         },
         "node_modules/retext-stringify": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/retext-stringify/-/retext-stringify-3.1.0.tgz",
-            "integrity": "sha512-767TLOaoXFXyOnjx/EggXlb37ZD2u4P1n0GJqVdpipqACsQP+20W+BNpMYrlJkq7hxffnFk+jc6mAK9qrbuB8w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/nlcst": "^1.0.0",
-                "nlcst-to-string": "^3.0.0",
-                "unified": "^10.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
-        "node_modules/retext-stringify/node_modules/@types/unist": {
-            "version": "2.0.10",
-            "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.10.tgz",
-            "integrity": "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/retext-stringify/node_modules/unified": {
-            "version": "10.1.2",
-            "resolved": "https://registry.npmjs.org/unified/-/unified-10.1.2.tgz",
-            "integrity": "sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/unist": "^2.0.0",
-                "bail": "^2.0.0",
-                "extend": "^3.0.0",
-                "is-buffer": "^2.0.0",
-                "is-plain-obj": "^4.0.0",
-                "trough": "^2.0.0",
-                "vfile": "^5.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
-        "node_modules/retext-stringify/node_modules/unist-util-stringify-position": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.3.tgz",
-            "integrity": "sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/unist": "^2.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
-        "node_modules/retext-stringify/node_modules/vfile": {
-            "version": "5.3.7",
-            "resolved": "https://registry.npmjs.org/vfile/-/vfile-5.3.7.tgz",
-            "integrity": "sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/unist": "^2.0.0",
-                "is-buffer": "^2.0.0",
-                "unist-util-stringify-position": "^3.0.0",
-                "vfile-message": "^3.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
-        "node_modules/retext-stringify/node_modules/vfile-message": {
-            "version": "3.1.4",
-            "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-3.1.4.tgz",
-            "integrity": "sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/unist": "^2.0.0",
-                "unist-util-stringify-position": "^3.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
-        "node_modules/retext/node_modules/@types/unist": {
-            "version": "2.0.10",
-            "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.10.tgz",
-            "integrity": "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/retext/node_modules/unified": {
-            "version": "10.1.2",
-            "resolved": "https://registry.npmjs.org/unified/-/unified-10.1.2.tgz",
-            "integrity": "sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/unist": "^2.0.0",
-                "bail": "^2.0.0",
-                "extend": "^3.0.0",
-                "is-buffer": "^2.0.0",
-                "is-plain-obj": "^4.0.0",
-                "trough": "^2.0.0",
-                "vfile": "^5.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
-        "node_modules/retext/node_modules/unist-util-stringify-position": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.3.tgz",
-            "integrity": "sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/unist": "^2.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
-        "node_modules/retext/node_modules/vfile": {
-            "version": "5.3.7",
-            "resolved": "https://registry.npmjs.org/vfile/-/vfile-5.3.7.tgz",
-            "integrity": "sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/unist": "^2.0.0",
-                "is-buffer": "^2.0.0",
-                "unist-util-stringify-position": "^3.0.0",
-                "vfile-message": "^3.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            }
-        },
-        "node_modules/retext/node_modules/vfile-message": {
-            "version": "3.1.4",
-            "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-3.1.4.tgz",
-            "integrity": "sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw==",
-            "dev": true,
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/retext-stringify/-/retext-stringify-4.0.0.tgz",
+            "integrity": "sha512-rtfN/0o8kL1e+78+uxPTqu1Klt0yPzKuQ2BfWwwfgIUSayyzxpM1PJzkKt4V8803uB9qSy32MvI7Xep9khTpiA==",
             "license": "MIT",
             "dependencies": {
-                "@types/unist": "^2.0.0",
-                "unist-util-stringify-position": "^3.0.0"
+                "@types/nlcst": "^2.0.0",
+                "nlcst-to-string": "^4.0.0",
+                "unified": "^11.0.0"
             },
             "funding": {
                 "type": "opencollective",
@@ -10993,17 +10449,6 @@
             "devOptional": true,
             "license": "MIT"
         },
-        "node_modules/unherit": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/unherit/-/unherit-3.0.1.tgz",
-            "integrity": "sha512-akOOQ/Yln8a2sgcLj4U0Jmx0R5jpIg2IUyRrWOzmEbjBtGzBdHtSeFKgoEcoH4KYIG/Pb8GQ/BwtYm0GCq1Sqg==",
-            "dev": true,
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/wooorm"
-            }
-        },
         "node_modules/unified": {
             "version": "11.0.5",
             "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.5.tgz",
@@ -11051,13 +10496,12 @@
             }
         },
         "node_modules/unist-util-modify-children": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/unist-util-modify-children/-/unist-util-modify-children-3.1.1.tgz",
-            "integrity": "sha512-yXi4Lm+TG5VG+qvokP6tpnk+r1EPwyYL04JWDxLvgvPV40jANh7nm3udk65OOWquvbMDe+PL9+LmkxDpTv/7BA==",
-            "dev": true,
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/unist-util-modify-children/-/unist-util-modify-children-4.0.0.tgz",
+            "integrity": "sha512-+tdN5fGNddvsQdIzUF3Xx82CU9sMM+fA0dLgR9vOmT0oPT2jH+P1nd5lSqfCfXAw+93NhcXNY2qqvTUtE4cQkw==",
             "license": "MIT",
             "dependencies": {
-                "@types/unist": "^2.0.0",
+                "@types/unist": "^3.0.0",
                 "array-iterate": "^2.0.0"
             },
             "funding": {
@@ -11065,13 +10509,6 @@
                 "url": "https://opencollective.com/unified"
             }
         },
-        "node_modules/unist-util-modify-children/node_modules/@types/unist": {
-            "version": "2.0.10",
-            "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.10.tgz",
-            "integrity": "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA==",
-            "dev": true,
-            "license": "MIT"
-        },
         "node_modules/unist-util-position": {
             "version": "5.0.0",
             "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-5.0.0.tgz",
@@ -11142,26 +10579,18 @@
             }
         },
         "node_modules/unist-util-visit-children": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/unist-util-visit-children/-/unist-util-visit-children-2.0.2.tgz",
-            "integrity": "sha512-+LWpMFqyUwLGpsQxpumsQ9o9DG2VGLFrpz+rpVXYIEdPy57GSy5HioC0g3bg/8WP9oCLlapQtklOzQ8uLS496Q==",
-            "dev": true,
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/unist-util-visit-children/-/unist-util-visit-children-3.0.0.tgz",
+            "integrity": "sha512-RgmdTfSBOg04sdPcpTSD1jzoNBjt9a80/ZCzp5cI9n1qPzLZWF9YdvWGN2zmTumP1HWhXKdUWexjy/Wy/lJ7tA==",
             "license": "MIT",
             "dependencies": {
-                "@types/unist": "^2.0.0"
+                "@types/unist": "^3.0.0"
             },
             "funding": {
                 "type": "opencollective",
                 "url": "https://opencollective.com/unified"
             }
         },
-        "node_modules/unist-util-visit-children/node_modules/@types/unist": {
-            "version": "2.0.10",
-            "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.10.tgz",
-            "integrity": "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA==",
-            "dev": true,
-            "license": "MIT"
-        },
         "node_modules/unist-util-visit-parents": {
             "version": "6.0.1",
             "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.1.tgz",
diff --git a/package.json b/package.json
index cd87ff3..f510fcd 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,7 @@
         "typescript": "^5.3.3"
     },
     "devDependencies": {
-        "@astrojs/mdx": "^2.1.1",
+        "@astrojs/mdx": "^3.1.3",
         "@types/better-sqlite3": "^7.6.9",
         "@types/katex": "^0.16.7",
         "drizzle-kit": "^0.20.14",
diff --git a/src/components/meta/Container.astro b/src/components/meta/Container.astro
new file mode 100644
index 0000000..fc4013b
--- /dev/null
+++ b/src/components/meta/Container.astro
@@ -0,0 +1,9 @@
+---
+const { size, ...rest } = Astro.props
+---
+
+<div class:list={['container', size ?? 'normal']} {...rest}>
+    <div class="content">
+        <slot />
+    </div>
+</div>
diff --git a/src/components/meta/Palette.astro b/src/components/meta/Palette.astro
new file mode 100644
index 0000000..56b9e38
--- /dev/null
+++ b/src/components/meta/Palette.astro
@@ -0,0 +1,20 @@
+---
+type Props = {
+    colors: string[]
+}
+
+const { colors } = Astro.props
+---
+
+<div class="palette">
+    {
+        colors.map(value => (
+            <>
+                <div class="color">
+                    <div class="region" style={{ backgroundColor: value }} />
+                </div>
+                <div class="label">{value}</div>
+            </>
+        ))
+    }
+</div>
diff --git a/src/content/meta/design.mdx b/src/content/meta/design.mdx
new file mode 100644
index 0000000..33ed72a
--- /dev/null
+++ b/src/content/meta/design.mdx
@@ -0,0 +1,45 @@
+import Container from '../../components/meta/Container.astro'
+import Palette from '../../components/meta/Palette.astro'
+
+import ArticleCard from '../../components/ArticleCard.astro'
+
+# Meta / Design
+
+In questa pagina tento di spiegare come funziona il design di questo sito.
+
+## Card
+
+Le card sono uno dei componenti più importanti di questo sito. Sono utilizzate per mostrare i post, i progetti e le pagine. Ecco alcuni esempi per dare un'idea
+
+### Lista di articoli
+
+Una lista di articoli è composta da più card, ognuna delle quali rappresenta un articolo. Ogni card ha un titolo, una descrizione e una lista di tag.
+
+<Container size="large" style={{ '--zone-color': 'var(--guide-base-color)' }}>
+    <div class="article-list">
+        <ArticleCard id="article-1" title="Titolo 1" description="Descrizione 1" tags={['tag1', 'tag2']} />
+        <ArticleCard id="article-2" title="Titolo 2" description="Descrizione 2" tags={['tag2', 'tag3']} />
+        <ArticleCard id="article-3" title="Titolo 3" description="Descrizione 3" tags={['tag3', 'tag4']} />
+        <ArticleCard id="article-3" title="Titolo 3" description="Descrizione 3" tags={['tag3', 'tag4']} />
+        <ArticleCard id="article-3" title="Titolo 3" description="Descrizione 3" tags={['tag3', 'tag4']} />
+        <ArticleCard id="article-3" title="Titolo 3" description="Descrizione 3" tags={['tag3', 'tag4']} />
+    </div>
+</Container>
+
+## Palette
+
+Varie sezioni del sito utilizzano diverse palette di colori. Questa è la palette di base.
+
+### Guide
+
+<Palette
+    colors={[
+        'var(--guide-base)',
+        'var(--guide-darkest)',
+        'var(--guide-darker)',
+        'var(--guide-dark)',
+        'var(--guide-light)',
+        'var(--guide-lighter)',
+        'var(--guide-lightest)',
+    ]}
+/>
diff --git a/src/pages/meta/design.astro b/src/pages/meta/design.astro
new file mode 100644
index 0000000..1666af2
--- /dev/null
+++ b/src/pages/meta/design.astro
@@ -0,0 +1,16 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro'
+
+import Header from '../../components/Header.astro'
+import Footer from '../../components/Footer.astro'
+
+import { Content } from '../../content/meta/design.mdx'
+---
+
+<BaseLayout {...Astro.props} pageName="design">
+    <Header />
+    <main class="text-content center">
+        <Content />
+    </main>
+    <Footer />
+</BaseLayout>
diff --git a/src/styles/components.scss b/src/styles/components.scss
index ff724a7..1cb3e57 100644
--- a/src/styles/components.scss
+++ b/src/styles/components.scss
@@ -175,10 +175,13 @@ $news-accent-bg: #f8e8b1;
 
 .article-list {
     display: grid;
-    grid-auto-flow: column;
+    grid-auto-flow: row;
 
-    gap: 1rem;
-    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
+    max-width: 100%;
+
+    gap: 2rem;
+    grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
+    grid-auto-rows: auto;
 
     .article {
         display: grid;
diff --git a/src/styles/main.scss b/src/styles/main.scss
index de07d13..66a34e3 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -131,7 +131,7 @@ body {
             a {
                 font-family: 'Iosevka', monospace;
                 font-size: 18px;
-                font-weight: 700;
+                font-weight: 500;
                 letter-spacing: 1px;
                 color: #333;
             }
@@ -156,409 +156,7 @@ body {
     }
 }
 
-.homepage {
-    header .logo {
-        visibility: hidden;
-    }
-
-    section {
-        position: relative;
-
-        min-height: calc(100vh - 6rem);
-
-        &:last-of-type {
-            min-height: calc(100vh - 10rem);
-        }
-
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-
-        gap: 2rem;
-
-        scroll-snap-align: start;
-
-        & > .title {
-            font-size: 48px;
-            padding-top: 4rem;
-        }
-    }
-
-    .zig-zag {
-        z-index: 5;
-
-        position: absolute;
-        width: 100%;
-
-        display: flex;
-
-        &:first-child {
-            bottom: 100%;
-        }
-    }
-
-    section.principal {
-        z-index: 2;
-
-        min-height: calc(100vh - 7rem);
-
-        flex-direction: row;
-        align-items: center;
-        justify-content: center;
-        gap: 4rem;
-
-        padding: 3rem 0 6rem;
-
-        background: $homepage-principal-bg;
-
-        flex-wrap: wrap;
-
-        position: relative;
-
-        .circuit-layer {
-            z-index: 1;
-            position: absolute;
-            left: 0;
-            top: 0;
-            width: 100%;
-            height: 100%;
-
-            canvas {
-                width: 100%;
-                height: 100%;
-            }
-        }
-
-        & > .logo {
-            z-index: 2;
-            max-width: 640px;
-            position: relative;
-
-            user-select: none;
-
-            img {
-                width: 100%;
-                filter: drop-shadow(6px 6px 0 $black) drop-shadow(4px 0 0 $black) drop-shadow(0 4px 0 $black)
-                    drop-shadow(-4px 0 0 $black) drop-shadow(0 -4px 0 $black);
-            }
-        }
-
-        & > .whats-phc {
-            z-index: 2;
-            background: $homepage-whatsphc-bg;
-
-            @include neo-brutalist-card($size: 4px, $offset: 8px);
-
-            padding: 2rem;
-
-            max-width: 37rem;
-
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-
-            gap: 1rem;
-
-            .title {
-                font-size: 40px;
-            }
-
-            .content {
-                @extend .text;
-                line-height: 1.5;
-            }
-        }
-    }
-
-    section.news {
-        background: $homepage-news-bg;
-
-        gap: 3rem;
-
-        padding-bottom: 6rem;
-
-        & > .news-list {
-            display: flex;
-            flex-direction: row;
-            gap: 3rem;
-
-            align-items: flex-start;
-
-            padding: 0 3rem;
-
-            justify-content: center;
-            flex-wrap: wrap;
-        }
-
-        [role='button'] {
-            padding: 0.5rem 2rem;
-
-            &.primary {
-                // background: #824ed4;
-                // color: #f0e6ff;
-                background: #f8e8b1;
-                color: #000d;
-
-                // &:hover {
-                //     // background: #8e5ddd;
-                // }
-            }
-        }
-    }
-
-    section.projects {
-        background: $homepage-projects-bg;
-
-        padding-bottom: 6rem;
-
-        .project-list {
-            display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
-            grid-auto-flow: dense;
-
-            & > * {
-                grid-row: span var(--masonry-height);
-            }
-
-            gap: 1.5rem;
-
-            padding: 0 6rem;
-
-            .project {
-                height: 100%;
-
-                // background: #fcddff;
-                // background: #ffa89c;
-                background: var(--card-bg, $project-card-bg);
-                color: #000e;
-
-                @include neo-brutalist-card($size: 3px, $offset: 9px);
-
-                padding: 1rem;
-
-                display: grid;
-                grid-template-columns: auto 1fr;
-                grid-template-rows: auto 1fr;
-
-                gap: 0.25rem 1rem;
-
-                .title {
-                    font-size: 32px;
-                }
-
-                .image {
-                    grid-row: span 2;
-                    // place-self: center;
-
-                    .box {
-                        background: #0003;
-                        border: 3px solid #0006;
-                        border-radius: 6px;
-                        width: 5rem;
-                        height: 5rem;
-                    }
-
-                    img {
-                        width: 5rem;
-                        height: 5rem;
-                    }
-                }
-
-                .description {
-                    font-size: 16px;
-                    @extend .text;
-                }
-
-                transition: all 128ms ease-out;
-
-                &:hover {
-                    transform: translate(0, -4px);
-                    box-shadow: 9px 13px 0 0 #222;
-                }
-            }
-        }
-    }
-
-    section.wanna-be-macchinista {
-        background: $homepage-macchinisti-bg;
-        color: #fdfdfd;
-
-        .content {
-            @extend .text;
-        }
-    }
-}
-
-.utenti {
-    main {
-        justify-self: center;
-
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-
-        max-width: 80ch;
-        padding: 5rem 0;
-
-        gap: 5rem;
-    }
-}
-
-.appunti {
-    main {
-        background: #fdfdf0;
-
-        justify-self: center;
-
-        display: grid;
-        grid-auto-flow: row;
-
-        justify-items: center;
-
-        padding: 3rem;
-
-        gap: 3rem;
-
-        width: 100%;
-
-        .search {
-            max-width: 80ch;
-        }
-
-        .appunti-scrollable {
-            justify-self: stretch;
-
-            &.center {
-                justify-self: center;
-            }
-        }
-    }
-}
-
-.login {
-    background: #ddfaff;
-
-    main {
-        justify-self: center;
-
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-
-        max-width: 80ch;
-        padding: 3rem 0;
-
-        gap: 3rem;
-
-        h3 {
-            font-size: 28px;
-            font-weight: 600;
-        }
-    }
-}
-
-.guida {
-    background: #f0f0f0;
-
-    &.series {
-        h1 {
-            margin-bottom: 0;
-        }
-
-        .series {
-            font-size: 20px;
-            font-weight: 700;
-            text-align: center;
-            margin-bottom: 3rem;
-        }
-    }
-
-    main {
-        margin-top: 3rem;
-        margin-bottom: 6rem;
-
-        background: #fff;
-        max-width: calc(46rem + 2rem * 2);
-        justify-self: center;
-        padding: 3rem 2rem 2rem;
-    }
-
-    @media screen and (min-width: $screen-desktop-min) {
-        main {
-            @include neo-brutalist-card($size: 3px, $offset: 9px);
-        }
-    }
-}
-
-.notizia {
-    background: #fffced;
-    --zone-color: #ac8919;
-
-    main {
-        margin-top: 3rem;
-        margin-bottom: 6rem;
-
-        background: #fff2c9;
-        max-width: calc(46rem + 2rem * 2);
-        justify-self: center;
-        padding: 3rem 2rem 2rem;
-    }
-
-    @media screen and (min-width: $screen-desktop-min) {
-        main {
-            @include neo-brutalist-card($size: 3px, $offset: 9px);
-        }
-    }
-}
-
-.notizie {
-    background: #fffced;
-}
-
-.guide {
-    main {
-        justify-self: center;
-
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-
-        max-width: 80ch;
-        padding: 5rem 0;
-
-        gap: 5rem;
-    }
-}
-
-.notizie {
-    main {
-        justify-self: center;
-
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-
-        max-width: 80ch;
-        padding: 5rem 0;
-
-        gap: 5rem;
-    }
-}
-
-.tag {
-    main {
-        justify-self: center;
-
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-
-        max-width: 80ch;
-        padding: 5rem 0;
-
-        gap: 5rem;
-    }
-}
+@import './pages.scss';
 
 //
 // Misc
diff --git a/src/styles/pages.scss b/src/styles/pages.scss
new file mode 100644
index 0000000..b2cef1e
--- /dev/null
+++ b/src/styles/pages.scss
@@ -0,0 +1,520 @@
+:root {
+    --guide-base: #a2d4f3;
+
+    --guide-darkest: color-mix(in srgb, var(--guide-base), #000 75%);
+    --guide-darker: color-mix(in srgb, var(--guide-base), #000 50%);
+    --guide-dark: color-mix(in srgb, var(--guide-base), #000 25%);
+
+    --guide-light: color-mix(in srgb, var(--guide-base), #fff 25%);
+    --guide-lighter: color-mix(in srgb, var(--guide-base), #fff 50%);
+    --guide-lightest: color-mix(in srgb, var(--guide-base), #fff 75%);
+}
+
+.homepage {
+    header .logo {
+        visibility: hidden;
+    }
+
+    section {
+        position: relative;
+
+        min-height: calc(100vh - 6rem);
+
+        &:last-of-type {
+            min-height: calc(100vh - 10rem);
+        }
+
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        gap: 2rem;
+
+        scroll-snap-align: start;
+
+        & > .title {
+            font-size: 48px;
+            padding-top: 4rem;
+        }
+    }
+
+    .zig-zag {
+        z-index: 5;
+
+        position: absolute;
+        width: 100%;
+
+        display: flex;
+
+        &:first-child {
+            bottom: 100%;
+        }
+    }
+
+    section.principal {
+        z-index: 2;
+
+        min-height: calc(100vh - 7rem);
+
+        flex-direction: row;
+        align-items: center;
+        justify-content: center;
+        gap: 4rem;
+
+        padding: 3rem 0 6rem;
+
+        background: $homepage-principal-bg;
+
+        flex-wrap: wrap;
+
+        position: relative;
+
+        .circuit-layer {
+            z-index: 1;
+            position: absolute;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+
+            canvas {
+                width: 100%;
+                height: 100%;
+            }
+        }
+
+        & > .logo {
+            z-index: 2;
+            max-width: 640px;
+            position: relative;
+
+            user-select: none;
+
+            img {
+                width: 100%;
+                filter: drop-shadow(6px 6px 0 $black) drop-shadow(4px 0 0 $black) drop-shadow(0 4px 0 $black)
+                    drop-shadow(-4px 0 0 $black) drop-shadow(0 -4px 0 $black);
+            }
+        }
+
+        & > .whats-phc {
+            z-index: 2;
+            background: $homepage-whatsphc-bg;
+
+            @include neo-brutalist-card($size: 4px, $offset: 8px);
+
+            padding: 2rem;
+
+            max-width: 37rem;
+
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+
+            gap: 1rem;
+
+            .title {
+                font-size: 40px;
+            }
+
+            .content {
+                @extend .text;
+                line-height: 1.5;
+            }
+        }
+    }
+
+    section.news {
+        background: $homepage-news-bg;
+
+        gap: 3rem;
+
+        padding-bottom: 6rem;
+
+        & > .news-list {
+            display: flex;
+            flex-direction: row;
+            gap: 3rem;
+
+            align-items: flex-start;
+
+            padding: 0 3rem;
+
+            justify-content: center;
+            flex-wrap: wrap;
+        }
+
+        [role='button'] {
+            padding: 0.5rem 2rem;
+
+            &.primary {
+                // background: #824ed4;
+                // color: #f0e6ff;
+                background: #f8e8b1;
+                color: #000d;
+
+                // &:hover {
+                //     // background: #8e5ddd;
+                // }
+            }
+        }
+    }
+
+    section.projects {
+        background: $homepage-projects-bg;
+
+        padding-bottom: 6rem;
+
+        .project-list {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
+            grid-auto-flow: dense;
+
+            & > * {
+                grid-row: span var(--masonry-height);
+            }
+
+            gap: 1.5rem;
+
+            padding: 0 6rem;
+
+            .project {
+                height: 100%;
+
+                // background: #fcddff;
+                // background: #ffa89c;
+                background: var(--card-bg, $project-card-bg);
+                color: #000e;
+
+                @include neo-brutalist-card($size: 3px, $offset: 9px);
+
+                padding: 1rem;
+
+                display: grid;
+                grid-template-columns: auto 1fr;
+                grid-template-rows: auto 1fr;
+
+                gap: 0.25rem 1rem;
+
+                .title {
+                    font-size: 32px;
+                }
+
+                .image {
+                    grid-row: span 2;
+                    // place-self: center;
+
+                    .box {
+                        background: #0003;
+                        border: 3px solid #0006;
+                        border-radius: 6px;
+                        width: 5rem;
+                        height: 5rem;
+                    }
+
+                    img {
+                        width: 5rem;
+                        height: 5rem;
+                    }
+                }
+
+                .description {
+                    font-size: 16px;
+                    @extend .text;
+                }
+
+                transition: all 128ms ease-out;
+
+                &:hover {
+                    transform: translate(0, -4px);
+                    box-shadow: 9px 13px 0 0 #222;
+                }
+            }
+        }
+    }
+
+    section.wanna-be-macchinista {
+        background: $homepage-macchinisti-bg;
+        color: #fdfdfd;
+
+        .content {
+            @extend .text;
+        }
+    }
+}
+
+.utenti {
+    main {
+        justify-self: center;
+
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        max-width: 80ch;
+        padding: 5rem 0;
+
+        gap: 5rem;
+    }
+}
+
+.appunti {
+    main {
+        background: #fdfdf0;
+
+        justify-self: center;
+
+        display: grid;
+        grid-auto-flow: row;
+
+        justify-items: center;
+
+        padding: 3rem;
+
+        gap: 3rem;
+
+        width: 100%;
+
+        .search {
+            max-width: 80ch;
+        }
+
+        .appunti-scrollable {
+            justify-self: stretch;
+
+            &.center {
+                justify-self: center;
+            }
+        }
+    }
+}
+
+.login {
+    background: #ddfaff;
+
+    main {
+        justify-self: center;
+
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        max-width: 80ch;
+        padding: 3rem 0;
+
+        gap: 3rem;
+
+        h3 {
+            font-size: 28px;
+            font-weight: 600;
+        }
+    }
+}
+
+.notizie {
+    background: #fffced;
+
+    main {
+        justify-self: center;
+
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        max-width: 80ch;
+        padding: 5rem 0;
+
+        gap: 5rem;
+    }
+}
+
+.notizia {
+    background: #fffced;
+    --zone-color: #ac8919;
+
+    main {
+        margin-top: 3rem;
+        margin-bottom: 6rem;
+
+        background: #fff2c9;
+        max-width: calc(46rem + 2rem * 2);
+        justify-self: center;
+        padding: 3rem 2rem 2rem;
+    }
+
+    @media screen and (min-width: $screen-desktop-min) {
+        main {
+            @include neo-brutalist-card($size: 3px, $offset: 9px);
+        }
+    }
+}
+
+.guida {
+    background: #f0fdff;
+    --zone-color: #2c7c9b;
+
+    &.series {
+        h1 {
+            margin-bottom: 0;
+        }
+
+        .series {
+            font-size: 20px;
+            font-weight: 700;
+            text-align: center;
+            margin-bottom: 3rem;
+        }
+    }
+
+    main {
+        margin-top: 3rem;
+        margin-bottom: 6rem;
+
+        background: #fff;
+        max-width: calc(46rem + 2rem * 2);
+        justify-self: center;
+        padding: 3rem 2rem 2rem;
+    }
+
+    @media screen and (min-width: $screen-desktop-min) {
+        main {
+            @include neo-brutalist-card($size: 3px, $offset: 9px);
+        }
+    }
+}
+
+.guide {
+    background: #f0fdff;
+    --zone-color: #2c8c9b;
+
+    main {
+        justify-self: center;
+
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        max-width: calc(25rem * 3 + 2rem * 2);
+        padding: 5rem 0;
+
+        gap: 5rem;
+    }
+}
+
+.tag {
+    main {
+        justify-self: center;
+
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        max-width: 80ch;
+        padding: 5rem 0;
+
+        gap: 5rem;
+    }
+}
+
+.design {
+    main {
+        justify-self: center;
+    }
+
+    .container {
+        margin: 2rem auto;
+
+        border: 2px dashed #ddd;
+
+        position: relative;
+        z-index: 1;
+
+        &.large {
+            min-width: calc(100vw - 4rem);
+        }
+
+        & > .content {
+            padding: 2rem;
+
+            // display: grid;
+            // place-content: center;
+
+            overflow: auto;
+        }
+
+        // label in the top left corner
+        &::before {
+            content: 'Result';
+            position: absolute;
+
+            bottom: 100%;
+            left: 0;
+
+            padding: 0.125rem 0.5rem;
+
+            background: #eee;
+            color: #000;
+
+            font-family: 'Iosevka', monospace;
+            font-size: 14px;
+
+            border-radius: 0.25rem;
+
+            z-index: -1;
+
+            transform: translate(-2px, -4px);
+
+            opacity: 0;
+            transition: opacity 64ms ease-in;
+        }
+
+        &:hover {
+            border-color: #bbb;
+
+            &::before {
+                opacity: 1;
+            }
+        }
+    }
+
+    .palette {
+        margin: 2rem auto;
+
+        display: grid;
+        grid-template-columns: auto auto;
+
+        gap: 1rem;
+
+        place-content: center;
+
+        & > .color {
+            width: 2rem;
+            height: 2rem;
+            border-radius: 0.25rem;
+
+            border: 2px solid #000;
+            box-shadow: 4px 4px 0 0 #000;
+
+            overflow: hidden;
+
+            & > .region {
+                width: 100%;
+                height: 100%;
+
+                border: 2px solid #fff;
+
+                border-radius: 4px;
+            }
+        }
+
+        & > .label {
+            display: grid;
+            align-content: center;
+
+            font-family: 'JetBrains Mono', monospace;
+            font-size: 16px;
+
+            user-select: all;
+        }
+    }
+}