From 8e1e63add0adb9a330d740320ae5f960459784ea Mon Sep 17 00:00:00 2001
From: "limes.pink" <git@limes.pink>
Date: Mon, 14 Apr 2025 22:23:55 +0200
Subject: [PATCH] fix (footer): implement feedback from jvs

---
 package-lock.json                | 479 ++++++++++++++++++++++++++++++-
 package.json                     |   3 +-
 src/components/Footer/Footer.vue | 166 +++++------
 src/layouts/default.vue          |   2 +-
 4 files changed, 547 insertions(+), 103 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 76797c1..1409499 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -21,7 +21,8 @@
 			},
 			"devDependencies": {
 				"@pretendonetwork/eslint-config": "^0.0.8",
-				"eslint-plugin-vue": "^10.0.0"
+				"eslint-plugin-vue": "^10.0.0",
+				"sass-embedded": "^1.86.3"
 			}
 		},
 		"node_modules/@ampproject/remapping": {
@@ -453,6 +454,13 @@
 				"node": ">=6.9.0"
 			}
 		},
+		"node_modules/@bufbuild/protobuf": {
+			"version": "2.2.5",
+			"resolved": "https://registry.npmjs.org/@bufbuild/protobuf/-/protobuf-2.2.5.tgz",
+			"integrity": "sha512-/g5EzJifw5GF8aren8wZ/G5oMuPoGeS6MQD3ca8ddcvdXR5UELUfdTZITCGNhNXynY/AYl3Z4plmxdj/tRl/hQ==",
+			"devOptional": true,
+			"license": "(Apache-2.0 AND BSD-3-Clause)"
+		},
 		"node_modules/@capsizecss/metrics": {
 			"version": "2.2.0",
 			"resolved": "https://registry.npmjs.org/@capsizecss/metrics/-/metrics-2.2.0.tgz",
@@ -5178,6 +5186,13 @@
 				"ieee754": "^1.2.1"
 			}
 		},
+		"node_modules/buffer-builder": {
+			"version": "0.2.0",
+			"resolved": "https://registry.npmjs.org/buffer-builder/-/buffer-builder-0.2.0.tgz",
+			"integrity": "sha512-7VPMEPuYznPSoR21NE1zvd2Xna6c/CloiZCfcMXR1Jny6PjX0N4Nsa38zcBFo/FMK+BlA+FLKbJCQ0i2yxp+Xg==",
+			"devOptional": true,
+			"license": "MIT/X11"
+		},
 		"node_modules/buffer-crc32": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-1.0.0.tgz",
@@ -5639,6 +5654,13 @@
 			"resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz",
 			"integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw=="
 		},
+		"node_modules/colorjs.io": {
+			"version": "0.5.2",
+			"resolved": "https://registry.npmjs.org/colorjs.io/-/colorjs.io-0.5.2.tgz",
+			"integrity": "sha512-twmVoizEW7ylZSN32OgKdXRmo1qg+wT5/6C3xu5b9QsWzSFAhHLn2xd8ro0diCsKfCj1RdaTP/nrcW+vAoQPIw==",
+			"devOptional": true,
+			"license": "MIT"
+		},
 		"node_modules/comma-separated-tokens": {
 			"version": "2.0.3",
 			"resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz",
@@ -8668,6 +8690,13 @@
 			"resolved": "https://registry.npmjs.org/image-meta/-/image-meta-0.2.1.tgz",
 			"integrity": "sha512-K6acvFaelNxx8wc2VjbIzXKDVB0Khs0QT35U6NkGfTdCmjLNcO2945m7RFNR9/RPVFm48hq7QPzK8uGH18HCGw=="
 		},
+		"node_modules/immutable": {
+			"version": "5.1.1",
+			"resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.1.tgz",
+			"integrity": "sha512-3jatXi9ObIsPGr3N5hGw/vWWcTkq6hUYhpQz4k0wLC+owqWi/LiugIw9x0EdNZ2yGedKN/HzePiBvaJRXa0Ujg==",
+			"devOptional": true,
+			"license": "MIT"
+		},
 		"node_modules/import-fresh": {
 			"version": "3.3.1",
 			"resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
@@ -12984,6 +13013,16 @@
 				"queue-microtask": "^1.2.2"
 			}
 		},
