fix: Add missing socials (#174)

Co-authored-by: Ushie <ushiekane@gmail.com>

src/layout/Hero/SocialButton.svelte

@@ -1,16 +1,11 @@
 <script lang="ts">
 	import type { Social } from '$lib/types';
-	export let social = '';
+	export let social: Social;
-	export let data: Social[];
 </script>
 
-<a
+<a href={social.url} rel="noreferrer" target="_blank">
-	href={data.find((jsonSocial) => jsonSocial.name.toLowerCase() === social.toLowerCase())?.url}
-	rel="noreferrer"
-	target="_blank"
->
 	<div>
-		<img src="socials/{social}.svg" alt={social} />
+		<img src="socials/{social.name.toLowerCase()}.svg" alt={social.name} />
 	</div>
 </a>
 

src/layout/Hero/SocialHost.svelte

@@ -10,10 +10,9 @@
 <div class="social-host">
 	<Query {query} let:data>
 		{#if data}
-			<SocialButton social="github" data={data.socials} />
+			{#each data.socials.filter((s) => s.name != 'Website') as social}
-			<SocialButton social="discord" data={data.socials} />
+				<SocialButton {social} />
-			<SocialButton social="reddit" data={data.socials} />
+			{/each}
-			<SocialButton social="telegram" data={data.socials} />
 		{/if}
 	</Query>
 </div>
@@ -36,6 +35,7 @@
 			left: 0;
 			width: 100%;
 			display: flex;
+			flex-wrap: wrap;
 			justify-content: center;
 		}
 	}

static/socials/twitter.svg

@@ -0,0 +1,6 @@
+<svg width="407" height="407" viewBox="0 0 407 407" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="m237.5 175.17 133.06-154.67h-31.531l-115.54 134.3-92.278-134.3h-106.43l139.54 203.08-139.54 162.2h31.533l122.01-141.82 97.453 141.82h106.43l-144.72-210.61zm-43.188 50.202-14.139-20.223-112.5-160.91h48.432l90.785 129.86 14.139 20.223 118.01 168.8h-48.432l-96.3-137.74z"
+        fill="#d0d0d0" />
+</svg>

static/socials/youtube.svg

@@ -0,0 +1,9 @@
+<svg width="407" height="284.97" viewBox="0 0 407 284.97" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <g>
+        <path
+            d="m203.5 0s-127.4-4.7866e-4 -159.25 8.3809c-17.098 4.6935-31.179 18.774-35.873 36.207-8.3813 31.849-8.3809 97.895-8.3809 97.895s-4.7866e-4 66.381 8.3809 97.895c4.6935 17.433 18.44 31.18 35.873 35.873 32.184 8.7166 159.25 8.7168 159.25 8.7168s127.4-1e-3 159.24-8.3828c17.433-4.6936 31.18-18.438 35.873-35.871 8.3813-31.849 8.3809-97.895 8.3809-97.895s0.33573-66.381-8.3809-98.23c-4.6936-17.433-18.44-31.178-35.873-35.871-31.849-8.7166-159.24-8.7168-159.24-8.7168zm-40.566 81.467 105.94 61.016-105.94 61.018z"
+            fill="#d0d0d0" />
+        <path d="m162.93 81.467v122.03l105.94-61.018z" />
+    </g>
+</svg>