fix: misc fixes

src/app.css

@@ -42,7 +42,7 @@ body {
     --grey-one: #252b31;
     --grey-two: #28313b;
     --grey-three: #373e4d;
-    --grey-four: #1b1e29;
+    --grey-four: #182244;
     --grey-five: hsl(208, 30%, 75%);
     --grey-six: hsla(223, 14%, 15%, 0.655);
     --grey-seven: #535563;

src/lib/components/atoms/Spinner.svelte

@@ -14,8 +14,8 @@
 		content: '';
 		box-sizing: border-box;
 		position: fixed;
-		top: 48.25%;
-		left: 48.25%;
+		top: 50%;
+		left: 50%;
 		width: 50px;
 		height: 50px;
 		border-radius: 50%;

src/lib/components/molecules/Footer.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import type { Contributor, Repository } from 'src/data/types';
+	import type { Repository } from 'src/data/types';
 
 	export let repositories: Repository[];
 </script>
@@ -24,8 +24,9 @@
 			<a href="/download"><h6>Download</h6></a>
 			<a href="/docs"><h6>Docs</h6></a>
 			<a href="/patches"><h6>Patches</h6></a>
-			<a href="/credits"><h6>Credits</h6></a>
+			<a href="/contributors"><h6>Contributors</h6></a>
 		</div>
+		{#if repositories.length}
 			<div class="link-column">
 				<h5>Repos</h5>
 				{#each repositories as { name }}
@@ -43,6 +44,7 @@
 					</a>
 				{/each}
 			</div>
+		{/if}
 		<div class="link-column">
 			<!-- to replace -->
 			<h5>Socials</h5>
@@ -57,8 +59,6 @@
 </footer>
 
 <style>
-
-
 	footer {
 		margin: 4rem 0 5rem 0;
 		margin-inline: auto;
@@ -95,7 +95,7 @@
 
 	.links-container {
 		display: flex;
-		gap: 5rem;
+		gap: 4rem;
 	}
 
 	.link-column {

src/lib/components/molecules/PatchCell.svelte

@@ -26,7 +26,8 @@
 					.replace(/Microg/g, 'MicroG')
 					.replace(/Hdr/g, 'HDR')
 					.replace(/Sponsorblock/g, 'SponsorBlock')
-					.replace(/Tiktok/g, 'TikTok')}
+					.replace(/Tiktok/g, 'TikTok')
+					.replace(/Vr/g, 'VR')}
 			</h1>
 		</div>
 

src/routes/+error.svelte

@@ -12,9 +12,7 @@
 			{$page.error.message}
 		</p>
 	{:else if status == 404}
-    <p>
-      That page received a cease and desist letter from a multi-billion dollar tech company.
-    </p>
+		<p>That page received a cease and desist letter from a multi-billion dollar tech company.</p>
 		<br />
 		<Navigation href="/" is_selected={() => true}>Home</Navigation>
 	{/if}

src/routes/+layout.svelte

@@ -38,7 +38,6 @@
 	<meta name="twitter:image" itemprop="image" content="/embed.png" />
 	<meta name="twitter:card" content="summary_large_image" />
 	<meta name="theme-color" content="#0f111a" />
-	<title>ReVanced</title>
 </svelte:head>
 
 <NavHost />

src/routes/+page.svelte

@@ -5,6 +5,12 @@
 	import Wave from '$lib/components/atoms/Wave.svelte';
 </script>
 
+<svelte:head>
+	<title>ReVanced</title>
+	<meta content="ReVanced" name="og:title" />
+	<meta content="ReVanced" name="twitter:title" />
+</svelte:head>
+
 <main>
 	<div class="wrap">
 		<div class="wrappezoid">

src/routes/contributors/+page.svelte

@@ -12,6 +12,12 @@
   export let data: PageData;
 </script>
 
+<svelte:head>
+	<title>ReVanced | Contributors</title>
+	<meta content="ReVanced | Contributors" name="og:title" />
+	<meta content="ReVanced | Contributors" name="twitter:title" />
+</svelte:head>
+
 <main>
 	<div class="wrapper">
 		<div class="text-container" in:fly={{ y: 10, easing: quintOut, duration: 750 }}>

src/routes/docs/+page.svelte

@@ -5,6 +5,12 @@
 	import Button from '$lib/components/atoms/Button.svelte';
 </script>
 
+<svelte:head>
+	<title>ReVanced | Docs</title>
+	<meta content="ReVanced | Docs" name="og:title" />
+	<meta content="ReVanced | Docs" name="twitter:title" />
+</svelte:head>
+
 <main in:fly={{ y: 10, easing: quintOut, duration: 700 }}>
 	<div class="menu">
 		<div class="doc-section-selected">

src/routes/patches/+page.svelte

@@ -31,9 +31,9 @@
 </script>
 
 <svelte:head>
-	<title>Revanced - Patches</title>
-	<meta content="Revanced - Patches" name="og:title" />
-	<meta content="Revanced - Patches" name="twitter:title" />
+	<title>ReVanced | Patches</title>
+	<meta content="ReVanced | Patches" name="og:title" />
+	<meta content="ReVanced | Patches" name="twitter:title" />
 </svelte:head>
 
 <main>