From 38687efaafdaaa97727d8bc65c3fc7b8eb7577c4 Mon Sep 17 00:00:00 2001
From: Nitrrine <nitrrine@team.lodine.xyz>
Date: Sun, 29 Sep 2024 23:49:34 +0500
Subject: [PATCH 1/2] Improve accessibility by putting icons first

---
 src/layouts/Default.astro |  4 ++--
 src/pages/index.astro     | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/layouts/Default.astro b/src/layouts/Default.astro
index d8e1090..1bc2d48 100644
--- a/src/layouts/Default.astro
+++ b/src/layouts/Default.astro
@@ -97,9 +97,9 @@ if (title === "" || title === undefined) {
 					<div class="flex flex-col gap-2 border-l bg-brand-green-dark p-6">
 						<span class="font-bold">Interact</span>
 						<VitalLink external={true} to="https://discord.gg/wncdz7e8jy"
-							>Discord <MessageSquare /></VitalLink
+							><MessageSquare />Discord</VitalLink
 						>
-						<VitalLink external={true} to="https://github.com/usevital">Github<Github /></VitalLink>
+						<VitalLink external={true} to="https://github.com/usevital"><Github />Github</VitalLink>
 					</div>
 					<div class="flex flex-col gap-2 border-l bg-brand-rose-dark p-6">
 						<span class="font-bold">Extra</span>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index d666e40..addb47b 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -9,7 +9,7 @@ import Default from "../layouts/Default.astro";
 	<div class="flex h-full flex-col justify-center gap-2">
 		<div class="flex w-full flex-col">
 			<div class="flex w-full flex-col gap-2 border-b bg-gradient-to-bl from-black to-brand-purple-dark p-8">
-				<span class="flex flex-row items-center gap-2 text-4xl font-bold">Vital<Logo type="vital" /></span>
+				<span class="flex flex-row items-center gap-2 text-4xl font-bold"><Logo type="vital" />Vital</span>
 				<span
 					>Vital is a modpack designed as an alternative to Essential (and OptiFine). It includes the majority
 					of Essential and OptiFine's features, including but not limited to: world hosting, cosmetics, many
@@ -21,7 +21,7 @@ import Default from "../layouts/Default.astro";
 				</div>
 			</div>
 			<div class="flex w-full flex-col gap-2 border-b bg-gradient-to-bl from-black to-brand-blue-dark p-8">
-				<span class="flex flex-row items-center gap-2 text-4xl font-bold">NotEssential<Logo type="ne" /></span>
+				<span class="flex flex-row items-center gap-2 text-4xl font-bold"><Logo type="ne" />NotEssential</span>
 				<span>NotEssential is a website which links to mods that can substitute Essential's features.</span>
 
 				<div class="flex flex-row flex-wrap items-center gap-2">
@@ -51,7 +51,7 @@ import Default from "../layouts/Default.astro";
 			<div class="grid w-full grid-cols-1 border-b md:grid-cols-2">
 				<div
 					class="flex w-full flex-col gap-2 bg-gradient-to-bl from-brand-background-secondary to-brand-green-dark p-8">
-					<span class="flex flex-row items-center gap-2 text-4xl font-bold">Ward<Logo type="ward" /></span>
+					<span class="flex flex-row items-center gap-2 text-4xl font-bold"><Logo type="ward" />Ward</span>
 					<span
 						>Ward is a simple text manipulator for the web. Made to do silly translations for NotEssential.</span
 					>
@@ -74,7 +74,7 @@ import Default from "../layouts/Default.astro";
 				</div>
 				<div class="flex w-full flex-col gap-2 border-l bg-gradient-to-bl from-black to-cyan-900 p-8">
 					<span class="flex flex-row items-center gap-2 text-4xl font-bold"
-						>Translator<Logo fill={true} type="ward" /></span
+						><Logo fill={true} type="ward" /> Translator</span
 					>
 					<span
 						>A python script that can help you convert and manipulate your text in many different ways.</span
@@ -91,7 +91,7 @@ import Default from "../layouts/Default.astro";
 				</div>
 			</div>
 			<div class="flex w-full flex-col gap-2 border-b bg-gradient-to-bl from-black to-brand-rose-dark p-8">
-				<span class="flex flex-row items-center gap-2 text-4xl font-bold">Bulb<Logo type="bulb" /></span>
+				<span class="flex flex-row items-center gap-2 text-4xl font-bold"><Logo type="bulb" />Bulb</span>
 				<span>Bulb is a work in progress. Watch this space.</span>
 			</div>
 		</div>

From 414e9420ecfa3cd4749b29eac8150e73f04ca7f7 Mon Sep 17 00:00:00 2001
From: Nitrrine <nitrrine@team.lodine.xyz>
Date: Mon, 30 Sep 2024 00:11:02 +0500
Subject: [PATCH 2/2] Revert changes for titles

---
 src/pages/index.astro | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index addb47b..d666e40 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -9,7 +9,7 @@ import Default from "../layouts/Default.astro";
 	<div class="flex h-full flex-col justify-center gap-2">
 		<div class="flex w-full flex-col">
 			<div class="flex w-full flex-col gap-2 border-b bg-gradient-to-bl from-black to-brand-purple-dark p-8">
-				<span class="flex flex-row items-center gap-2 text-4xl font-bold"><Logo type="vital" />Vital</span>
+				<span class="flex flex-row items-center gap-2 text-4xl font-bold">Vital<Logo type="vital" /></span>
 				<span
 					>Vital is a modpack designed as an alternative to Essential (and OptiFine). It includes the majority
 					of Essential and OptiFine's features, including but not limited to: world hosting, cosmetics, many
@@ -21,7 +21,7 @@ import Default from "../layouts/Default.astro";
 				</div>
 			</div>
 			<div class="flex w-full flex-col gap-2 border-b bg-gradient-to-bl from-black to-brand-blue-dark p-8">
-				<span class="flex flex-row items-center gap-2 text-4xl font-bold"><Logo type="ne" />NotEssential</span>
+				<span class="flex flex-row items-center gap-2 text-4xl font-bold">NotEssential<Logo type="ne" /></span>
 				<span>NotEssential is a website which links to mods that can substitute Essential's features.</span>
 
 				<div class="flex flex-row flex-wrap items-center gap-2">
@@ -51,7 +51,7 @@ import Default from "../layouts/Default.astro";
 			<div class="grid w-full grid-cols-1 border-b md:grid-cols-2">
 				<div
 					class="flex w-full flex-col gap-2 bg-gradient-to-bl from-brand-background-secondary to-brand-green-dark p-8">
-					<span class="flex flex-row items-center gap-2 text-4xl font-bold"><Logo type="ward" />Ward</span>
+					<span class="flex flex-row items-center gap-2 text-4xl font-bold">Ward<Logo type="ward" /></span>
 					<span
 						>Ward is a simple text manipulator for the web. Made to do silly translations for NotEssential.</span
 					>
@@ -74,7 +74,7 @@ import Default from "../layouts/Default.astro";
 				</div>
 				<div class="flex w-full flex-col gap-2 border-l bg-gradient-to-bl from-black to-cyan-900 p-8">
 					<span class="flex flex-row items-center gap-2 text-4xl font-bold"
-						><Logo fill={true} type="ward" /> Translator</span
+						>Translator<Logo fill={true} type="ward" /></span
 					>
 					<span
 						>A python script that can help you convert and manipulate your text in many different ways.</span
@@ -91,7 +91,7 @@ import Default from "../layouts/Default.astro";
 				</div>
 			</div>
 			<div class="flex w-full flex-col gap-2 border-b bg-gradient-to-bl from-black to-brand-rose-dark p-8">
-				<span class="flex flex-row items-center gap-2 text-4xl font-bold"><Logo type="bulb" />Bulb</span>
+				<span class="flex flex-row items-center gap-2 text-4xl font-bold">Bulb<Logo type="bulb" /></span>
 				<span>Bulb is a work in progress. Watch this space.</span>
 			</div>
 		</div>