From adaaa53d2a20e7906e059657a3202a9054ff8f49 Mon Sep 17 00:00:00 2001
From: Ushie <ushiekane@gmail.com>
Date: Tue, 19 Jul 2022 03:53:27 +0300
Subject: [PATCH] a idk if i broke something but push comes

---
 .../components/atoms/ContributorButton.svelte | 27 ++++++++++------
 src/lib/components/atoms/HeroImage.svelte     |  2 +-
 .../components/atoms/IndexHeroTitle.svelte    |  4 ++-
 src/lib/components/atoms/Navigation.svelte    |  1 -
 src/lib/components/atoms/SocialButton.svelte  |  1 -
 .../molecules/ContributorHost.svelte          | 32 +++++++++++++++++++
 src/lib/components/molecules/NavHost.svelte   |  1 -
 .../organisms/IndexDescription.svelte         |  5 ++-
 src/routes/__layout.svelte                    |  1 +
 src/routes/credits.svelte                     |  9 ++++++
 src/routes/index.svelte                       |  1 +
 11 files changed, 69 insertions(+), 15 deletions(-)

diff --git a/src/lib/components/atoms/ContributorButton.svelte b/src/lib/components/atoms/ContributorButton.svelte
index e4194a8..0a5ef6c 100644
--- a/src/lib/components/atoms/ContributorButton.svelte
+++ b/src/lib/components/atoms/ContributorButton.svelte
@@ -1,13 +1,16 @@
 <script>
-	export let href = '#';
+	export let href = "https://github.com/ushie"
+	export let src = "https://github.com/ushie.png"
+	export let alt = "Contributors Image"
 </script>
 
-
-<button>
+<div>
 	<a {href}>
-		<slot/>
+		<button>
+			<img {src} {alt}><slot/>
+		</button>
 	</a>
