From 44db0a7ff363c0fcdf7d18cb90322a43a7250737 Mon Sep 17 00:00:00 2001
From: afn <47723802+afnzmn@users.noreply.github.com>
Date: Thu, 20 Oct 2022 18:52:52 -0400
Subject: [PATCH] feat: footer

---
 src/lib/components/molecules/Footer.svelte | 95 ++++++++++++++++++++++
 src/routes/credits/+page.svelte            |  3 +
 src/routes/patches/+page.svelte            |  2 +
 3 files changed, 100 insertions(+)
 create mode 100644 src/lib/components/molecules/Footer.svelte

diff --git a/src/lib/components/molecules/Footer.svelte b/src/lib/components/molecules/Footer.svelte
new file mode 100644
index 0000000..16999ce
--- /dev/null
+++ b/src/lib/components/molecules/Footer.svelte
@@ -0,0 +1,95 @@
+<script>
+</script>
+
+<hr />
+
+<footer>
+	<section class="main-content">
+		<img src="/logo.svg" class="logo-image" alt="ReVanced Logo" />
+		<div>
+			<h1>
+                <span>Re</span>Vanced
+            </h1>
+			<h6>Copyright © 2022, we are very legal</h6>
+		</div>
+	</section>
+
+	<section class="links-container">
+		<div class="link-column">
+			<h5>Pages</h5>
+			<h6>Home</h6>
+			<h6>Download</h6>
+			<h6>Docs</h6>
+			<h6>Patches</h6>
+			<h6>Credits</h6>
+		</div>
+		<div class="link-column">
+			<h5>Repos</h5>
+			<h6>CLI</h6>
+			<h6>Patcher</h6>
+			<h6>Patches</h6>
+			<h6>Integrations</h6>
+			<h6>Manager</h6>
+			<h6>Website</h6>
+			<h6>API</h6>
+		</div>
+		<div class="link-column">
+			<h5>Repos</h5>
+			<h6>CLI</h6>
+			<h6>Patcher</h6>
+			<h6>Patches</h6>
+			<h6>Integrations</h6>
+			<h6>Manager</h6>
+			<h6>Website</h6>
+			<h6>API</h6>
+		</div>
+	</section>
+</footer>
+
+<style>
+
+	footer {
+		margin: 4rem 0 5rem 0;
+		margin-inline: auto;
+		display: flex;
+		justify-content: space-between;
+		width: min(85%, 90rem);
+	}
+
+	.main-content {
+		display: flex;
+		gap: 1rem;
+	}
+
+    .main-content span {
+        color: var(--accent-color);
+    }
+
+    .main-content h1 {
+        letter-spacing: -0.04rem;
+        margin-bottom: 0.5rem;
+    }
+
+	img {
+		height: 3rem;
+	}
+
+	.links-container {
+		display: flex;
+		gap: 5rem;
+	}
+
+	.link-column {
+		display: flex;
+		gap: 0.5rem;
+		flex-direction: column;
+	}
+
+	hr {
+		display: block;
+		height: 1px;
+		border: 0;
+		border-top: 1px solid var(--grey-three);
+		margin-top: 1rem;
+	}
+</style>
diff --git a/src/routes/credits/+page.svelte b/src/routes/credits/+page.svelte
index bc08ad8..8da5307 100644
--- a/src/routes/credits/+page.svelte
+++ b/src/routes/credits/+page.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import ContributorHost from '$lib/components/molecules/ContributorHost.svelte';
 	import ContributorsStore from '../../lib/stores/ContributorsStore.js';
+    import Footer from '$lib/components/atoms/Footer.svelte';
 	import { onMount } from 'svelte';
 	import { fly } from 'svelte/transition';
 	import { quintOut } from 'svelte/easing';
@@ -32,3 +33,5 @@
 		margin-bottom: 3rem;
 	}
 </style>
+
+<Footer />
\ No newline at end of file
diff --git a/src/routes/patches/+page.svelte b/src/routes/patches/+page.svelte
index 98a0326..5cbe0da 100644
--- a/src/routes/patches/+page.svelte
+++ b/src/routes/patches/+page.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
     import Patch from "$lib/components/atoms/Patch.svelte";
     import PatchesStore from "$lib/stores/PatchesStore";
+    import Footer from "$lib/components/atoms/Footer.svelte";
     import { onMount } from "svelte";
     import { fly } from 'svelte/transition';
     import { quintOut } from 'svelte/easing';
@@ -74,6 +75,7 @@
     {/if}
 </section>
 
+<Footer/>
 <style>
     section {
         padding-top: 4.25rem;