diff --git a/app.vue b/app.vue
index 0ee85c0..84d132f 100644
--- a/app.vue
+++ b/app.vue
@@ -16,6 +16,15 @@ main {
 	padding: 20px 24px;
 }
 
+.page_heading {
+	border-bottom: 1px solid #2e2d39;
+	text-align: center;
+    padding: 30px 24px;
+}
+.page_heading h1 {
+	margin: 0;
+}
+
 /**
 font importing
 **/
@@ -48,7 +57,8 @@ font importing
 </style>
 
 <script setup lang="ts">
-const route = useRoute()
+
+const route = useRoute();
 useHead({
 	titleTemplate: (title) => {
 		return title ? `${title} - Wrapper: Offline` : "Wrapper: Offline";
@@ -56,6 +66,30 @@ useHead({
 	meta: [{ property: 'og:title', content: `App Name - ${route.meta.title}` }]
 });
 
+function initTheme() {
+	if (
+		window.matchMedia &&
+		window.matchMedia("(prefers-color-scheme: dark)").matches
+	) {
+		setTheme("dark");
+		return;
+	}
+	setTheme("light");
+}
+function setTheme(mode:"light"|"dark") {
+	let isDark = true;
+	if (mode == "light") {
+		isDark = false;
+	}
+	document.documentElement.classList.remove("dark", "light");
+	document.documentElement.classList.add(isDark ?
+		"dark" : "light");
+}
+
+onMounted(() => {
+	initTheme();
+})
+
 </script>
 
 <template>
diff --git a/components/dropdown.vue b/components/dropdown.vue
new file mode 100644
index 0000000..49026a0
--- /dev/null
+++ b/components/dropdown.vue
@@ -0,0 +1,12 @@
+<style lang="scss">
+
+</style>
+
+<script lang="ts">
+
+</script>
+
+<template>
+	<slot name="toggle" ref="toggle"></slot>
+	<slot name="dropdown" ref="dropdown" class="dropdown"></slot>
+</template>
diff --git a/components/error.vue b/components/error.vue
new file mode 100644
index 0000000..4dcdced
--- /dev/null
+++ b/components/error.vue
@@ -0,0 +1,5 @@
+<template>
+	<div class="error">
+		<slot></slot>
+	</div>
+</template>
diff --git a/components/header.vue b/components/header.vue
index ee4cdfb..925382e 100644
--- a/components/header.vue
+++ b/components/header.vue
@@ -20,11 +20,47 @@ header {
 	& li {
 		display: inline-block;
 	}
+
+	html.dark & {
+		background: #16161d;
+		border-color: #2e2d39;
+	}
+
+	
+
+
+
+.btn {
+    background: #282637;
+    border-radius: 4px;
+    padding: 6px 10px;
+	display: inline-block;
 }
-html.dark header {
-	background: #16161d;
-	border-color: #2e2d39;
+.btn.primary {
+	background: #7e78a7;
+}
+
+.dropdown_container {
+	position: relative;
+}
+.dropdown {
+	background: #fff;
+    border-radius: 4px;
+	list-style: none;
+    position: absolute;
+    margin-top: 2px;
+	right: 0;
+	padding: 4px;
+    width: 150px;
+	/* display: none; */
+}
+.dropdown li {
+	padding: 4px 10px;
+	width: 100%;
+	line-height: 1.5;
 }
+}
+
 </style>
 
 <template>
@@ -32,27 +68,42 @@ html.dark header {
 		<NuxtLink to="/">
 			<img id="logo" src="../public/img/logo.svg" alt="Wrapper: Offline"/>
 		</NuxtLink>
-		<ul class="header-buttons">
+		<ul class="header_middle">
 			<li>
 				<a href="https://github.com/Wrapper-Offline/Wrapper-Offline/wiki" class="btn">
 					FAQ
 				</a>
 			</li>
+			<Dropdown>
+				<template #toggle>
+					<a href="https://github.com/Wrapper-Offline/Wrapper-Offline/wiki" class="btn">
+						Subprojects
+					</a>
+				</template>
+				<template #dropdown>
+					<ul>
+						<li>
+							<a href="https://github.com/wrapper-offline/anifire">Anifire</a>
+						</li>
+						<li>
+							<a href="https://github.com/wrapper-offline/mxmizer">MXMizer</a>
+						</li>
+					</ul>
+				</template>
+			</Dropdown>
+			<li>
+				<a href="https://discord.gg/yhGAetN" class="btn">
+					Discord
+				</a>
+			</li>
+			<li>
+				<a href="https://github.com/Wrapper-Offline/Wrapper-Offline/wiki" class="btn">
+					GitHub
+				</a>
+			</li>
+		</ul>
+		<ul class="header_right">
 			<NuxtLink class="btn" to="/downloads/latest">Downloads</NuxtLink>
-			<!-- <li class="dropdown_container">
-				<a class="btn primary dropdown_btn">Downloads</a>
-				<ul class="dropdown">
-					<li>
-						<a href="https://github.com/Wrapper-Offline/Wrapper-Offline/releases/download/v2.0.0/wrapper-offline-win32-x64.zip">Windows</a>
-					</li>
-					<li>
-						<a href="https://github.com/Wrapper-Offline/Wrapper-Offline/releases/download/v2.0.0/Wrapper.Offline-macos-x64.zip">macOS</a>
-					</li>
-					<li>
-						<a href="https://github.com/Wrapper-Offline/Wrapper-Offline/releases/download/v2.0.0/wrapper-offline-linux-x64.zip">Linux</a>
-					</li>
-				</ul>
-			</li> -->
 		</ul>
 	</header>
 </template>
diff --git a/composables/useRelease.ts b/composables/useRelease.ts
new file mode 100644
index 0000000..49ffa75
--- /dev/null
+++ b/composables/useRelease.ts
@@ -0,0 +1,20 @@
+const AUTHOR = "wrapper-offline";
+const MAIN_REPO = "wrapper-offline";
+
+async function get(tag:string) {
+	const url = `https://api.github.com/repos/${AUTHOR}/${MAIN_REPO}/releases/${
+		tag == "latest" ? "latest" : "tags/" + tag
+	}`;
+	const response = await fetch(url);
+
+	if (!response.ok) {
+		throw new Error(`status:${response.status}`);
+	} else {
+		const release = await response.json();
+		return release;
+	}
+}
+
+export default function useRelease() {
+	return { get };
+};
diff --git a/package-lock.json b/package-lock.json
index 1457f5b..b06f769 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,9 @@
         "vue-router": "*"
       },
       "devDependencies": {
-        "@nuxtjs/mdc": "^0.9.0"
+        "@nuxtjs/mdc": "^0.9.0",
+        "sass-embedded": "^1.79.3",
+        "scss": "^0.2.4"
       }
     },
     "node_modules/@ampproject/remapping": {
@@ -522,6 +524,13 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@bufbuild/protobuf": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@bufbuild/protobuf/-/protobuf-2.1.0.tgz",
+      "integrity": "sha512-+2Mx67Y3skJ4NCD/qNSdBJNWtu6x6Qr53jeNg+QcwiL6mt0wK+3jwHH2x1p7xaYH6Ve2JKOVn0OxU35WsmqI9A==",
+      "devOptional": true,
+      "license": "(Apache-2.0 AND BSD-3-Clause)"
+    },
     "node_modules/@cloudflare/kv-asset-handler": {
       "version": "0.3.4",
       "resolved": "https://registry.npmjs.org/@cloudflare/kv-asset-handler/-/kv-asset-handler-0.3.4.tgz",
@@ -3360,6 +3369,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",
@@ -3750,6 +3766,13 @@
       "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==",
       "license": "MIT"
     },
+    "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",
@@ -5425,6 +5448,13 @@
       "integrity": "sha512-K6acvFaelNxx8wc2VjbIzXKDVB0Khs0QT35U6NkGfTdCmjLNcO2945m7RFNR9/RPVFm48hq7QPzK8uGH18HCGw==",
       "license": "MIT"
     },
+    "node_modules/immutable": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.7.tgz",
+      "integrity": "sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==",
+      "devOptional": true,
+      "license": "MIT"
+    },
     "node_modules/impound": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/impound/-/impound-0.1.0.tgz",
@@ -8028,6 +8058,15 @@
       "integrity": "sha512-zuHHiGTYTA1sYJ/wZN+t5HKZaH23i4yI1HMwbuXm24Nid7Dv0KcuRlKoNKS9UNfAVSBlnGLcuQrnOKWOZoEGaw==",
       "license": "MIT"
     },