-</button>
+</div>
 
 <style>
 	a {
@@ -20,10 +23,10 @@
 		border-radius: 200px;
         border: 0;
 		padding: 5px 5px;
-        width:128px;
-        height:128px;
-        max-height: 128px;
-        max-width: 128px;
+        width:86px;
+        height:86px;
+        max-height: 86px;
+        max-width: 86px;
 		cursor: pointer;
 		background-color: var(--grey-four);
 		font-size: 1.5rem;
@@ -36,4 +39,10 @@
 	button:hover {
 		transform: translate(-5%, -5%);
 	}
+
+	img {
+		border-radius: 50%;
+        max-height: 86px;
+        max-width: 86px;
+	}
 </style>
diff --git a/src/lib/components/atoms/HeroImage.svelte b/src/lib/components/atoms/HeroImage.svelte
index 323cce8..e6a8209 100644
--- a/src/lib/components/atoms/HeroImage.svelte
+++ b/src/lib/components/atoms/HeroImage.svelte
@@ -2,7 +2,7 @@
  
 </script>
 
-<div class="hero-img" style ="background-image:url('/manager.png')" alt="Screenshot of ReVanced Manager">afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real </div>
+<div class="hero-img" style ="background-image:url('/manager.png')" alt="Screenshot of ReVanced Manager"></div>
 
 <style>
 	.hero-img {
diff --git a/src/lib/components/atoms/IndexHeroTitle.svelte b/src/lib/components/atoms/IndexHeroTitle.svelte
index 116d2ab..583c37b 100644
--- a/src/lib/components/atoms/IndexHeroTitle.svelte
+++ b/src/lib/components/atoms/IndexHeroTitle.svelte
@@ -1,4 +1,6 @@
-<h1><span class="redder">Re</span>Vanced</h1>
+<h1>
+	<span class="redder">Re</span>Vanced
+</h1>
 
 <style>
 	.redder {
diff --git a/src/lib/components/atoms/Navigation.svelte b/src/lib/components/atoms/Navigation.svelte
index 6d3674d..e910ea1 100644
--- a/src/lib/components/atoms/Navigation.svelte
+++ b/src/lib/components/atoms/Navigation.svelte
@@ -2,7 +2,6 @@
 	import { page } from '$app/stores';
 	export let href = '/';
 	$: current = (href == $page.url.pathname);
-
 </script>
 
 <a {href}>
diff --git a/src/lib/components/atoms/SocialButton.svelte b/src/lib/components/atoms/SocialButton.svelte
index 20cfeb7..70de19f 100644
--- a/src/lib/components/atoms/SocialButton.svelte
+++ b/src/lib/components/atoms/SocialButton.svelte
@@ -4,7 +4,6 @@
     export let href = '#';
 </script>
 
-
 <button>
     <a {href}>
         <img {src} {alt}>
diff --git a/src/lib/components/molecules/ContributorHost.svelte b/src/lib/components/molecules/ContributorHost.svelte
index 650b0e4..9785462 100644
--- a/src/lib/components/molecules/ContributorHost.svelte
+++ b/src/lib/components/molecules/ContributorHost.svelte
@@ -4,9 +4,41 @@
 
 <div class="social-host">
     <ContributorButton></ContributorButton>
+    <ContributorButton></ContributorButton>
+    <ContributorButton></ContributorButton>
+    <ContributorButton></ContributorButton>
+    <ContributorButton></ContributorButton>
+    <ContributorButton></ContributorButton>
+    <ContributorButton></ContributorButton>
+    <ContributorButton></ContributorButton>
+    <ContributorButton></ContributorButton>
+    <ContributorButton></ContributorButton>
+    <ContributorButton></ContributorButton>
+    <ContributorButton></ContributorButton>
+    <ContributorButton></ContributorButton>    
+    <ContributorButton></ContributorButton>
+    <ContributorButton></ContributorButton>
+    <ContributorButton></ContributorButton>
+    <ContributorButton></ContributorButton>
+    <ContributorButton></ContributorButton>
+    <ContributorButton></ContributorButton>
+    <ContributorButton></ContributorButton>
+    <ContributorButton></ContributorButton>
+    <ContributorButton></ContributorButton>
+    <ContributorButton></ContributorButton>
+    <ContributorButton></ContributorButton>
+    <ContributorButton></ContributorButton>
+    <ContributorButton></ContributorButton>
 </div>
 
 <style>
+	div {
+		display: grid;
+		grid-column: 9;
+		gap: 100px;
+		grid-column-start: 1;
+		grid-column-end: 9;
+	}
     .social-host {
         width: 100;
         justify-content: space-between;
diff --git a/src/lib/components/molecules/NavHost.svelte b/src/lib/components/molecules/NavHost.svelte
index 807a154..e43aca0 100644
--- a/src/lib/components/molecules/NavHost.svelte
+++ b/src/lib/components/molecules/NavHost.svelte
@@ -26,5 +26,4 @@
 	.logo {
 		width: 3rem;
 	}
-
 </style>
diff --git a/src/lib/components/organisms/IndexDescription.svelte b/src/lib/components/organisms/IndexDescription.svelte
index 07b1a96..d5796a1 100644
--- a/src/lib/components/organisms/IndexDescription.svelte
+++ b/src/lib/components/organisms/IndexDescription.svelte
@@ -7,7 +7,10 @@
     <div class="hero-text">
         <!-- <img class="hero-img" src="/manager.png" alt="Screenshot of ReVanced Manager" /> -->
         <IndexHeroTitle></IndexHeroTitle>
-        <h3>An extensible framework for<br />building application mods.</h3>
+        <h3>
+			An extensible framework for<br />
+			building application mods.
+		</h3>
         <Button kind="primary" href="/download">Download</Button>
         <Button href="/docs">Read The Docs</Button>
     </div>
diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
index 04e4035..7b76219 100644
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@@ -43,6 +43,7 @@ import SocialHost from "$lib/components/molecules/SocialHost.svelte";
 	}
 
 	:global(body) {
+		overflow-y: hidden;
 		margin: 0;
 		padding: 0;
 		line-height: 1.3;
diff --git a/src/routes/credits.svelte b/src/routes/credits.svelte
index e69de29..a6b5369 100644
--- a/src/routes/credits.svelte
+++ b/src/routes/credits.svelte
@@ -0,0 +1,9 @@
+<script>
+	import Wave from '$lib/components/atoms/Wave.svelte';
+    import ContributorHost from '$lib/components/molecules/ContributorHost.svelte';
+	import SocialHost from '$lib/components/molecules/SocialHost.svelte';
+    </script>
+
+<div class="wrapper">
+    <ContributorHost></ContributorHost>
+</div>
\ No newline at end of file
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 881ad7f..f9a6419 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -7,6 +7,7 @@
 
 <div class="wrapper">
 	<IndexDescription />
+	<HeroImage />
 </div>
 
 <Wave />