From 27fac77dfe60af3e94829bfca2933d2980ba2a54 Mon Sep 17 00:00:00 2001
From: Andrew B <bigspeedfpv@gmail.com>
Date: Mon, 17 Apr 2023 15:38:04 -0400
Subject: [PATCH] slightly improve image quality

---
 src/lib/components/Intro.svelte |  6 +++---
 src/routes/+layout.svelte       | 11 +++++++----
 src/routes/+page.svelte         |  4 ++--
 3 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/lib/components/Intro.svelte b/src/lib/components/Intro.svelte
index 630c4da..83705fe 100644
--- a/src/lib/components/Intro.svelte
+++ b/src/lib/components/Intro.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import ProfileImage from '$lib/assets/profile.png?w=175&h=175&webp'; // LSP complains here but it's a thing I pinky promise
+	import ProfileImage from '$lib/assets/profile.png?w=300&h=300&webp'; // LSP complains here but it's a thing I pinky promise
 
 	import skills from '$lib/skills';
     // This is a bit of a hack to get the skills to wrap nicely on smaller screens
@@ -18,7 +18,7 @@
 </div>
 
 <div class="w-screen h-screen flex flex-col md:flex-row justify-center items-center p-6 gap-4 md:gap-8 fixed top-0 left-0">
-	<img src={ProfileImage} alt="Profile" class="rounded-full shadow-2xl" />
+	<img src={ProfileImage} alt="Profile" class="rounded-full shadow-2xl w-32 h-32 md:w-64 md:h-64" />
 
 	<div class="flex flex-col justify-center align-center md:align-left gap-4 md:gap-2">
 		<h1 class="text-5xl text-center md:text-left">Hey! I'm <strong>Andrew</strong>.</h1>
@@ -26,7 +26,7 @@
 		<div class="whitespace-nowrap text-center md:text-left">
 			{#each skills as skill, index}
 				<a href={skill.href}>
-					<img src={skill.src} class="inline-block w-10" alt={skill.alt} />
+					<img src={skill.src} class="inline-block h-10 w-10" alt={skill.alt} />
 				</a>
                 {#if skillsHalfwayPoint === index + 1}
                     <wbr />
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index eba3086..2bcda48 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -5,14 +5,17 @@
 
 <svelte:head>
 	<style uno:preflights uno:safelist global></style>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
 </svelte:head>
 
-<div class="bg-gray-950 text-white">
+<div>
 	<slot />
 </div>
 
 <style>
-	* {
-		box-sizing: border-box;
-	}
+    :global(html) {
+        background-color: rgb(3 7 18);
+        color: white;
+    }
 </style>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 03fed4d..afbac67 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -8,8 +8,8 @@
 </script>
 
 <svelte:head>
-	<title>Home</title>
-	<meta name="description" content="Svelte demo app" />
+	<title>Andrew Brower</title>
+	<meta name="description" content="Andrew Brower (bigspeed)'s homepage." />
 </svelte:head>
 
 <section>
-- 
2.51.2