diff --git a/README.md b/README.md
index b842bb2..7b32a14 100644
--- a/README.md
+++ b/README.md
@@ -13,7 +13,6 @@ Personal website created with Astro.
 - [x] Multilang web-site
 - [x] Table of contents
 - [x] Content management via [NetlifyCMS](https://www.netlifycms.org/)
-- [x] Prefetch pages via [Quicklink](https://getquick.link/)
 - [x] Form handling via [Netlify Forms](https://www.netlify.com/products/forms/)
 - [x] Comment system via [Disqus](https://disqus.com/)
 - [x] RSS Feed for articles
diff --git a/package-lock.json b/package-lock.json
index 3714796..3e12ff1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,14 +19,11 @@
 				"astro-icon": "^1.1.5",
 				"graphql": "^16.12.0",
 				"hast-util-select": "^6.0.4",
-				"hast-util-to-string": "^3.0.0",
-				"hastscript": "^8.0.0",
-				"html-escaper": "^3.0.3",
 				"markdown-it": "^14.1.0",
+				"markdown-it-anchor": "^9.2.0",
 				"markdown-it-prism": "^3.0.1",
+				"markdown-it-table-of-contents": "^1.1.0",
 				"mime-types": "^2.1.35",
-				"prismjs": "^1.30.0",
-				"quicklink": "^3.0.1",
 				"sharp": "^0.32.6",
 				"solid-js": "^1.7.12"
 			},
@@ -363,17 +360,6 @@
 				}
 			}
 		},
-		"node_modules/@astrojs/solid-js/node_modules/@types/node": {
-			"version": "24.10.1",
-			"resolved": "https://registry.npmjs.org/@types/node/-/node-24.10.1.tgz",
-			"integrity": "sha512-GNWcUTRBgIRJD5zj+Tq0fKOJ5XZajIiBroOF0yvj2bSU1WvNdYS/dn9UxwsujGW4JX06dnHyjV2y9rRaybH0iQ==",
-			"license": "MIT",
-			"optional": true,
-			"peer": true,
-			"dependencies": {
-				"undici-types": "~7.16.0"
-			}
-		},
 		"node_modules/@astrojs/solid-js/node_modules/fdir": {
 			"version": "6.5.0",
 			"resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
@@ -396,6 +382,7 @@
 			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
 			"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
 			"license": "MIT",
+			"peer": true,
 			"engines": {
 				"node": ">=12"
 			},
@@ -408,6 +395,7 @@
 			"resolved": "https://registry.npmjs.org/vite/-/vite-6.4.1.tgz",
 			"integrity": "sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g==",
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"esbuild": "^0.25.0",
 				"fdir": "^6.4.4",
@@ -575,6 +563,7 @@
 			"resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.5.tgz",
 			"integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==",
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"@babel/code-frame": "^7.27.1",
 				"@babel/generator": "^7.28.5",
@@ -1818,18 +1807,6 @@
 				}
 			}
 		},
-		"node_modules/@graphql-codegen/cli/node_modules/@types/node": {
-			"version": "24.10.1",
-			"resolved": "https://registry.npmjs.org/@types/node/-/node-24.10.1.tgz",
-			"integrity": "sha512-GNWcUTRBgIRJD5zj+Tq0fKOJ5XZajIiBroOF0yvj2bSU1WvNdYS/dn9UxwsujGW4JX06dnHyjV2y9rRaybH0iQ==",
-			"dev": true,
-			"license": "MIT",
-			"optional": true,
-			"peer": true,
-			"dependencies": {
-				"undici-types": "~7.16.0"
-			}
-		},
 		"node_modules/@graphql-codegen/cli/node_modules/ansi-regex": {
 			"version": "5.0.1",
 			"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
@@ -2378,6 +2355,7 @@
 			"integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"engines": {
 				"node": ">=10.0.0"
 			},
@@ -3476,6 +3454,7 @@
 			"dev": true,
 			"hasInstallScript": true,
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"detect-libc": "^1.0.3",
 				"is-glob": "^4.0.3",
@@ -4327,6 +4306,7 @@
 			"resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-14.1.2.tgz",
 			"integrity": "sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==",
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"@types/linkify-it": "^5",
 				"@types/mdurl": "^2"
@@ -4370,9 +4350,14 @@
 			}
 		},
 		"node_modules/@types/node": {
-			"version": "17.0.45",
-			"resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.45.tgz",
-			"integrity": "sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw=="
+			"version": "25.0.3",
+			"resolved": "https://registry.npmjs.org/@types/node/-/node-25.0.3.tgz",
+			"integrity": "sha512-W609buLVRVmeW693xKfzHeIV6nJGGz98uCPfeXI1ELMLXVeKYZ9m15fAMSaUPBHYLGFsVRcMmSCksQOrZV9BYA==",
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"undici-types": "~7.16.0"
+			}
 		},
 		"node_modules/@types/remark-prism": {
 			"version": "1.3.7",
@@ -5474,6 +5459,7 @@
 			"resolved": "https://registry.npmjs.org/astro/-/astro-5.15.8.tgz",
 			"integrity": "sha512-QiiRnNPdxCcAGO2UlO07o+QeGgRfEC5Dlm0x35WPB/ixFK1T2bsNB6KaXri70cVkYY1GYgoRtrWv3HCR26o9aw==",
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"@astrojs/compiler": "^2.13.0",
 				"@astrojs/internal-helpers": "0.7.4",
@@ -5565,17 +5551,6 @@
 				"@iconify/utils": "^2.1.30"
 			}
 		},
-		"node_modules/astro/node_modules/@types/node": {
-			"version": "24.10.1",
-			"resolved": "https://registry.npmjs.org/@types/node/-/node-24.10.1.tgz",
-			"integrity": "sha512-GNWcUTRBgIRJD5zj+Tq0fKOJ5XZajIiBroOF0yvj2bSU1WvNdYS/dn9UxwsujGW4JX06dnHyjV2y9rRaybH0iQ==",
-			"license": "MIT",
-			"optional": true,
-			"peer": true,
-			"dependencies": {
-				"undici-types": "~7.16.0"
-			}
-		},
 		"node_modules/astro/node_modules/chokidar": {
 			"version": "4.0.3",
 			"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
@@ -5619,6 +5594,7 @@
 			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
 			"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
 			"license": "MIT",
+			"peer": true,
 			"engines": {
 				"node": ">=12"
 			},
@@ -5785,6 +5761,7 @@
 			"resolved": "https://registry.npmjs.org/vite/-/vite-6.4.1.tgz",
 			"integrity": "sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g==",
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"esbuild": "^0.25.0",
 				"fdir": "^6.4.4",
@@ -6122,6 +6099,7 @@
 				}
 			],
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"baseline-browser-mapping": "^2.8.25",
 				"caniuse-lite": "^1.0.30001754",
@@ -7896,6 +7874,7 @@
 			"resolved": "https://registry.npmjs.org/graphql/-/graphql-16.12.0.tgz",
 			"integrity": "sha512-DKKrynuQRne0PNpEbzuEdHlYOMksHSUI8Zc9Unei5gTsMNA2/vMpoMz/yKba50pejK56qj98qM0SjYxAKi13gQ==",
 			"license": "MIT",
+			"peer": true,
 			"engines": {
 				"node": "^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0"
 			}
@@ -8176,6 +8155,7 @@
 			"integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"engines": {
 				"node": ">=10.0.0"
 			},
@@ -8519,22 +8499,6 @@
 				"url": "https://opencollective.com/unified"
 			}
 		},
