feat: nicer homescreen ui

src/lib/components/molecules/ContributorHost.svelte

@@ -1,6 +1,15 @@
 <script lang="ts">
     import ContributorButton from "../atoms/ContributorButton.svelte";
     export let peoples: Array<String>;
+
+    import { onMount } from 'svelte';
+    
+	onMount(async () => {
+		const response = await fetch('https://releases.rvcd.win/contributors');
+		const json = await response.json();
+        console.log(json);
+	});
+
 </script>
 
 <div class="social-host">

src/lib/components/molecules/DownloadChannelHost.svelte

@@ -1,34 +0,0 @@
-<script>
-	import DownloadChannel from '../atoms/DownloadChannel.svelte';
-	import { createEventDispatcher } from 'svelte';
-
-	const dispatch = createEventDispatcher();
-
-	export let items = ['Stable', 'Development'];
-
-	export let activeTab = 'Stable';
-
-	$: handleTabChange = (item) => {
-		activeTab = item;
-	};
-</script>
-
-<div class="download-channel">
-	{#each items as item}
-		<DownloadChannel active={item === activeTab} 
-			on:click={handleTabChange(item)}>
-				{item}
-		</DownloadChannel>
-	{/each}
-</div>
-
-<style>
-	.download-channel {
-		background-color: var(--grey-one);
-		border-radius: 200px;
-		padding: 0.5rem 0.5rem;
-        display: grid;
-		grid-template-columns: 1fr 1fr;
-		gap:1rem;
-	}
-</style>

src/lib/components/molecules/DownloadSelectorHost.svelte

@@ -17,7 +17,7 @@
         background-color: var(--grey-one);
         margin-top: 2rem;
         padding: 0.75rem 0.75rem;
-        border-radius: 25px;
+        border-radius: 16px;
     }
 
     .main {

src/lib/components/molecules/NavHost.svelte

@@ -17,7 +17,7 @@
 	});
 </script>
 
-<div class="wrapper">
+<div class="nav-parent">
 	<nav>
 		<a href="/">
 			<div class="logo">
@@ -41,12 +41,19 @@
 </div>
 
 <style>
+
+	.nav-parent {
+		background-color: var(--grey-six);
+		padding: 0 5rem;
+		margin-bottom: 1rem;
+	}
+
 	nav {
 		top: 0;
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
-		min-height: 90px;
+		min-height: 70px;
 		width: 100%;
 	}
 
@@ -56,15 +63,13 @@
 		align-items: center;
 	}
 
-	.logo {
-		display: flex;
-	}
 
 	a {
 		text-decoration: none;
 	}
 	.logo-image {
-		width: 2.9rem;
+		width: 2.4rem;
+		height: auto;
 		cursor: pointer;
 	}
 
@@ -73,7 +78,7 @@
 		margin-left: 1rem;
 		font-size: 2.4rem;
 		letter-spacing: -0.04em;
-		height:90%;
+		height: 90%;
 	}
 
 	h1 span {

src/lib/components/molecules/SocialHost.svelte

@@ -19,7 +19,7 @@
 		position: absolute;
 		display: flex;
 		bottom: 2rem;
-        gap: 1.5rem;
+        gap: 1rem;
 		left: 0;
 	}