+    "node_modules/ometa": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/ometa/-/ometa-0.2.2.tgz",
+      "integrity": "sha512-LZuoK/yjU3FvrxPjUXUlZ1bavCfBPqauA7fsNdwi+AVhRdyk2IzgP3JRnevvjzQ6fKHdUw8YISshf53FmpHrng==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.2.0"
+      }
+    },
     "node_modules/on-finished": {
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
@@ -9410,6 +9449,16 @@
         "queue-microtask": "^1.2.2"
       }
     },
+    "node_modules/rxjs": {
+      "version": "7.8.1",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
+      "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
     "node_modules/safe-buffer": {
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
@@ -9430,6 +9479,428 @@
       ],
       "license": "MIT"
     },
+    "node_modules/sass-embedded": {
+      "version": "1.79.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded/-/sass-embedded-1.79.3.tgz",
+      "integrity": "sha512-zUve2qCn6uSOMZnZazLzrDWq//OQWFle5G45vJjv3B/ADIA3TXVgqHqN3u7D2vGajOGREz0HN5nhliSoKmQqZA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@bufbuild/protobuf": "^2.0.0",
+        "buffer-builder": "^0.2.0",
+        "colorjs.io": "^0.5.0",
+        "immutable": "^4.0.0",
+        "rxjs": "^7.4.0",
+        "supports-color": "^8.1.1",
+        "varint": "^6.0.0"
+      },
+      "bin": {
+        "sass": "dist/bin/sass.js"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "optionalDependencies": {
+        "sass-embedded-android-arm": "1.79.3",
+        "sass-embedded-android-arm64": "1.79.3",
+        "sass-embedded-android-ia32": "1.79.3",
+        "sass-embedded-android-riscv64": "1.79.3",
+        "sass-embedded-android-x64": "1.79.3",
+        "sass-embedded-darwin-arm64": "1.79.3",
+        "sass-embedded-darwin-x64": "1.79.3",
+        "sass-embedded-linux-arm": "1.79.3",
+        "sass-embedded-linux-arm64": "1.79.3",
+        "sass-embedded-linux-ia32": "1.79.3",
+        "sass-embedded-linux-musl-arm": "1.79.3",
+        "sass-embedded-linux-musl-arm64": "1.79.3",
+        "sass-embedded-linux-musl-ia32": "1.79.3",
+        "sass-embedded-linux-musl-riscv64": "1.79.3",
+        "sass-embedded-linux-musl-x64": "1.79.3",
+        "sass-embedded-linux-riscv64": "1.79.3",
+        "sass-embedded-linux-x64": "1.79.3",
+        "sass-embedded-win32-arm64": "1.79.3",
+        "sass-embedded-win32-ia32": "1.79.3",
+        "sass-embedded-win32-x64": "1.79.3"
+      }
+    },
+    "node_modules/sass-embedded-android-arm": {
+      "version": "1.79.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-arm/-/sass-embedded-android-arm-1.79.3.tgz",
+      "integrity": "sha512-rrdaVDkKBLUqzdqlBFamUbeuLG+8r/QLXHIgz4qPhIDqceJH6ds0Vzrae9Ef6DhYfMatOg2xiScdatwQ8Yl/hA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-android-arm64": {
+      "version": "1.79.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-arm64/-/sass-embedded-android-arm64-1.79.3.tgz",
+      "integrity": "sha512-Wqm/WKHIDQl7w7eIQRO/GQ7EXfnwNpipCyJL7Xtb15vSAV64J4/0D/esy6GOPlVG+qcu8/XN8NV7Bf5wZ2ExUw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-android-ia32": {
+      "version": "1.79.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-ia32/-/sass-embedded-android-ia32-1.79.3.tgz",
+      "integrity": "sha512-6rDmH0O7hjBP04/xBAFzSYYMU/7MrQYCak4541BZIbIfa2uw0x/8+mB7lZjdgFsBrFjcpdVCPhZPUE6Y50c00A==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-android-riscv64": {
+      "version": "1.79.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-riscv64/-/sass-embedded-android-riscv64-1.79.3.tgz",
+      "integrity": "sha512-B/PgB0AfTCvOlF1g89raJTwTXIUQUM3OXDWqEKIlJEZM1Yao91i8ZkyrFkDMzT4G5sETy4o8pgK+qE9+7bFlug==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-android-x64": {
+      "version": "1.79.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-x64/-/sass-embedded-android-x64-1.79.3.tgz",
+      "integrity": "sha512-a5cpo9Yw4xnX32Uo3WfMZLaTVnI/h2n7U3K3eTygyj707yhGkUB0i+qxldzCw8MmKivIu9irG6O4kmnRjW6f7g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-darwin-arm64": {
+      "version": "1.79.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-darwin-arm64/-/sass-embedded-darwin-arm64-1.79.3.tgz",
+      "integrity": "sha512-imafD0nlVz5FJhqBqxUbG5rK4E3cu1GxhMZ5VhKm0k4t5jFQo+3OjN7sHT4Ee2Mk1g8sjr5dtq5enDU4fs6lXA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-darwin-x64": {
+      "version": "1.79.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-darwin-x64/-/sass-embedded-darwin-x64-1.79.3.tgz",
+      "integrity": "sha512-pjciT1FcMUMA4rWdpyZYSwMOvxk5JP7R6vy7TzvqkUEqXxP9FTflYnAiwgYUDVTpngHHqRxTjdyW+e+h2L9dHw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-arm": {
+      "version": "1.79.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-arm/-/sass-embedded-linux-arm-1.79.3.tgz",
+      "integrity": "sha512-n0bDtzABPE5YaL9wSLxNPiQMl1zArsGblHJyED6fEHz41m+OkCTopfO8IVjcf+MBrK/j11gonxiIGWO+fNOxvg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-arm64": {
+      "version": "1.79.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-arm64/-/sass-embedded-linux-arm64-1.79.3.tgz",
+      "integrity": "sha512-ODo8ghwk6KHxchgwxq4CwgfYwWdreEbsQoukeEgRKxHcuLB9XF6tol9pGlfrc8sYox48Vp5WDCZuzgoo6rJ6tg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-ia32": {
+      "version": "1.79.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-ia32/-/sass-embedded-linux-ia32-1.79.3.tgz",
+      "integrity": "sha512-oC3rUyIE6mEm2etsc4CuNu6IVmB6CoSM4KsubxzCD3S37QFXq8wYbI0t9iiDdTkKb5Iu+vUyhn+tYJRVHg0tvw==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-musl-arm": {
+      "version": "1.79.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-arm/-/sass-embedded-linux-musl-arm-1.79.3.tgz",
+      "integrity": "sha512-TOUYMtDs9xoMsJSEEr7NjtcVCqVpg1eSOQHXXruJ1kiYfxwmHrCYTjTLoefbZ29mWqIq8NUaXJG4rZNDK6NzRA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-musl-arm64": {
+      "version": "1.79.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-arm64/-/sass-embedded-linux-musl-arm64-1.79.3.tgz",
+      "integrity": "sha512-Q9/5lsrK/JnQci3DwxZ9PGIIrRxuo/bySv+gbyVp8Kb7gdkZcEsY7HkxaBJfwVEwpZSGAyCviyZDHDMILjliOw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-musl-ia32": {
+      "version": "1.79.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-ia32/-/sass-embedded-linux-musl-ia32-1.79.3.tgz",
+      "integrity": "sha512-T2uERh3gs9eWUzdkDadPuYbelQJQLZyX8myutUd4fxyrQ7ToQRBwcMoynEjl48DBHnM0oRiJUHrV9uFuJ+fmRA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-musl-riscv64": {
+      "version": "1.79.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-riscv64/-/sass-embedded-linux-musl-riscv64-1.79.3.tgz",
+      "integrity": "sha512-XTuYtTBPFeEjydS2GsIUkMztzXIiz13noknE7m1yAbVxOchu9jD9FCLAdK9pVPPki+9BiLSxsutYwOcQn8atqQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-musl-x64": {
+      "version": "1.79.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-x64/-/sass-embedded-linux-musl-x64-1.79.3.tgz",
+      "integrity": "sha512-gDHfaPlxT/XQTMbfb2y+U6zDMuI8pfapVXTYlUrgYhKH2KoICclIvahhjFii5i5+1dHpfGzjgYKBqI3nvZsYFg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-riscv64": {
+      "version": "1.79.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-riscv64/-/sass-embedded-linux-riscv64-1.79.3.tgz",
+      "integrity": "sha512-NONTa//1ZfxA87+Zjp3rabL+Z9gM67FJBdktRKXXMBAce5i8eCj/eqJGUOGPjYxtvxtQw77cex0qMr9SZnX6ww==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-x64": {
+      "version": "1.79.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-x64/-/sass-embedded-linux-x64-1.79.3.tgz",
+      "integrity": "sha512-drlUqMMw222+f/T5sNrIAv+z0vQwLkO4zAlDmf4biLdWIloPP/3plTodAkMyfagNcvA8jG2jN414pJXBI3zK6w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-win32-arm64": {
+      "version": "1.79.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-win32-arm64/-/sass-embedded-win32-arm64-1.79.3.tgz",
+      "integrity": "sha512-gYz0IUb0fLkHUbhq+HR52wvQfG75Zu1s48/v48TqC+b04H/01k2eiawp/Ec1f+lhpIL/pr5+n5jWR6CjkxPdnQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-win32-ia32": {
+      "version": "1.79.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-win32-ia32/-/sass-embedded-win32-ia32-1.79.3.tgz",
+      "integrity": "sha512-fbDTyzbqRc+xCWZ+YHSDt2WvGk5PW2K0SjyHuwes/Fls1+wdO4iHIukE/pD+HSWytYrtCqhe7EFq5Ug5HxGTLg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-win32-x64": {
+      "version": "1.79.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-win32-x64/-/sass-embedded-win32-x64-1.79.3.tgz",
+      "integrity": "sha512-vvfr6wyCaHvdQbGS8UkYab6DXc1FKJRYFT5aFE3QTVqbzCqmJ5tf80E4+gvB99nljLtMjwKR1d332iWI9KDLhw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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/scss": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/scss/-/scss-0.2.4.tgz",
+      "integrity": "sha512-4u8V87F+Q/upVhUmhPnB4C1R11xojkRkWjExL2v0CX2EXTg18VrKd+9JWoeyCp2VEMdSpJsyAvVU+rVjogh51A==",
+      "dev": true,
+      "dependencies": {
+        "ometa": "0.2.2"
+      },
+      "engines": {
+        "node": ">= 0.2.0"
+      }
+    },
     "node_modules/scule": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/scule/-/scule-1.3.0.tgz",
@@ -10152,6 +10623,13 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/tslib": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.7.0.tgz",
+      "integrity": "sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==",
+      "devOptional": true,
+      "license": "0BSD"
+    },
     "node_modules/type-fest": {
       "version": "3.13.1",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-3.13.1.tgz",
@@ -10636,6 +11114,13 @@
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
       "license": "MIT"
     },
+    "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",
diff --git a/package.json b/package.json
index 38fb8c7..1ff8fe7 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,8 @@
     "vue-router": "latest"
   },
   "devDependencies": {
-    "@nuxtjs/mdc": "^0.9.0"
+    "@nuxtjs/mdc": "^0.9.0",
+    "sass-embedded": "^1.79.3",
+    "scss": "^0.2.4"
   }
 }
diff --git a/pages/downloads/[version].vue b/pages/downloads/[version].vue
index fab41c0..0ea67f9 100644
--- a/pages/downloads/[version].vue
+++ b/pages/downloads/[version].vue
@@ -1,3 +1,55 @@
+<style lang="scss">
+
+.warning {
+	background: #f7f7e2;
+    border: 1px solid #bfbf58;
+    border-radius: 4px;
+	margin-top: 15px;
+    padding: 5px 18px;
+	display: none;
+
+	&.show {
+		display: block;
+	}
+
+	html.dark & {
+		background: #292914;
+		border-color: #37370d;
+	}
+}
+
+.version_box {
+	background: #d6d3f3;
+    border: 1px solid #b0add2;
+    border-radius: 4px;
+    margin-top: 10px;
+	padding: 16px 18px;
+	display: flex;
+
+	&>.version_info {
+		width: 300px;
+	}
+
+	&>.info_box {
+		background: #e0ddf8;
+		border: 1px solid #b0add2;
+		border-radius: 4px;
+		flex-grow: 1;
+
+		html.dark & {
+			background: #1d1c25;
+			border-color: #282730;
+		}
+	}
+
+	html.dark & {
+		background: #19191f;
+		border-color: #2a2932;
+	}
+}
+
+</style>
+
 <script setup lang="ts">
 definePageMeta({
 	name: "Downloads",
@@ -12,31 +64,48 @@ import type { MDCData, MDCParserResult, MDCRoot } from "@nuxtjs/mdc";
 import { parseMarkdown } from "@nuxtjs/mdc/runtime";
 
 const route = useRoute();
-const url = `https://api.github.com/repos/wrapper-offline/wrapper-offline/releases/${
-	route.params.version == "latest" ?
-		"latest" :
-		"tags/" + route.params.version
-}`;
-const response = await fetch(url);
+const Release = useRelease();
+let showWarning = false, errorMsg = "";
+
+let version = "";
+let date = "";
+let subtitle = "";
 
 let ast = ref({
-    data: {} as MDCData,
-    body: {} as MDCRoot,
+	data: {} as MDCData,
+	body: {} as MDCRoot,
 } as MDCParserResult | null);
 
-if (!response.ok) {
-	if (response.status == 404) {
-		goToMainPage();
-	} else {
-		throw new Error(`Response status: ${response.status}`);
+try {
+	const release = await Release.get(route.params.version as string);
+	// display warning if the version is old
+	if (route.params.version != "latest") {
+		const latest:{tag_name:string} = await Release.get("latest");
+		if (latest.tag_name !== (route.params.version as string)) {
+			showWarning = true;
+		}
 	}
-} else {
-	const release = await response.json();
-	ast = await useAsyncData("markdown", () => parseMarkdown(release.body)).data;
-	console.log(ast);
+	const [heading, start, end] = getHeading(release.body);
+	release.body = release.body.substring(end as number + 1);
+	[version, date, subtitle] = (heading as string).split(" - ");
+	version = version.substring(1);
+	ast = useAsyncData("markdown", () => parseMarkdown(release.body)).data;
 	useHead({
 		title: "Downloads",
 	});
+} catch (err:any) {
+	if (err instanceof Error) {
+		const status = err.message.split(":")[1];
+		errorMsg = status;
+		console.log(err);
+	}
+}
+
+function getHeading(md:string) {
+	const startIndex = md.indexOf("#");
+	const endIndex = md.indexOf("\n", startIndex);
+	const heading = md.substring(startIndex, endIndex);
+	return [heading, startIndex, endIndex];
 }
 
 function goToMainPage() {
@@ -46,8 +115,27 @@ function goToMainPage() {
 </script>
 
 <template>
-	<main>
-		<h2>Download Wrapper: Offline</h2>
-		<MDCRenderer :body="ast!.body" :data="ast!.data"/>
-	</main>
+	<div>
+		<Title>Download {{ version }}</Title>
+		<section class="page_heading">
+			<h1>Download Wrapper: Offline</h1>
+			<div ref="msg_container">
+				<Error ref="error" :class="errorMsg.length > 0 ? 'show' : ''">{{errorMsg}}</Error>
+				<div class="warning" :class="showWarning ? 'show' : ''">
+					You are viewing an older version of Wrapper: Offline.
+					<NuxtLink to="/downloads/latest">Click here to visit the latest version.</NuxtLink>
+				</div>
+			</div>
+		</section>
+		<main>
+			<div class="version_box">
+				<div class="version_info">
+					<h2>{{ version.trim() }}</h2>
+					<p>{{ subtitle.trim() }}</p>
+					<small>Released on {{ date.trim() }}</small>
+				</div>
+				<MDCRenderer class="info_box" :body="ast!.body" :data="ast!.data"/>
+			</div>
+		</main>
+	</div>
 </template>
diff --git a/pages/index.vue b/pages/index.vue
index da9bae3..06f4d10 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -7,7 +7,7 @@
 
 <template>
 	<div>
-		<section id="woah">
+		<section class="page_heading">
 			<h1>Ever wanted to make GoAnimate videos?</h1>
 			<p>Now's your chance! Wrapper: Offline provides a fairly easy solution for using GoAnimate/Vyond's "Legacy Video Maker" after its closure.</p>
 		</section>