-		"node_modules/hastscript": {
-			"version": "8.0.0",
-			"resolved": "https://registry.npmjs.org/hastscript/-/hastscript-8.0.0.tgz",
-			"integrity": "sha512-dMOtzCEd3ABUeSIISmrETiKuyydk1w0pa+gE/uormcTpSYuaNJPbX1NU3JLyscSLjwAQM8bWMhhIlnCqnRvDTw==",
-			"dependencies": {
-				"@types/hast": "^3.0.0",
-				"comma-separated-tokens": "^2.0.0",
-				"hast-util-parse-selector": "^4.0.0",
-				"property-information": "^6.0.0",
-				"space-separated-tokens": "^2.0.0"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/unified"
-			}
-		},
 		"node_modules/header-case": {
 			"version": "2.0.4",
 			"resolved": "https://registry.npmjs.org/header-case/-/header-case-2.0.4.tgz",
@@ -8995,6 +8959,7 @@
 			"integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
 			"devOptional": true,
 			"license": "MIT",
+			"peer": true,
 			"bin": {
 				"jiti": "lib/jiti-cli.mjs"
 			}
@@ -9270,6 +9235,7 @@
 			"resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.0.tgz",
 			"integrity": "sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==",
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"argparse": "^2.0.1",
 				"entities": "^4.4.0",
@@ -9282,6 +9248,16 @@
 				"markdown-it": "bin/markdown-it.mjs"
 			}
 		},
+		"node_modules/markdown-it-anchor": {
+			"version": "9.2.0",
+			"resolved": "https://registry.npmjs.org/markdown-it-anchor/-/markdown-it-anchor-9.2.0.tgz",
+			"integrity": "sha512-sa2ErMQ6kKOA4l31gLGYliFQrMKkqSO0ZJgGhDHKijPf0pNFM9vghjAh3gn26pS4JDRs7Iwa9S36gxm3vgZTzg==",
+			"license": "Unlicense",
+			"peerDependencies": {
+				"@types/markdown-it": "*",
+				"markdown-it": "*"
+			}
+		},
 		"node_modules/markdown-it-prism": {
 			"version": "3.0.1",
 			"resolved": "https://registry.npmjs.org/markdown-it-prism/-/markdown-it-prism-3.0.1.tgz",
@@ -9297,6 +9273,12 @@
 				"markdown-it": ">=7.0.1 <15.0.0"
 			}
 		},
+		"node_modules/markdown-it-table-of-contents": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/markdown-it-table-of-contents/-/markdown-it-table-of-contents-1.1.0.tgz",
+			"integrity": "sha512-oeXSGohBTj+08uwdI2f/gaT3BiqNQoYR4gWEfDot3u+EBW0J+baLb+QwBnV065o0ugwJM1OiPSD3bUD8mwT/QQ==",
+			"license": "MIT"
+		},
 		"node_modules/markdown-table": {
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-3.0.4.tgz",
@@ -11091,28 +11073,6 @@
 			"resolved": "https://registry.npmjs.org/queue-tick/-/queue-tick-1.0.1.tgz",
 			"integrity": "sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag=="
 		},
-		"node_modules/quicklink": {
-			"version": "3.0.1",
-			"resolved": "https://registry.npmjs.org/quicklink/-/quicklink-3.0.1.tgz",
-			"integrity": "sha512-sAMEpcCUCzjet214qVCm1hzxeF0YLo4wyphkIifeemmofk1vMrc5Sg/iNH32SKAIXqYvO6SPZgEP8obi9Ait9g==",
-			"license": "Apache-2.0",
-			"dependencies": {
-				"route-manifest": "^1.0.0",
-				"throttles": "^1.0.1"
-			},
-			"peerDependencies": {
-				"react": "^16.8.0 || ^17 || ^18 || ^19",
-				"react-dom": "^16.8.0 || ^17 || ^18 || ^19"
-			},
-			"peerDependenciesMeta": {
-				"react": {
-					"optional": true
-				},
-				"react-dom": {
-					"optional": true
-				}
-			}
-		},
 		"node_modules/radix3": {
 			"version": "1.1.2",
 			"resolved": "https://registry.npmjs.org/radix3/-/radix3-1.1.2.tgz",
@@ -11196,14 +11156,6 @@
 			"integrity": "sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng==",
 			"license": "MIT"
 		},
-		"node_modules/regexparam": {
-			"version": "1.3.0",
-			"resolved": "https://registry.npmjs.org/regexparam/-/regexparam-1.3.0.tgz",
-			"integrity": "sha512-6IQpFBv6e5vz1QAqI+V4k8P2e/3gRrqfCJ9FI+O1FLQTO+Uz6RXZEZOPmTJ6hlGj7gkERzY5BRCv09whKP96/g==",
-			"engines": {
-				"node": ">=6"
-			}
-		},
 		"node_modules/rehype": {
 			"version": "13.0.2",
 			"resolved": "https://registry.npmjs.org/rehype/-/rehype-13.0.2.tgz",
@@ -11556,17 +11508,6 @@
 				"fsevents": "~2.3.2"
 			}
 		},
-		"node_modules/route-manifest": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/route-manifest/-/route-manifest-1.0.0.tgz",
-			"integrity": "sha512-qn0xJr4nnF4caj0erOLLAHYiNyzqhzpUbgDQcEHrmBoG4sWCDLnIXLH7VccNSxe9cWgbP2Kw/OjME+eH3CeRSA==",
-			"dependencies": {
-				"regexparam": "^1.3.0"
-			},
-			"engines": {
-				"node": ">= 6"
-			}
-		},
 		"node_modules/run-parallel": {
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -11631,6 +11572,7 @@
 			"resolved": "https://registry.npmjs.org/sass/-/sass-1.68.0.tgz",
 			"integrity": "sha512-Lmj9lM/fef0nQswm1J2HJcEsBUba4wgNx2fea6yJHODREoMFnwRpZydBnX/RjyXw2REIwdkbqE4hrTo4qfDBUA==",
 			"devOptional": true,
+			"peer": true,
 			"dependencies": {
 				"chokidar": ">=3.0.0 <4.0.0",
 				"immutable": "^4.0.0",
@@ -11722,6 +11664,7 @@
 			"resolved": "https://registry.npmjs.org/seroval/-/seroval-1.3.2.tgz",
 			"integrity": "sha512-RbcPH1n5cfwKrru7v7+zrZvjLurgHhGyso3HTyGtRivGWgYjbOmGuivCQaORNELjNONoK35nj28EoWul9sb1zQ==",
 			"license": "MIT",
+			"peer": true,
 			"engines": {
 				"node": ">=10"
 			}
@@ -12005,6 +11948,7 @@
 			"resolved": "https://registry.npmjs.org/solid-js/-/solid-js-1.9.10.tgz",
 			"integrity": "sha512-Coz956cos/EPDlhs6+jsdTxKuJDPT7B5SVIWgABwROyxjY7Xbr8wkzD68Et+NxnV7DLJ3nJdAC2r9InuV/4Jew==",
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"csstype": "^3.1.0",
 				"seroval": "~1.3.0",
@@ -12334,14 +12278,6 @@
 			"integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
 			"license": "ISC"
 		},
-		"node_modules/throttles": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/throttles/-/throttles-1.0.1.tgz",
-			"integrity": "sha512-fab7Xg+zELr9KOv4fkaBoe/b3L0GMGLd0IBSCn16GoE/Qx6/OfCr1eGNyEcDU2pUA79qQfZ8kPQWlRuok4YwTw==",
-			"engines": {
-				"node": ">=6"
-			}
-		},
 		"node_modules/timeout-signal": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/timeout-signal/-/timeout-signal-2.0.0.tgz",
@@ -12405,6 +12341,7 @@
 			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
 			"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
 			"license": "MIT",
+			"peer": true,
 			"engines": {
 				"node": ">=12"
 			},
@@ -12529,6 +12466,7 @@
 			"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
 			"integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
 			"license": "Apache-2.0",
