Meta and HackCard Update

src/lib/components/HackCard.svelte

@@ -119,16 +119,20 @@
 					href={repo}
 					target="_blank"
 					rel="noreferrer"
-					class="btn btn-sm variant-ghost-secondary w-full">Repo</a
+					class="btn btn-sm variant-ghost-secondary w-full"
 				>
+					<span class="icon-[simple-icons--github]"></span>
+					<span class="ml-1">Repo</span>
+				</a>
 			{/if}
 			{#if link}
 				<a
 					href={link}
 					target="_blank"
 					rel="noreferrer"
-					class="btn btn-sm variant-ghost-tertiary w-full">Website</a
+					class="btn btn-sm variant-ghost-tertiary w-full">
-				>
+					<span class="ml-1">Website</span>
+				</a>
 			{/if}
 		</div>
 	</div>

src/routes/+layout.svelte

@@ -3,20 +3,36 @@
 	import { initializeStores, Modal } from '@skeletonlabs/skeleton';
 
 	import { AppShell } from '@skeletonlabs/skeleton';
-	import Footer from '$lib/components/Footer.svelte';
+	//import Footer from '$lib/components/Footer.svelte';
 	import NavBar from '$lib/components/NavBar.svelte';
 
 	initializeStores();
 </script>
 
 <svelte:head>
-    <title>Sir Blob</title>
+	<!-- Primary meta tags -->
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+	<title>Sir Blob — Personal website & portfolio</title>
 
-    <link rel="icon" href="https://i.ibb.co/Q6sTVs2/icon.png">
+	<link rel="icon" href="/blob_nerd.png" />
 
-    <meta name="description" content="Sir Blob's personal website and portfolio.">
+	<meta name="description" content="Portfolio and projects by Sir Blob." />
-    
+
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700&display=swap" />
+	<!-- Open Graph / Facebook -->
+	<meta property="og:type" content="website" />
+	<meta property="og:title" content="Sir Blob — Personal website & portfolio" />
+	<meta property="og:description" content="Portfolio and projects by Sir Blob." />
+	<meta property="og:image" content="/blob_nerd.png" />
+
+	<!-- Twitter -->
+	<meta name="twitter:card" content="summary_large_image" />
+	<meta name="twitter:title" content="Sir Blob — Personal website & portfolio" />
+	<meta name="twitter:description" content="Portfolio and projects by Sir Blob." />
+	<meta name="twitter:image" content="/blob_nerd.png" />
+
+	<!-- Fonts -->
+	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700&display=swap" />
 </svelte:head>
 
 <Modal />