From 0641838433831d8b21cd4186434f25e86854aac8 Mon Sep 17 00:00:00 2001
From: Sir Blob <adithcool.5@gmail.com>
Date: Tue, 4 Nov 2025 04:46:47 +0000
Subject: [PATCH] Meta and HackCard Update

---
 src/lib/components/HackCard.svelte | 10 +++++++---
 src/routes/+layout.svelte          | 28 ++++++++++++++++++++++------
 2 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/src/lib/components/HackCard.svelte b/src/lib/components/HackCard.svelte
index 1e62601..2146291 100644
--- a/src/lib/components/HackCard.svelte
+++ b/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>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index e518335..99ca528 100644
--- a/src/routes/+layout.svelte
+++ b/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.">
-    
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700&display=swap" />
+	<meta name="description" content="Portfolio and projects by Sir Blob." />
+
+	<!-- 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 />