+			"peer": true,
 			"bin": {
 				"tsc": "bin/tsc",
 				"tsserver": "bin/tsserver"
@@ -12611,9 +12549,7 @@
 			"version": "7.16.0",
 			"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.16.0.tgz",
 			"integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
-			"license": "MIT",
-			"optional": true,
-			"peer": true
+			"license": "MIT"
 		},
 		"node_modules/unicode-properties": {
 			"version": "1.4.1",
@@ -13566,6 +13502,7 @@
 			"resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
 			"integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
 			"license": "MIT",
+			"peer": true,
 			"funding": {
 				"url": "https://github.com/sponsors/colinhacks"
 			}
@@ -13812,16 +13749,6 @@
 				"vite-plugin-solid": "^2.11.8"
 			},
 			"dependencies": {
-				"@types/node": {
-					"version": "24.10.1",
-					"resolved": "https://registry.npmjs.org/@types/node/-/node-24.10.1.tgz",
-					"integrity": "sha512-GNWcUTRBgIRJD5zj+Tq0fKOJ5XZajIiBroOF0yvj2bSU1WvNdYS/dn9UxwsujGW4JX06dnHyjV2y9rRaybH0iQ==",
-					"optional": true,
-					"peer": true,
-					"requires": {
-						"undici-types": "~7.16.0"
-					}
-				},
 				"fdir": {
 					"version": "6.5.0",
 					"resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
@@ -13831,12 +13758,14 @@
 				"picomatch": {
 					"version": "4.0.3",
 					"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-					"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q=="
+					"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+					"peer": true
 				},
 				"vite": {
 					"version": "6.4.1",
 					"resolved": "https://registry.npmjs.org/vite/-/vite-6.4.1.tgz",
 					"integrity": "sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g==",
+					"peer": true,
 					"requires": {
 						"esbuild": "^0.25.0",
 						"fdir": "^6.4.4",
@@ -13909,6 +13838,7 @@
 			"version": "7.28.5",
 			"resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.5.tgz",
 			"integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==",
+			"peer": true,
 			"requires": {
 				"@babel/code-frame": "^7.27.1",
 				"@babel/generator": "^7.28.5",
@@ -14578,17 +14508,6 @@
 					"dev": true,
 					"requires": {}
 				},
-				"@types/node": {
-					"version": "24.10.1",
-					"resolved": "https://registry.npmjs.org/@types/node/-/node-24.10.1.tgz",
-					"integrity": "sha512-GNWcUTRBgIRJD5zj+Tq0fKOJ5XZajIiBroOF0yvj2bSU1WvNdYS/dn9UxwsujGW4JX06dnHyjV2y9rRaybH0iQ==",
-					"dev": true,
-					"optional": true,
-					"peer": true,
-					"requires": {
-						"undici-types": "~7.16.0"
-					}
-				},
 				"ansi-regex": {
 					"version": "5.0.1",
 					"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
@@ -14963,6 +14882,7 @@
 					"resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
 					"integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
 					"dev": true,
+					"peer": true,
 					"requires": {}
 				}
 			}
@@ -15566,6 +15486,7 @@
 			"resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz",
 			"integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==",
 			"dev": true,
+			"peer": true,
 			"requires": {
 				"@parcel/watcher-android-arm64": "2.5.1",
 				"@parcel/watcher-darwin-arm64": "2.5.1",
@@ -16017,6 +15938,7 @@
 			"version": "14.1.2",
 			"resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-14.1.2.tgz",
 			"integrity": "sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==",
+			"peer": true,
 			"requires": {
 				"@types/linkify-it": "^5",
 				"@types/mdurl": "^2"
@@ -16055,9 +15977,13 @@
 			}
 		},
 		"@types/node": {
-			"version": "17.0.45",
-			"resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.45.tgz",
-			"integrity": "sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw=="
+			"version": "25.0.3",
+			"resolved": "https://registry.npmjs.org/@types/node/-/node-25.0.3.tgz",
+			"integrity": "sha512-W609buLVRVmeW693xKfzHeIV6nJGGz98uCPfeXI1ELMLXVeKYZ9m15fAMSaUPBHYLGFsVRcMmSCksQOrZV9BYA==",
+			"peer": true,
+			"requires": {
+				"undici-types": "~7.16.0"
+			}
 		},
 		"@types/remark-prism": {
 			"version": "1.3.7",
@@ -16764,6 +16690,7 @@
 			"version": "5.15.8",
 			"resolved": "https://registry.npmjs.org/astro/-/astro-5.15.8.tgz",
 			"integrity": "sha512-QiiRnNPdxCcAGO2UlO07o+QeGgRfEC5Dlm0x35WPB/ixFK1T2bsNB6KaXri70cVkYY1GYgoRtrWv3HCR26o9aw==",
+			"peer": true,
 			"requires": {
 				"@astrojs/compiler": "^2.13.0",
 				"@astrojs/internal-helpers": "0.7.4",
@@ -16830,16 +16757,6 @@
 				"zod-to-ts": "^1.2.0"
 			},
 			"dependencies": {
-				"@types/node": {
-					"version": "24.10.1",
-					"resolved": "https://registry.npmjs.org/@types/node/-/node-24.10.1.tgz",
-					"integrity": "sha512-GNWcUTRBgIRJD5zj+Tq0fKOJ5XZajIiBroOF0yvj2bSU1WvNdYS/dn9UxwsujGW4JX06dnHyjV2y9rRaybH0iQ==",
-					"optional": true,
-					"peer": true,
-					"requires": {
-						"undici-types": "~7.16.0"
-					}
-				},
 				"chokidar": {
 					"version": "4.0.3",
 					"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
@@ -16862,7 +16779,8 @@
 				"picomatch": {
 					"version": "4.0.3",
 					"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-					"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q=="
+					"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+					"peer": true
 				},
 				"readdirp": {
 					"version": "4.1.2",
@@ -16923,6 +16841,7 @@
 					"version": "6.4.1",
 					"resolved": "https://registry.npmjs.org/vite/-/vite-6.4.1.tgz",
 					"integrity": "sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g==",
+					"peer": true,
 					"requires": {
 						"esbuild": "^0.25.0",
 						"fdir": "^6.4.4",
@@ -17105,6 +17024,7 @@
 			"version": "4.28.0",
 			"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.0.tgz",
 			"integrity": "sha512-tbydkR/CxfMwelN0vwdP/pLkDwyAASZ+VfWm4EOwlB6SWhx1sYnWLqo8N5j0rAzPfzfRaxt0mM/4wPU/Su84RQ==",
+			"peer": true,
 			"requires": {
 				"baseline-browser-mapping": "^2.8.25",
 				"caniuse-lite": "^1.0.30001754",
@@ -18284,7 +18204,8 @@
 		"graphql": {
 			"version": "16.12.0",
 			"resolved": "https://registry.npmjs.org/graphql/-/graphql-16.12.0.tgz",
-			"integrity": "sha512-DKKrynuQRne0PNpEbzuEdHlYOMksHSUI8Zc9Unei5gTsMNA2/vMpoMz/yKba50pejK56qj98qM0SjYxAKi13gQ=="
+			"integrity": "sha512-DKKrynuQRne0PNpEbzuEdHlYOMksHSUI8Zc9Unei5gTsMNA2/vMpoMz/yKba50pejK56qj98qM0SjYxAKi13gQ==",
+			"peer": true
 		},
 		"graphql-config": {
 			"version": "5.1.5",
@@ -18451,6 +18372,7 @@
 					"resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
 					"integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
 					"dev": true,
+					"peer": true,
 					"requires": {}
 				}
 			}
@@ -18679,18 +18601,6 @@
 				"@types/hast": "^3.0.0"
 			}
 		},
-		"hastscript": {
-			"version": "8.0.0",
-			"resolved": "https://registry.npmjs.org/hastscript/-/hastscript-8.0.0.tgz",
-			"integrity": "sha512-dMOtzCEd3ABUeSIISmrETiKuyydk1w0pa+gE/uormcTpSYuaNJPbX1NU3JLyscSLjwAQM8bWMhhIlnCqnRvDTw==",
-			"requires": {
-				"@types/hast": "^3.0.0",
-				"comma-separated-tokens": "^2.0.0",
-				"hast-util-parse-selector": "^4.0.0",
-				"property-information": "^6.0.0",
-				"space-separated-tokens": "^2.0.0"
-			}
-		},
 		"header-case": {
 			"version": "2.0.4",
 			"resolved": "https://registry.npmjs.org/header-case/-/header-case-2.0.4.tgz",
@@ -18967,7 +18877,8 @@
 			"version": "2.6.1",
 			"resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
 			"integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
-			"devOptional": true
+			"devOptional": true,
+			"peer": true
 		},
 		"js-tokens": {
 			"version": "4.0.0",
@@ -19167,6 +19078,7 @@
 			"version": "14.1.0",
 			"resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.0.tgz",
 			"integrity": "sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==",
+			"peer": true,
 			"requires": {
 				"argparse": "^2.0.1",
 				"entities": "^4.4.0",
@@ -19176,6 +19088,12 @@
 				"uc.micro": "^2.1.0"
 			}
 		},
+		"markdown-it-anchor": {
+			"version": "9.2.0",
+			"resolved": "https://registry.npmjs.org/markdown-it-anchor/-/markdown-it-anchor-9.2.0.tgz",
+			"integrity": "sha512-sa2ErMQ6kKOA4l31gLGYliFQrMKkqSO0ZJgGhDHKijPf0pNFM9vghjAh3gn26pS4JDRs7Iwa9S36gxm3vgZTzg==",
+			"requires": {}
+		},
 		"markdown-it-prism": {
 			"version": "3.0.1",
 			"resolved": "https://registry.npmjs.org/markdown-it-prism/-/markdown-it-prism-3.0.1.tgz",
@@ -19184,6 +19102,11 @@
 				"prismjs": "1.30.0"
 			}
 		},
+		"markdown-it-table-of-contents": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/markdown-it-table-of-contents/-/markdown-it-table-of-contents-1.1.0.tgz",
+			"integrity": "sha512-oeXSGohBTj+08uwdI2f/gaT3BiqNQoYR4gWEfDot3u+EBW0J+baLb+QwBnV065o0ugwJM1OiPSD3bUD8mwT/QQ=="
+		},
 		"markdown-table": {
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-3.0.4.tgz",
@@ -20305,15 +20228,6 @@
 			"resolved": "https://registry.npmjs.org/queue-tick/-/queue-tick-1.0.1.tgz",
 			"integrity": "sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag=="
 		},
-		"quicklink": {
-			"version": "3.0.1",
-			"resolved": "https://registry.npmjs.org/quicklink/-/quicklink-3.0.1.tgz",
-			"integrity": "sha512-sAMEpcCUCzjet214qVCm1hzxeF0YLo4wyphkIifeemmofk1vMrc5Sg/iNH32SKAIXqYvO6SPZgEP8obi9Ait9g==",
-			"requires": {
-				"route-manifest": "^1.0.0",
-				"throttles": "^1.0.1"
-			}
-		},
 		"radix3": {
 			"version": "1.1.2",
 			"resolved": "https://registry.npmjs.org/radix3/-/radix3-1.1.2.tgz",
@@ -20382,11 +20296,6 @@
 			"resolved": "https://registry.npmjs.org/regex-utilities/-/regex-utilities-2.3.0.tgz",
 			"integrity": "sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng=="
 		},
-		"regexparam": {
-			"version": "1.3.0",
-			"resolved": "https://registry.npmjs.org/regexparam/-/regexparam-1.3.0.tgz",
-			"integrity": "sha512-6IQpFBv6e5vz1QAqI+V4k8P2e/3gRrqfCJ9FI+O1FLQTO+Uz6RXZEZOPmTJ6hlGj7gkERzY5BRCv09whKP96/g=="
-		},
 		"rehype": {
 			"version": "13.0.2",
 			"resolved": "https://registry.npmjs.org/rehype/-/rehype-13.0.2.tgz",
@@ -20633,14 +20542,6 @@
 				"fsevents": "~2.3.2"
 			}
 		},
-		"route-manifest": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/route-manifest/-/route-manifest-1.0.0.tgz",
-			"integrity": "sha512-qn0xJr4nnF4caj0erOLLAHYiNyzqhzpUbgDQcEHrmBoG4sWCDLnIXLH7VccNSxe9cWgbP2Kw/OjME+eH3CeRSA==",
-			"requires": {
-				"regexparam": "^1.3.0"
-			}
-		},
 		"run-parallel": {
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -20673,6 +20574,7 @@
 			"resolved": "https://registry.npmjs.org/sass/-/sass-1.68.0.tgz",
 			"integrity": "sha512-Lmj9lM/fef0nQswm1J2HJcEsBUba4wgNx2fea6yJHODREoMFnwRpZydBnX/RjyXw2REIwdkbqE4hrTo4qfDBUA==",
 			"devOptional": true,
+			"peer": true,
 			"requires": {
 				"chokidar": ">=3.0.0 <4.0.0",
 				"immutable": "^4.0.0",
@@ -20739,7 +20641,8 @@
 		"seroval": {
 			"version": "1.3.2",
 			"resolved": "https://registry.npmjs.org/seroval/-/seroval-1.3.2.tgz",
-			"integrity": "sha512-RbcPH1n5cfwKrru7v7+zrZvjLurgHhGyso3HTyGtRivGWgYjbOmGuivCQaORNELjNONoK35nj28EoWul9sb1zQ=="
+			"integrity": "sha512-RbcPH1n5cfwKrru7v7+zrZvjLurgHhGyso3HTyGtRivGWgYjbOmGuivCQaORNELjNONoK35nj28EoWul9sb1zQ==",
+			"peer": true
 		},
 		"seroval-plugins": {
 			"version": "1.3.3",
@@ -20929,6 +20832,7 @@
 			"version": "1.9.10",
 			"resolved": "https://registry.npmjs.org/solid-js/-/solid-js-1.9.10.tgz",
 			"integrity": "sha512-Coz956cos/EPDlhs6+jsdTxKuJDPT7B5SVIWgABwROyxjY7Xbr8wkzD68Et+NxnV7DLJ3nJdAC2r9InuV/4Jew==",
+			"peer": true,
 			"requires": {
 				"csstype": "^3.1.0",
 				"seroval": "~1.3.0",
@@ -21159,11 +21063,6 @@
 				}
 			}
 		},
-		"throttles": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/throttles/-/throttles-1.0.1.tgz",
-			"integrity": "sha512-fab7Xg+zELr9KOv4fkaBoe/b3L0GMGLd0IBSCn16GoE/Qx6/OfCr1eGNyEcDU2pUA79qQfZ8kPQWlRuok4YwTw=="
-		},
 		"timeout-signal": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/timeout-signal/-/timeout-signal-2.0.0.tgz",
@@ -21198,7 +21097,8 @@
 				"picomatch": {
 					"version": "4.0.3",
 					"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-					"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q=="
+					"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+					"peer": true
 				}
 			}
 		},