+		"node_modules/rxjs": {
+			"version": "7.8.2",
+			"resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
+			"integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
+			"devOptional": true,
+			"license": "Apache-2.0",
+			"dependencies": {
+				"tslib": "^2.1.0"
+			}
+		},
 		"node_modules/safe-array-concat": {
 			"version": "1.1.3",
 			"resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
@@ -13067,6 +13106,407 @@
 				"url": "https://github.com/sponsors/ljharb"
 			}
 		},
+		"node_modules/sass-embedded": {
+			"version": "1.86.3",
+			"resolved": "https://registry.npmjs.org/sass-embedded/-/sass-embedded-1.86.3.tgz",
+			"integrity": "sha512-3pZSp24ibO1hdopj+W9DuiWsZOb2YY6AFRo/jjutKLBkqJGM1nJjXzhAYfzRV+Xn5BX1eTI4bBTE09P0XNHOZg==",
+			"devOptional": true,
+			"license": "MIT",
+			"dependencies": {
+				"@bufbuild/protobuf": "^2.0.0",
+				"buffer-builder": "^0.2.0",
+				"colorjs.io": "^0.5.0",
+				"immutable": "^5.0.2",
+				"rxjs": "^7.4.0",
+				"supports-color": "^8.1.1",
+				"sync-child-process": "^1.0.2",
+				"varint": "^6.0.0"
+			},
+			"bin": {
+				"sass": "dist/bin/sass.js"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			},
+			"optionalDependencies": {
+				"sass-embedded-android-arm": "1.86.3",
+				"sass-embedded-android-arm64": "1.86.3",
+				"sass-embedded-android-ia32": "1.86.3",
+				"sass-embedded-android-riscv64": "1.86.3",
+				"sass-embedded-android-x64": "1.86.3",
+				"sass-embedded-darwin-arm64": "1.86.3",
+				"sass-embedded-darwin-x64": "1.86.3",
+				"sass-embedded-linux-arm": "1.86.3",
+				"sass-embedded-linux-arm64": "1.86.3",
+				"sass-embedded-linux-ia32": "1.86.3",
+				"sass-embedded-linux-musl-arm": "1.86.3",
+				"sass-embedded-linux-musl-arm64": "1.86.3",
+				"sass-embedded-linux-musl-ia32": "1.86.3",
+				"sass-embedded-linux-musl-riscv64": "1.86.3",
+				"sass-embedded-linux-musl-x64": "1.86.3",
+				"sass-embedded-linux-riscv64": "1.86.3",
+				"sass-embedded-linux-x64": "1.86.3",
+				"sass-embedded-win32-arm64": "1.86.3",
+				"sass-embedded-win32-ia32": "1.86.3",
+				"sass-embedded-win32-x64": "1.86.3"
+			}
+		},
+		"node_modules/sass-embedded-android-arm": {
+			"version": "1.86.3",
+			"resolved": "https://registry.npmjs.org/sass-embedded-android-arm/-/sass-embedded-android-arm-1.86.3.tgz",
+			"integrity": "sha512-UyeXrFzZSvrGbvrWUBcspbsbivGgAgebLGJdSqJulgSyGbA6no3DWQ5Qpdd6+OAUC39BlpPu74Wx9s4RrVuaFw==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/sass-embedded-android-arm64": {
+			"version": "1.86.3",
+			"resolved": "https://registry.npmjs.org/sass-embedded-android-arm64/-/sass-embedded-android-arm64-1.86.3.tgz",
+			"integrity": "sha512-q+XwFp6WgAv+UgnQhsB8KQ95kppvWAB7DSoJp+8Vino8b9ND+1ai3cUUZPE5u4SnLZrgo5NtrbPvN5KLc4Pfyg==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/sass-embedded-android-ia32": {
+			"version": "1.86.3",
+			"resolved": "https://registry.npmjs.org/sass-embedded-android-ia32/-/sass-embedded-android-ia32-1.86.3.tgz",
+			"integrity": "sha512-gTJjVh2cRzvGujXj5ApPk/owUTL5SiO7rDtNLrzYAzi1N5HRuLYXqk3h1IQY3+eCOBjGl7mQ9XyySbJs/3hDvg==",
+			"cpu": [
+				"ia32"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/sass-embedded-android-riscv64": {
+			"version": "1.86.3",
+			"resolved": "https://registry.npmjs.org/sass-embedded-android-riscv64/-/sass-embedded-android-riscv64-1.86.3.tgz",
+			"integrity": "sha512-Po3JnyiCS16kd6REo1IMUbFGYtvL9O0rmKaXx5vOuBaJD1LPy2LiSSp7TU7wkJ9IxsTDGzFaSeP1I9qb6D8VVg==",
+			"cpu": [
+				"riscv64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/sass-embedded-android-x64": {
+			"version": "1.86.3",
+			"resolved": "https://registry.npmjs.org/sass-embedded-android-x64/-/sass-embedded-android-x64-1.86.3.tgz",
+			"integrity": "sha512-+7h3jdDv/0kUFx0BvxYlq2fa7CcHiDPlta6k5OxO5K6jyqJwo9hc0Z052BoYEauWTqZ+vK6bB5rv2BIzq4U9nA==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/sass-embedded-darwin-arm64": {
+			"version": "1.86.3",
+			"resolved": "https://registry.npmjs.org/sass-embedded-darwin-arm64/-/sass-embedded-darwin-arm64-1.86.3.tgz",
+			"integrity": "sha512-EgLwV4ORm5Hr0DmIXo0Xw/vlzwLnfAiqD2jDXIglkBsc5czJmo4/IBdGXOP65TRnsgJEqvbU3aQhuawX5++x9A==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/sass-embedded-darwin-x64": {
+			"version": "1.86.3",
+			"resolved": "https://registry.npmjs.org/sass-embedded-darwin-x64/-/sass-embedded-darwin-x64-1.86.3.tgz",
+			"integrity": "sha512-dfKhfrGPRNLWLC82vy/vQGmNKmAiKWpdFuWiePRtg/E95pqw+sCu6080Y6oQLfFu37Iq3MpnXiSpDuSo7UnPWA==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/sass-embedded-linux-arm": {
+			"version": "1.86.3",
+			"resolved": "https://registry.npmjs.org/sass-embedded-linux-arm/-/sass-embedded-linux-arm-1.86.3.tgz",
+			"integrity": "sha512-+fVCIH+OR0SMHn2NEhb/VfbpHuUxcPtqMS34OCV3Ka99LYZUJZqth4M3lT/ppGl52mwIVLNYzR4iLe6mdZ6mYA==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/sass-embedded-linux-arm64": {
+			"version": "1.86.3",
+			"resolved": "https://registry.npmjs.org/sass-embedded-linux-arm64/-/sass-embedded-linux-arm64-1.86.3.tgz",
+			"integrity": "sha512-tYq5rywR53Qtc+0KI6pPipOvW7a47ETY69VxfqI9BR2RKw2hBbaz0bIw6OaOgEBv2/XNwcWb7a4sr7TqgkqKAA==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/sass-embedded-linux-ia32": {
+			"version": "1.86.3",
+			"resolved": "https://registry.npmjs.org/sass-embedded-linux-ia32/-/sass-embedded-linux-ia32-1.86.3.tgz",
+			"integrity": "sha512-CmQ5OkqnaeLdaF+bMqlYGooBuenqm3LvEN9H8BLhjkpWiFW8hnYMetiqMcJjhrXLvDw601KGqA5sr/Rsg5s45g==",
+			"cpu": [
+				"ia32"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/sass-embedded-linux-musl-arm": {
+			"version": "1.86.3",
+			"resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-arm/-/sass-embedded-linux-musl-arm-1.86.3.tgz",
+			"integrity": "sha512-SEm65SQknI4pl+mH5Xf231hOkHJyrlgh5nj4qDbiBG6gFeutaNkNIeRgKEg3cflXchCr8iV/q/SyPgjhhzQb7w==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/sass-embedded-linux-musl-arm64": {
+			"version": "1.86.3",
+			"resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-arm64/-/sass-embedded-linux-musl-arm64-1.86.3.tgz",
+			"integrity": "sha512-4zOr2C/eW89rxb4ozTfn7lBzyyM5ZigA1ZSRTcAR26Qbg/t2UksLdGnVX9/yxga0d6aOi0IvO/7iM2DPPRRotg==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/sass-embedded-linux-musl-ia32": {
+			"version": "1.86.3",
+			"resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-ia32/-/sass-embedded-linux-musl-ia32-1.86.3.tgz",
+			"integrity": "sha512-84Tcld32LB1loiqUvczWyVBQRCChm0wNLlkT59qF29nxh8njFIVf9yaPgXcSyyjpPoD9Tu0wnq3dvVzoMCh9AQ==",
+			"cpu": [
+				"ia32"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/sass-embedded-linux-musl-riscv64": {
+			"version": "1.86.3",
+			"resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-riscv64/-/sass-embedded-linux-musl-riscv64-1.86.3.tgz",
+			"integrity": "sha512-IxEqoiD7vdNpiOwccybbV93NljBy64wSTkUOknGy21SyV43C8uqESOwTwW9ywa3KufImKm8L3uQAW/B0KhJMWg==",
+			"cpu": [
+				"riscv64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/sass-embedded-linux-musl-x64": {
+			"version": "1.86.3",
+			"resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-x64/-/sass-embedded-linux-musl-x64-1.86.3.tgz",
+			"integrity": "sha512-ePeTPXUxPK6JgHcUfnrkIyDtyt+zlAvF22mVZv6y1g/PZFm1lSfX+Za7TYHg9KaYqaaXDiw6zICX4i44HhR8rA==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/sass-embedded-linux-riscv64": {
+			"version": "1.86.3",
+			"resolved": "https://registry.npmjs.org/sass-embedded-linux-riscv64/-/sass-embedded-linux-riscv64-1.86.3.tgz",
+			"integrity": "sha512-NuXQ72dwfNLe35E+RaXJ4Noq4EkFwM65eWwCwxEWyJO9qxOx1EXiCAJii6x8kkOh5daWuMU0VAI1B9RsJaqqQQ==",
+			"cpu": [
+				"riscv64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/sass-embedded-linux-x64": {
+			"version": "1.86.3",
+			"resolved": "https://registry.npmjs.org/sass-embedded-linux-x64/-/sass-embedded-linux-x64-1.86.3.tgz",
+			"integrity": "sha512-t8be9zJ5B82+og9bQmIQ83yMGYZMTMrlGA+uGWtYacmwg6w3093dk91Fx0YzNSZBp3Tk60qVYjCZnEIwy60x0g==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/sass-embedded-win32-arm64": {
+			"version": "1.86.3",
+			"resolved": "https://registry.npmjs.org/sass-embedded-win32-arm64/-/sass-embedded-win32-arm64-1.86.3.tgz",
+			"integrity": "sha512-4ghuAzjX4q8Nksm0aifRz8hgXMMxS0SuymrFfkfJlrSx68pIgvAge6AOw0edoZoe0Tf5ZbsWUWamhkNyNxkTvw==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/sass-embedded-win32-ia32": {
+			"version": "1.86.3",
+			"resolved": "https://registry.npmjs.org/sass-embedded-win32-ia32/-/sass-embedded-win32-ia32-1.86.3.tgz",
+			"integrity": "sha512-tCaK4zIRq9mLRPxLzBAdYlfCuS/xLNpmjunYxeWkIwlJo+k53h1udyXH/FInnQ2GgEz0xMXyvH3buuPgzwWYsw==",
+			"cpu": [
+				"ia32"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/sass-embedded-win32-x64": {
+			"version": "1.86.3",
+			"resolved": "https://registry.npmjs.org/sass-embedded-win32-x64/-/sass-embedded-win32-x64-1.86.3.tgz",
+			"integrity": "sha512-zS+YNKfTF4SnOfpC77VTb0qNZyTXrxnAezSoRV0xnw6HlY+1WawMSSB6PbWtmbvyfXNgpmJUttoTtsvJjRCucg==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/sass-embedded/node_modules/supports-color": {
+			"version": "8.1.1",
+			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+			"integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+			"devOptional": true,
+			"license": "MIT",
+			"dependencies": {
+				"has-flag": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/supports-color?sponsor=1"
+			}
+		},
 		"node_modules/scslre": {
 			"version": "0.3.0",
 			"resolved": "https://registry.npmjs.org/scslre/-/scslre-0.3.0.tgz",
@@ -13970,6 +14410,29 @@
 				"url": "https://opencollective.com/svgo"
 			}
 		},
+		"node_modules/sync-child-process": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/sync-child-process/-/sync-child-process-1.0.2.tgz",
+			"integrity": "sha512-8lD+t2KrrScJ/7KXCSyfhT3/hRq78rC0wBFqNJXv3mZyn6hW2ypM05JmlSvtqRbeq6jqA94oHbxAr2vYsJ8vDA==",
+			"devOptional": true,
+			"license": "MIT",
+			"dependencies": {
+				"sync-message-port": "^1.0.0"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			}
+		},
+		"node_modules/sync-message-port": {
+			"version": "1.1.3",
+			"resolved": "https://registry.npmjs.org/sync-message-port/-/sync-message-port-1.1.3.tgz",
+			"integrity": "sha512-GTt8rSKje5FilG+wEdfCkOcLL7LWqpMlr2c3LRuKt/YXxcJ52aGSbGBAdI4L3aaqfrBt6y711El53ItyH1NWzg==",
+			"devOptional": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=16.0.0"
+			}
+		},
 		"node_modules/synckit": {
 			"version": "0.9.2",
 			"resolved": "https://registry.npmjs.org/synckit/-/synckit-0.9.2.tgz",
@@ -14997,6 +15460,13 @@
 				"spdx-license-ids": "^3.0.0"
 			}
 		},
+		"node_modules/varint": {
+			"version": "6.0.0",
+			"resolved": "https://registry.npmjs.org/varint/-/varint-6.0.0.tgz",
+			"integrity": "sha512-cXEIW6cfr15lFv563k4GuVuW/fiwjknytD37jIOLSdSWuOI6WnO/oKwmP2FQTU2l01LP8/M5TSAJpzUaGe3uWg==",
+			"devOptional": true,
+			"license": "MIT"
+		},
 		"node_modules/vfile": {
 			"version": "6.0.3",
 			"resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz",
@@ -15037,9 +15507,10 @@
 			}
 		},
 		"node_modules/vite": {
-			"version": "6.2.5",
-			"resolved": "https://registry.npmjs.org/vite/-/vite-6.2.5.tgz",
-			"integrity": "sha512-j023J/hCAa4pRIUH6J9HemwYfjB5llR2Ps0CWeikOtdR8+pAURAk0DoJC5/mm9kd+UgdnIy7d6HE4EAvlYhPhA==",
+			"version": "6.2.6",
+			"resolved": "https://registry.npmjs.org/vite/-/vite-6.2.6.tgz",
+			"integrity": "sha512-9xpjNl3kR4rVDZgPNdTL0/c6ao4km69a/2ihNQbcANz8RuCOK3hQBmLSJf3bRKVQjVMda+YvizNE8AwvogcPbw==",
+			"license": "MIT",
 			"dependencies": {
 				"esbuild": "^0.25.0",
 				"postcss": "^8.5.3",
diff --git a/package.json b/package.json
index f8f5f72..38930ca 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
 	},
 	"devDependencies": {
 		"@pretendonetwork/eslint-config": "^0.0.8",
-		"eslint-plugin-vue": "^10.0.0"
+		"eslint-plugin-vue": "^10.0.0",
+		"sass-embedded": "^1.86.3"
 	}
 }
diff --git a/src/components/Footer/Footer.vue b/src/components/Footer/Footer.vue
index d24c462..f89de3c 100644
--- a/src/components/Footer/Footer.vue
+++ b/src/components/Footer/Footer.vue
@@ -1,14 +1,18 @@
 <script lang="ts" setup>
-const { messages } = useI18n();
+const { tm, t } = useI18n();
 const year = new Date().getFullYear();
 
 const bandwidthQuoteIndex = ref<number>(-1);
+const quotes = computed(() => tm<string>('footer.bandwidthRaccoonQuotes') as string[]);
+const totalBandwidthQuotes = computed(() => quotes.value.length);
+const currentQuote = computed(() => t(`footer.bandwidthRaccoonQuotes[${Math.max(0, bandwidthQuoteIndex.value)}]`));
 
-// @ts-ignore
-const totalBandwidthQuotes = messages.value['en-US'].footer.bandwidthRaccoonQuotes.length;
+watch([totalBandwidthQuotes], () => {
+	bandwidthQuoteIndex.value = -1;
+});
 
 function bandwidthClickHandler() {
-	if (bandwidthQuoteIndex.value + 1 >= totalBandwidthQuotes) {
+	if (bandwidthQuoteIndex.value + 1 >= totalBandwidthQuotes.value) {
 		bandwidthQuoteIndex.value = 0;
 	} else {
 		bandwidthQuoteIndex.value++;
@@ -156,11 +160,9 @@ function bandwidthClickHandler() {
           {{ $t("footer.widget.button") }}
         </a>
       </div>
-      <div
-        :class="{ 'bandwidth-raccoon-wrapper': true, 'speak': bandwidthQuoteIndex !== -1 }"
-      >
+      <div :class="{ 'bandwidth-raccoon-wrapper': true, 'speak': bandwidthQuoteIndex !== -1 }">
         <div class="text-bubble">
-          <p>{{ $t(`footer.bandwidthRaccoonQuotes[${bandwidthQuoteIndex}]`) }}</p>
+          <p>{{ currentQuote }}</p>
         </div>
         <img
           src="/assets/images/bandwidth.svg"
@@ -172,41 +174,6 @@ function bandwidthClickHandler() {
   </footer>
 </template>
 
-<script lang="ts">
-/* const bandwidthRaccoon = document.querySelector("footer img.bandwidth-raccoon");
-		const bandwidthRaccoonWrapper = document.querySelector("footer .bandwidth-raccoon-wrapper");
-		const bandwidthRaccoonBubbleText = document.querySelector("footer .bandwidth-raccoon-wrapper .text-bubble p");
-		let i = 0;
-
-		function unescapeHTML(string) {
-			const el = document.createElement("span");
-			el.innerHTML = string;
-			return el.innerText;
-		}
-
-		const randomSentences = [
-		{{#each$t("footer.bandwidthRaccoonQuotes}}
-			`${unescapeHTML("{{this}}")}`,
-		{{/each}}
-		]
-
-		document.body.addEventListener("click", () =>
-		{
-			bandwidthRaccoonWrapper.classList.remove("speak");
-		})
-		bandwidthRaccoon.addEventListener("click", (event) =>
-		{
-			event.stopPropagation();
-			bandwidthRaccoonWrapper.classList.add("speak");
-			if (!randomSentences[i]) {
-				i = 0
-			}
-			bandwidthRaccoonBubbleText.innerText = randomSentences[i];
-			i += 1;
-		}) */
-
-</script>
-
 <style scoped>
 footer {
 	width: 100%;
@@ -363,78 +330,83 @@ footer .bandwidth-raccoon-wrapper .text-bubble:after {
 }
 </style>
 
-<style>
-/* So many !important??? there must be an easier way */
+<style lang="scss">
 @media screen and (max-width: 900px) {
-	footer {
-		margin-top: 100px !important;
-		grid-template-columns: repeat(3, 1fr) !important;
-		grid-template-rows: repeat(2, fit-content(100%)) !important;
-	}
+	#root {
+		footer {
+			margin-top: 100px;
+			grid-template-columns: repeat(3, 1fr);
+			grid-template-rows: repeat(2, fit-content(100%));
+		}
 
-	footer div {
-		justify-self: center !important;
-	}
+		footer div {
+			justify-self: center;
+		}
 
-	footer div.discord-server-card-wrapper {
-		grid-column: 1 / span 4 !important;
-		width: 100% !important;
-		justify-self: normal;
-	}
+		footer div.discord-server-card-wrapper {
+			grid-column: 1 / span 4;
+			width: 100%;
+			justify-self: normal;
+		}
 
-	footer div.discord-server-card-wrapper::before {
-		content: "";
-		width: 100%;
-		height: 60px;
-		position: absolute;
-		bottom: -60px;
-		left: 0;
-		background: var(--bg-shade-0);
-		z-index: 2;
-	}
+		footer div.discord-server-card-wrapper::before {
+			content: "";
+			width: 100%;
+			height: 60px;
+			position: absolute;
+			bottom: -60px;
+			left: 0;
+			background: var(--bg-shade-0);
+			z-index: 2;
+		}
 
-	footer div.discord-server-card-wrapper .bandwidth-raccoon-wrapper {
-		bottom: -72px !important;
-		top: unset !important;
-		z-index: 0 !important;
-	}
+		footer div.discord-server-card-wrapper .bandwidth-raccoon-wrapper {
+			bottom: -72px;
+			top: unset;
+			z-index: 0;
+		}
 
-	footer div.discord-server-card {
-		box-sizing: border-box !important;
-		width: 100% !important;
-		overflow: hidden !important;
+		footer div.discord-server-card {
+			box-sizing: border-box;
+			width: 100%;
+			overflow: hidden;
+		}
 	}
 }
 
 @media screen and (max-width: 580px) {
-	footer {
-		grid-template-columns: 1fr !important;
-		grid-template-rows: repeat(4, fit-content(100%)) !important;
-	}
+	#root {
+		footer {
+			grid-template-columns: 1fr;
+			grid-template-rows: repeat(4, fit-content(100%));
+		}
 
-	footer div {
-		justify-self: start !important;
-	}
+		footer div {
+			justify-self: start;
+		}
 
-	footer div.discord-server-card-wrapper {
-		grid-column: 1 / span 1 !important;
-	}
+		footer div.discord-server-card-wrapper {
+			grid-column: 1 / span 1;
+		}
 
-	footer div.discord-server-card {
-		padding: 30px !important;
-		overflow: visible !important;
-	}
+		footer div.discord-server-card {
+			padding: 30px;
+			overflow: visible;
+		}
 
-	footer div.discord-server-card-wrapper .bandwidth-raccoon-wrapper {
-		bottom: unset !important;
-		top: -120px !important;
-		z-index: -1 !important;
+		footer div.discord-server-card-wrapper .bandwidth-raccoon-wrapper {
+			bottom: unset;
+			top: -120px;
+			z-index: -1;
+		}
 	}
 }
 
 @media screen and (max-width: 320px) {
-	footer div.discord-server-card-wrapper .bandwidth-raccoon-wrapper {
-		display: none !important;
+	#root {
+		footer div.discord-server-card-wrapper .bandwidth-raccoon-wrapper {
+			display: none;
+		}
 	}
 }
 </style>
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index ac688a7..9390428 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div id="root">
     <Navbar />
     <div class="wrapper">
       <slot />