@@ -21272,7 +21172,8 @@
 		"typescript": {
 			"version": "5.9.3",
 			"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
-			"integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw=="
+			"integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+			"peer": true
 		},
 		"typescript-auto-import-cache": {
 			"version": "0.3.6",
@@ -21317,9 +21218,7 @@
 		"undici-types": {
 			"version": "7.16.0",
 			"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.16.0.tgz",
-			"integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
-			"optional": true,
-			"peer": true
+			"integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="
 		},
 		"unicode-properties": {
 			"version": "1.4.1",
@@ -21941,7 +21840,8 @@
 		"zod": {
 			"version": "3.25.76",
 			"resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
-			"integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ=="
+			"integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
+			"peer": true
 		},
 		"zod-to-json-schema": {
 			"version": "3.24.6",
diff --git a/package.json b/package.json
index 062892a..2c361f3 100644
--- a/package.json
+++ b/package.json
@@ -30,14 +30,11 @@
 		"astro-icon": "^1.1.5",
 		"graphql": "^16.12.0",
 		"hast-util-select": "^6.0.4",
-		"hast-util-to-string": "^3.0.0",
-		"hastscript": "^8.0.0",
-		"html-escaper": "^3.0.3",
 		"markdown-it": "^14.1.0",
+		"markdown-it-anchor": "^9.2.0",
 		"markdown-it-prism": "^3.0.1",
+		"markdown-it-table-of-contents": "^1.1.0",
 		"mime-types": "^2.1.35",
-		"prismjs": "^1.30.0",
-		"quicklink": "^3.0.1",
 		"sharp": "^0.32.6",
 		"solid-js": "^1.7.12"
 	},
diff --git a/schema.graphql b/schema.graphql
index a563657..855d8af 100644
--- a/schema.graphql
+++ b/schema.graphql
@@ -344,6 +344,7 @@ type article_tag_mutated {
 type article_translations {
   article_id(filter: article_filter, limit: Int, offset: Int, page: Int, search: String, sort: [String]): article
   author(filter: directus_users_filter, limit: Int, offset: Int, page: Int, search: String, sort: [String]): directus_users
+  """Insert "[[toc]]" to generate table of contents."""
   content: String!
   cover_image(filter: directus_files_filter, limit: Int, offset: Int, page: Int, search: String, sort: [String]): directus_files
   description: String!
@@ -375,6 +376,7 @@ type article_translations_aggregated {
 type article_translations_aggregated_count {
   article_id: Int
   author: Int
+  """Insert "[[toc]]" to generate table of contents."""
   content: Int
   cover_image: Int
   description: Int
@@ -551,6 +553,7 @@ input create_article_tag_input {
 input create_article_translations_input {
   article_id: create_article_input
   author: create_directus_users_input
+  """Insert "[[toc]]" to generate table of contents."""
   content: String!
   cover_image: create_directus_files_input
   description: String!
@@ -2213,6 +2216,7 @@ input update_article_tag_input {
 input update_article_translations_input {
   article_id: update_article_input
   author: update_directus_users_input
+  """Insert "[[toc]]" to generate table of contents."""
   content: String
   cover_image: update_directus_files_input
   description: String
@@ -2431,6 +2435,7 @@ type version_article_tag {
 type version_article_translations {
   article_id: JSON
   author: JSON
+  """Insert "[[toc]]" to generate table of contents."""
   content: String
   cover_image: JSON
   description: String
diff --git a/src/actions/index.ts b/src/actions/index.ts
index ddb7982..88521d8 100644
--- a/src/actions/index.ts
+++ b/src/actions/index.ts
@@ -16,7 +16,8 @@ export const server = {
 		}),
 		handler: async (data, ctx) => {
 			const currentDate = new Date();
-			const appealsLastHrs = (await getLatestAppealsByClientIp(ctx.clientAddress, 5)).filter((a) => {
+			const latestAppeals = await getLatestAppealsByClientIp(ctx.clientAddress, 5);
+			const appealsLastHrs = latestAppeals.filter((a) => {
 				const hourDiff = (currentDate.getTime() - new Date(a.date_created).getTime()) / (1000 * 60 * 60);
 				return hourDiff <= CREATE_APPEAL_LIMIT_HRS;
 			});
diff --git a/src/components/ArticleContent.astro b/src/components/ArticleContent.astro
index cf3ef10..eacc8f7 100644
--- a/src/components/ArticleContent.astro
+++ b/src/components/ArticleContent.astro
@@ -1,8 +1,23 @@
-<div itemprop="articleBody" class="article-content"><slot /></div>
+---
+import { useTranslation } from "../i18n/utils";
 
-<style lang="scss" is:global>
+const t = useTranslation(Astro);
+const tocTitle = t("article.tableOfContents");
+---
+
+<div itemprop='articleBody' class='article-content'><slot /></div>
+
+<script define:vars={{ tocTitle }}>
+	var $toc = document.querySelector(".toc");
+	if ($toc) {
+		$toc.querySelector("summary").textContent = tocTitle;
+		document.querySelector("body")?.addEventListener("click", () => $toc?.removeAttribute("open"));
+	}
+</script>
+
+<style lang='scss' is:global>
 	.article-content {
-		margin-top: 70px;
+		padding-top: 20px;
 		& h1,
 		h2,
 		h3,
@@ -200,6 +215,44 @@
 				content: ",";
 			}
 		}
+
+		.toc {
+			cursor: pointer;
+			display: block;
+			position: absolute;
+			& summary {
+				font-size: var(--font-size-lg);
+			}
+			& nav {
+				background-color: var(--background-card);
+				border: 1px solid var(--border-color);
+				border-radius: var(--border-radius-lg);
+				margin-top: 10px;
+				padding: 10px 16px;
+				& ul {
+					margin: 6px 0;
+					padding-left: 0;
+					margin-left: 0;
+					& a {
+						display: block;
+						// margin-bottom: 10px;
+						color: var(--font-color);
+						text-decoration: none;
+						font-size: var(--font-size-md);
+						&:hover {
+							color: var(--color-blue-500);
+						}
+					}
+					& li {
+						list-style: none;
+						padding: 0;
+					}
+					& li ul {
+						margin-left: 15px;
+					}
+				}
+			}
+		}
 	}
 
 	@media screen and (max-width: 800px) {
diff --git a/src/components/AvailableOnLangs.astro b/src/components/AvailableOnLangs.astro
index c5be465..c88666c 100644
--- a/src/components/AvailableOnLangs.astro
+++ b/src/components/AvailableOnLangs.astro
@@ -22,17 +22,16 @@ const { articles } = Astro.props;
 					(a) =>
 						a && (
 							<a
-								href={`${createRelativeArticleUrl({ slug: a.slug, articleLang: `${a.languages_code?.code.split("-")[0]}`, pubDate: a.pub_date })}`}
-							>{`${a.languages_code?.name}`}</a>
+								href={`${createRelativeArticleUrl({ slug: a.slug, articleLang: `${a.languages_code?.code.split("-")[0]}`, pubDate: a.pub_date })}`}>{`${a.languages_code?.name}`}</a>
 						)
 				)}
 		</div>
 	)
 }
 
-<style lang="scss">
+<style lang='scss'>
 	div {
-		margin: 25px 0;
+		margin: 10px 0;
 		font-size: var(--font-size-lg);
 		& a {
 			&:not(:last-child)::after {
diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
index 9fd8562..ab42f13 100644
--- a/src/components/BaseHead.astro
+++ b/src/components/BaseHead.astro
@@ -18,53 +18,52 @@ const t = useTranslation(Astro);
 
 <head>
 	<!-- Fonts -->
-	<link rel="preconnect" href="https://fonts.googleapis.com" />
-	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+	<link rel='preconnect' href='https://fonts.googleapis.com' />
+	<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin />
 	<link
-		href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Mono&display=swap"
-		rel="preload"
-		as="style"
+		href='https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Mono&display=swap'
+		rel='preload'
+		as='style'
 		onload={`this.rel='stylesheet'`}
 	/>
 
 	<!-- Canonical URL -->
-	<link rel="canonical" href={canonicalURL.href} />
+	<link rel='canonical' href={canonicalURL.href} />
 
 	<!-- Base metadata -->
-	<meta charset="utf-8" />
-	<meta name="viewport" content="width=device-width, initial-scale=1" />
+	<meta charset='utf-8' />
+	<meta name='viewport' content='width=device-width, initial-scale=1' />
 	<title>{title || SITE_METADATA.title}</title>
 
 	<!-- Metadata -->
-	<meta name="title" content={title || SITE_METADATA.title} />
-	<meta name="generator" content={Astro.generator} />
-	<meta name="description" content={description || t("site.description")} />
-	<meta name="theme-color" content={SITE_METADATA.themeColor} />
-	<meta name="msapplication-TileColor" content="#da532c" />
+	<meta name='title' content={title || SITE_METADATA.title} />
+	<meta name='generator' content={Astro.generator} />
+	<meta name='description' content={description || t("site.description")} />
+	<meta name='theme-color' content={SITE_METADATA.themeColor} />
+	<meta name='msapplication-TileColor' content='#da532c' />
 
 	<!-- Favicons -->
-	<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+	<link rel='apple-touch-icon' sizes='180x180' href='/apple-touch-icon.png' />
 	<link
-		rel="icon"
-		type="image/png"
-		sizes="32x32"
-		href="/favicon-light-32x32.png"
-		media="(prefers-color-scheme: light)"
+		rel='icon'
+		type='image/png'
+		sizes='32x32'
+		href='/favicon-light-32x32.png'
+		media='(prefers-color-scheme: light)'
 	/>
 	<link
-		rel="icon"
-		type="image/png"
-		sizes="16x16"
-		href="/favicon-light-16x16.png"
-		media="(prefers-color-scheme: light)"
+		rel='icon'
+		type='image/png'
+		sizes='16x16'
+		href='/favicon-light-16x16.png'
+		media='(prefers-color-scheme: light)'
 	/>
-	<link rel="icon" type="image/png" sizes="32x32" href="/favicon-dark-32x32.png" media="(prefers-color-scheme: dark)" />
-	<link rel="icon" type="image/png" sizes="16x16" href="/favicon-dark-16x16.png" media="(prefers-color-scheme: dark)" />
-	<link rel="manifest" href="/site.webmanifest" />
-	<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
-	<link rel="sitemap" href="/sitemap-index.xml" />
+	<link rel='icon' type='image/png' sizes='32x32' href='/favicon-dark-32x32.png' media='(prefers-color-scheme: dark)' />
+	<link rel='icon' type='image/png' sizes='16x16' href='/favicon-dark-16x16.png' media='(prefers-color-scheme: dark)' />
+	<link rel='manifest' href='/site.webmanifest' />
+	<link rel='mask-icon' href='/safari-pinned-tab.svg' color='#5bbad5' />
+	<link rel='sitemap' href='/sitemap-index.xml' />
 	<slot />
-	<script is:inline src="/assets/js/detect-theme.js"></script>
-	<!-- <script src="../quicklink.js"></script> -->
+	<script is:inline src='/assets/js/detect-theme.js'></script>
 	{!isDev && <YaMetrika />}
 </head>
diff --git a/src/components/RecentArticles.astro b/src/components/RecentArticles.astro
index fa87c5b..eb50afb 100644
--- a/src/components/RecentArticles.astro
+++ b/src/components/RecentArticles.astro
@@ -32,6 +32,7 @@ const isEmpty = articles.length === 0;
 			!isEmpty ? (
 				articles
 					.slice(0, limit)
+					.reverse()
 					.map(
 						(a) =>
 							a && (
diff --git a/src/components/Splash/SplashHeading.astro b/src/components/Splash/SplashHeading.astro
index dc4af15..bb8bd73 100644
--- a/src/components/Splash/SplashHeading.astro
+++ b/src/components/Splash/SplashHeading.astro
@@ -2,7 +2,7 @@
 	<slot />
 </header>
 
-<style lang="scss">
+<style lang='scss'>
 	header {
 		& :global(p) {
 			font-size: var(--font-size-lg);
@@ -14,7 +14,7 @@
 			& :global(h1) {
 				font-size: var(--font-size-5xl);
 				font-weight: bold;
-				margin-bottom: 0.5rem;
+				margin-bottom: 16px;
 			}
 
 			& :global(h2) {
diff --git a/src/components/TableOfContents.astro b/src/components/TableOfContents.astro
index ad4bb10..f1b9ef5 100644
--- a/src/components/TableOfContents.astro
+++ b/src/components/TableOfContents.astro
@@ -12,7 +12,7 @@ const toc = buildToc(Astro.props.headings, 3);
 const t = useTranslation(Astro);
 ---
 
-<details class="toc">
+<details class='toc'>
 	<summary>{t("article.tableOfContents")}</summary>
 	<nav>
 		<div>
@@ -26,14 +26,11 @@ const t = useTranslation(Astro);
 <script>
 	var $toc = document.querySelector(".toc");
 	if ($toc) {
-		$toc.addEventListener(
-			"click",
-			(e) => (e.target as HTMLElement).tagName === "A" && $toc!.removeAttribute("open")
-		);
+		$toc.addEventListener("click", (e) => (e.target as HTMLElement).tagName === "A" && $toc!.removeAttribute("open"));
 	}
 </script>
 
-<style lang="scss" is:global>
+<style lang='scss' is:global>
 	.toc {
 		cursor: pointer;
 		display: block;
diff --git a/src/graphql/gql.ts b/src/graphql/gql.ts
index 7c1e7bf..504e8e2 100644
--- a/src/graphql/gql.ts
+++ b/src/graphql/gql.ts
@@ -18,7 +18,7 @@ type Documents = {
     "\n\t\tquery LatestAppealByClientIpQuery($client_ip: String!, $limit: Int!) {\n\t\t\tappeal(filter: { client_ip: { _eq: $client_ip } }, sort: [\"-date_created\"], limit: $limit) {\n\t\t\t\tclient_ip\n\t\t\t\tdate_created\n\t\t\t}\n\t\t}\n\t": typeof types.LatestAppealByClientIpQueryDocument,
     "\n\t\tmutation CreateAppealQuery(\n\t\t\t$name: String!\n\t\t\t$email: String!\n\t\t\t$subject: String!\n\t\t\t$message: String!\n\t\t\t$client_ip: String!\n\t\t) {\n\t\t\tcreate_appeal_item(\n\t\t\t\tdata: { name: $name, email: $email, subject: $subject, message: $message, client_ip: $client_ip }\n\t\t\t) {\n\t\t\t\tid\n\t\t\t}\n\t\t}\n\t": typeof types.CreateAppealQueryDocument,
     "\n\t\tquery Article {\n\t\t\tarticle {\n\t\t\t\ttranslations(filter: { status: { _eq: \"published\" } }) {\n\t\t\t\t\tid\n\t\t\t\t\ttitle\n\t\t\t\t\ttags {\n\t\t\t\t\t\ttag_id {\n\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tdescription\n\t\t\t\t\tslug\n\t\t\t\t\tpub_date\n\t\t\t\t\tlanguages_code {\n\t\t\t\t\t\tcode\n\t\t\t\t\t\tname\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t": typeof types.ArticleDocument,
-    "\n\t\tquery RecentArticle {\n\t\t\tarticle {\n\t\t\t\ttranslations(filter: { status: { _eq: \"published\" } }) {\n\t\t\t\t\ttitle\n\t\t\t\t\tcover_image {\n\t\t\t\t\t\tid\n\t\t\t\t\t\ttitle\n\t\t\t\t\t}\n\t\t\t\t\tslug\n\t\t\t\t\tpub_date\n\t\t\t\t\tviews\n\t\t\t\t\tlanguages_code {\n\t\t\t\t\t\tcode\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t": typeof types.RecentArticleDocument,
+    "\n\t\tquery RecentArticle {\n\t\t\tarticle {\n\t\t\t\ttranslations(filter: { status: { _eq: \"published\" } }, sort: [\"-pub_date\"]) {\n\t\t\t\t\ttitle\n\t\t\t\t\tcover_image {\n\t\t\t\t\t\tid\n\t\t\t\t\t\ttitle\n\t\t\t\t\t}\n\t\t\t\t\tslug\n\t\t\t\t\tpub_date\n\t\t\t\t\tviews\n\t\t\t\t\tlanguages_code {\n\t\t\t\t\t\tcode\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t": typeof types.RecentArticleDocument,
     "\n\t\tquery Article_translations($slug: String!) {\n\t\t\tarticle_translations(filter: { slug: { _eq: $slug } }) {\n\t\t\t\tid\n\t\t\t\ttitle\n\t\t\t\ttags {\n\t\t\t\t\ttag_id {\n\t\t\t\t\t\ttitle\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tdescription\n\t\t\t\tslug\n\t\t\t\tcontent\n\t\t\t\tauthor {\n\t\t\t\t\tfirst_name\n\t\t\t\t\tlast_name\n\t\t\t\t}\n\t\t\t\tpub_date\n\t\t\t\tviews\n\t\t\t\tlanguages_code {\n\t\t\t\t\tcode\n\t\t\t\t\tname\n\t\t\t\t}\n\t\t\t\tcover_image {\n\t\t\t\t\ttitle\n\t\t\t\t\ttype\n\t\t\t\t\tfilename_disk\n\t\t\t\t}\n\t\t\t\tarticle_id {\n\t\t\t\t\ttranslations {\n\t\t\t\t\t\tslug\n\t\t\t\t\t\tlanguages_code {\n\t\t\t\t\t\t\tcode\n\t\t\t\t\t\t\tname\n\t\t\t\t\t\t}\n\t\t\t\t\t\tpub_date\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t": typeof types.Article_TranslationsDocument,
     "\n\t\tmutation Update_article_translations_item($id: ID!, $views: Int!) {\n\t\t\tupdate_article_translations_item(id: $id, data: { views: $views }) {\n\t\t\t\tviews\n\t\t\t}\n\t\t}\n\t": typeof types.Update_Article_Translations_ItemDocument,
     "\n\t\tquery AboutMeQuery($pageLang: String!) {\n\t\t\tglobal_translations(filter: { languages_code: { code: { _contains: $pageLang } } }) {\n\t\t\t\tabout\n\t\t\t}\n\t\t}\n\t": typeof types.AboutMeQueryDocument,
@@ -31,7 +31,7 @@ const documents: Documents = {
     "\n\t\tquery LatestAppealByClientIpQuery($client_ip: String!, $limit: Int!) {\n\t\t\tappeal(filter: { client_ip: { _eq: $client_ip } }, sort: [\"-date_created\"], limit: $limit) {\n\t\t\t\tclient_ip\n\t\t\t\tdate_created\n\t\t\t}\n\t\t}\n\t": types.LatestAppealByClientIpQueryDocument,
     "\n\t\tmutation CreateAppealQuery(\n\t\t\t$name: String!\n\t\t\t$email: String!\n\t\t\t$subject: String!\n\t\t\t$message: String!\n\t\t\t$client_ip: String!\n\t\t) {\n\t\t\tcreate_appeal_item(\n\t\t\t\tdata: { name: $name, email: $email, subject: $subject, message: $message, client_ip: $client_ip }\n\t\t\t) {\n\t\t\t\tid\n\t\t\t}\n\t\t}\n\t": types.CreateAppealQueryDocument,
     "\n\t\tquery Article {\n\t\t\tarticle {\n\t\t\t\ttranslations(filter: { status: { _eq: \"published\" } }) {\n\t\t\t\t\tid\n\t\t\t\t\ttitle\n\t\t\t\t\ttags {\n\t\t\t\t\t\ttag_id {\n\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tdescription\n\t\t\t\t\tslug\n\t\t\t\t\tpub_date\n\t\t\t\t\tlanguages_code {\n\t\t\t\t\t\tcode\n\t\t\t\t\t\tname\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t": types.ArticleDocument,
-    "\n\t\tquery RecentArticle {\n\t\t\tarticle {\n\t\t\t\ttranslations(filter: { status: { _eq: \"published\" } }) {\n\t\t\t\t\ttitle\n\t\t\t\t\tcover_image {\n\t\t\t\t\t\tid\n\t\t\t\t\t\ttitle\n\t\t\t\t\t}\n\t\t\t\t\tslug\n\t\t\t\t\tpub_date\n\t\t\t\t\tviews\n\t\t\t\t\tlanguages_code {\n\t\t\t\t\t\tcode\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t": types.RecentArticleDocument,
+    "\n\t\tquery RecentArticle {\n\t\t\tarticle {\n\t\t\t\ttranslations(filter: { status: { _eq: \"published\" } }, sort: [\"-pub_date\"]) {\n\t\t\t\t\ttitle\n\t\t\t\t\tcover_image {\n\t\t\t\t\t\tid\n\t\t\t\t\t\ttitle\n\t\t\t\t\t}\n\t\t\t\t\tslug\n\t\t\t\t\tpub_date\n\t\t\t\t\tviews\n\t\t\t\t\tlanguages_code {\n\t\t\t\t\t\tcode\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t": types.RecentArticleDocument,
     "\n\t\tquery Article_translations($slug: String!) {\n\t\t\tarticle_translations(filter: { slug: { _eq: $slug } }) {\n\t\t\t\tid\n\t\t\t\ttitle\n\t\t\t\ttags {\n\t\t\t\t\ttag_id {\n\t\t\t\t\t\ttitle\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tdescription\n\t\t\t\tslug\n\t\t\t\tcontent\n\t\t\t\tauthor {\n\t\t\t\t\tfirst_name\n\t\t\t\t\tlast_name\n\t\t\t\t}\n\t\t\t\tpub_date\n\t\t\t\tviews\n\t\t\t\tlanguages_code {\n\t\t\t\t\tcode\n\t\t\t\t\tname\n\t\t\t\t}\n\t\t\t\tcover_image {\n\t\t\t\t\ttitle\n\t\t\t\t\ttype\n\t\t\t\t\tfilename_disk\n\t\t\t\t}\n\t\t\t\tarticle_id {\n\t\t\t\t\ttranslations {\n\t\t\t\t\t\tslug\n\t\t\t\t\t\tlanguages_code {\n\t\t\t\t\t\t\tcode\n\t\t\t\t\t\t\tname\n\t\t\t\t\t\t}\n\t\t\t\t\t\tpub_date\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t": types.Article_TranslationsDocument,
     "\n\t\tmutation Update_article_translations_item($id: ID!, $views: Int!) {\n\t\t\tupdate_article_translations_item(id: $id, data: { views: $views }) {\n\t\t\t\tviews\n\t\t\t}\n\t\t}\n\t": types.Update_Article_Translations_ItemDocument,
     "\n\t\tquery AboutMeQuery($pageLang: String!) {\n\t\t\tglobal_translations(filter: { languages_code: { code: { _contains: $pageLang } } }) {\n\t\t\t\tabout\n\t\t\t}\n\t\t}\n\t": types.AboutMeQueryDocument,
@@ -56,7 +56,7 @@ export function graphql(source: "\n\t\tquery Article {\n\t\t\tarticle {\n\t\t\t\
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
-export function graphql(source: "\n\t\tquery RecentArticle {\n\t\t\tarticle {\n\t\t\t\ttranslations(filter: { status: { _eq: \"published\" } }) {\n\t\t\t\t\ttitle\n\t\t\t\t\tcover_image {\n\t\t\t\t\t\tid\n\t\t\t\t\t\ttitle\n\t\t\t\t\t}\n\t\t\t\t\tslug\n\t\t\t\t\tpub_date\n\t\t\t\t\tviews\n\t\t\t\t\tlanguages_code {\n\t\t\t\t\t\tcode\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t"): typeof import('./graphql').RecentArticleDocument;
+export function graphql(source: "\n\t\tquery RecentArticle {\n\t\t\tarticle {\n\t\t\t\ttranslations(filter: { status: { _eq: \"published\" } }, sort: [\"-pub_date\"]) {\n\t\t\t\t\ttitle\n\t\t\t\t\tcover_image {\n\t\t\t\t\t\tid\n\t\t\t\t\t\ttitle\n\t\t\t\t\t}\n\t\t\t\t\tslug\n\t\t\t\t\tpub_date\n\t\t\t\t\tviews\n\t\t\t\t\tlanguages_code {\n\t\t\t\t\t\tcode\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t"): typeof import('./graphql').RecentArticleDocument;
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
diff --git a/src/graphql/graphql.ts b/src/graphql/graphql.ts
index fd4f564..4cda543 100644
--- a/src/graphql/graphql.ts
+++ b/src/graphql/graphql.ts
@@ -1566,6 +1566,7 @@ export type Article_Translations = {
   __typename?: 'article_translations';
   article_id?: Maybe<Article>;
   author?: Maybe<Directus_Users>;
+  /** Insert "[[toc]]" to generate table of contents. */
   content: Scalars['String']['output'];
   cover_image?: Maybe<Directus_Files>;
   description: Scalars['String']['output'];
@@ -1649,6 +1650,7 @@ export type Article_Translations_Aggregated_Count = {
   __typename?: 'article_translations_aggregated_count';
   article_id?: Maybe<Scalars['Int']['output']>;
   author?: Maybe<Scalars['Int']['output']>;
+  /** Insert "[[toc]]" to generate table of contents. */
   content?: Maybe<Scalars['Int']['output']>;
   cover_image?: Maybe<Scalars['Int']['output']>;
   description?: Maybe<Scalars['Int']['output']>;
@@ -1853,6 +1855,7 @@ export type Create_Article_Tag_Input = {
 export type Create_Article_Translations_Input = {
   article_id?: InputMaybe<Create_Article_Input>;
   author?: InputMaybe<Create_Directus_Users_Input>;
+  /** Insert "[[toc]]" to generate table of contents. */
   content: Scalars['String']['input'];
   cover_image?: InputMaybe<Create_Directus_Files_Input>;
   description: Scalars['String']['input'];
@@ -4203,6 +4206,7 @@ export type Update_Article_Tag_Input = {
 export type Update_Article_Translations_Input = {
   article_id?: InputMaybe<Update_Article_Input>;
   author?: InputMaybe<Update_Directus_Users_Input>;
+  /** Insert "[[toc]]" to generate table of contents. */
   content?: InputMaybe<Scalars['String']['input']>;
   cover_image?: InputMaybe<Update_Directus_Files_Input>;
   description?: InputMaybe<Scalars['String']['input']>;
@@ -4425,6 +4429,7 @@ export type Version_Article_Translations = {
   __typename?: 'version_article_translations';
   article_id?: Maybe<Scalars['JSON']['output']>;
   author?: Maybe<Scalars['JSON']['output']>;
+  /** Insert "[[toc]]" to generate table of contents. */
   content?: Maybe<Scalars['String']['output']>;
   cover_image?: Maybe<Scalars['JSON']['output']>;
   description?: Maybe<Scalars['String']['output']>;
@@ -4655,7 +4660,7 @@ export const ArticleDocument = new TypedDocumentString(`
 export const RecentArticleDocument = new TypedDocumentString(`
     query RecentArticle {
   article {
-    translations(filter: {status: {_eq: "published"}}) {
+    translations(filter: {status: {_eq: "published"}}, sort: ["-pub_date"]) {
       title
       cover_image {
         id
diff --git a/src/i18n/en/ui.ts b/src/i18n/en/ui.ts
index 7054015..53e14a8 100644
--- a/src/i18n/en/ui.ts
+++ b/src/i18n/en/ui.ts
@@ -30,7 +30,7 @@ export default {
 	"splash.description":
 		"I develop websites and web applications of varying complexity, and also publish articles and tutorials on various IT topics.",
 	"splash.about": "about me",
-	"splash.contact": "write me",
+	"splash.contact": "text me",
 	/* Recent articles */
 	"recentArticles.heading": "recent publications",
 	"recentArticles.all": "see all",
diff --git a/src/pages/[blog]/[...url].astro b/src/pages/[blog]/[...url].astro
index 0b7432c..2d6c9de 100644
--- a/src/pages/[blog]/[...url].astro
+++ b/src/pages/[blog]/[...url].astro
@@ -14,4 +14,4 @@ if (!article) return Astro.redirect("/404");
 if (import.meta.env.PROD) await incArticleTranslationViews(article);
 ---
 
-<ArticleLayout lang={article.languages_code?.code} article={article} />
+<ArticleLayout lang={article.languages_code?.code.split("-")[0]} article={article} />
diff --git a/src/queries/article.ts b/src/queries/article.ts
index 7a22a9b..b22ec32 100644
--- a/src/queries/article.ts
+++ b/src/queries/article.ts
@@ -37,7 +37,7 @@ export async function getRecentArticleList() {
 	const RecentArticleQuery = graphql(`
 		query RecentArticle {
 			article {
-				translations(filter: { status: { _eq: "published" } }) {
+				translations(filter: { status: { _eq: "published" } }, sort: ["-pub_date"]) {
 					title
 					cover_image {
 						id
diff --git a/src/quicklink.js b/src/quicklink.js
deleted file mode 100644
index 7294f2e..0000000
--- a/src/quicklink.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import { listen } from "quicklink/dist/quicklink.mjs";
-window.addEventListener("load", () => {
-	listen({ el: document.querySelector("body > header") });
-	listen({ el: document.querySelector("body > main article header") });
-});
diff --git a/src/styles/global.scss b/src/styles/global.scss
index 5f9dc6e..a22dee1 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -19,7 +19,8 @@ body {
 	box-sizing: inherit;
 }
 
-[data-icon], svg {
+[data-icon],
+svg {
 	color: var(--icon-primary);
 	fill: var(--icon-primary);
 }
@@ -63,6 +64,10 @@ body {
 	list-style: none;
 }
 
+.visually-hidden {
+	display: none;
+}
+
 .btn-link {
 	cursor: pointer;
 	display: inline-flex;
diff --git a/src/templates/Home.astro b/src/templates/Home.astro
index 524aefd..d847986 100644
--- a/src/templates/Home.astro
+++ b/src/templates/Home.astro
@@ -22,8 +22,8 @@ const t = useTranslation(Astro);
 			<p><UIString key={"splash.description"} /></p>
 		</SplashHeading>
 		<SplashLinks>
-			<SplashLink icon="information" href="/about/"><UIString key={"splash.about"} /></SplashLink>
-			<SplashLink icon="email_filled" href="/contacts/">
+			<SplashLink icon='information' href='/about/'><UIString key={"splash.about"} /></SplashLink>
+			<SplashLink icon='email_filled' href='/contacts/'>
 				<UIString key={"splash.contact"} />
 			</SplashLink>
 		</SplashLinks>
diff --git a/src/utils/markdown.ts b/src/utils/markdown.ts
index 5149f70..076759e 100644
--- a/src/utils/markdown.ts
+++ b/src/utils/markdown.ts
@@ -1,64 +1,32 @@
-// import { escape } from "html-escaper";
-// import { h } from "hastscript";
-// import { toString } from "hast-util-to-string";
 import markdownit from "markdown-it";
+import anchor from "markdown-it-anchor";
 import prism from "markdown-it-prism";
-// import { selectAll } from "hast-util-select";
+// @ts-ignore
+import toc from "markdown-it-table-of-contents";
 
 const md = markdownit({
 	html: true,
-}).use(prism);
-
-// const createAnchorLabel = (heading: string) => {
-// 	const node = h("span.anchor-label", escape(heading));
-// 	if (node.properties) node.properties["is:raw"] = true;
-// 	return node;
-// };
-
-// const processor = unified()
-// 	.use(remarkParse)
-// 	.use(remarkToc, { heading: "(table[ -]of[ -])?contents?|toc|содержание", maxDepth: 2 })
-// 	.use(remarkPrism as any)
-// 	.use(remarkRehype, { allowDangerousHtml: true })
-// 	.use(rehypeSlug)
-// 	.use(rehypeAutolinkHeadings, {
-// 		properties: {
-// 			class: "anchor-link",
-// 		},
-// 		behavior: "after",
-// 		group: ({ tagName }) =>
-// 			h(`div.heading-wrapper.level-${tagName}`, {
-// 				tabIndex: -1,
-// 			}),
-// 		content: (heading) => [
-// 			h(
-// 				`span.anchor-icon`,
-// 				undefined,
-// 				h(
-// 					"svg",
-// 					{
-// 						width: 18,
-// 						height: 18,
-// 						version: 1.1,
-// 						viewBox: "0 0 16 16",
-// 						xlmns: "http://www.w3.org/2000/svg",
-// 						ariaHidden: "true",
-// 						"data-filter": "none",
-// 					},
-// 					h("path", {
-// 						fillRule: "evenodd",
-// 						fill: "currentcolor",
-// 						d: "M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z",
-// 					})
-// 				)
-// 			),
-// 			createAnchorLabel(toString(heading)),
-// 		],
-// 	});
+})
+	.use(prism)
+	.use(anchor, {
+		permalink: anchor.permalink.linkAfterHeader({
+			style: "visually-hidden",
+			class: "anchor-link",
+			assistiveText: (title) => `Permalink to “${title}”`,
+			symbol: `<span class="anchor-icon"><svg width="18" height="18" version="1.1" viewBox="0 0 16 16" xlmns="http://www.w3.org/2000/svg" aria-hidden="true" data-filter="none"><path fill-rule="evenodd" fill="currentcolor" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></span>`,
+			visuallyHiddenClass: "visually-hidden",
+			wrapper: ['<div class="heading-wrapper">', "</div>"],
+		}),
+	})
+	.use(toc, {
+		containerHeaderHtml: "<div></div>",
+		omitTag: "<!-- omit from toc -->",
+		includeLevel: [1, 2, 3],
+		transformContainerOpen: () => '<details class="toc"><summary></summary><nav><div>',
+		transformContainerClose: () => "</div></nav></details>",
+	});
 
 export async function markdownToHTML(content: string): Promise<string> {
-	const start = performance.now();
 	const html = md.render(content);
-	console.log(performance.now() - start);
 	return html;
 }