From 370db0e0928d0c259cd9e09378544565fb964db2 Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@pm.me>
Date: Thu, 16 Feb 2023 22:54:49 -0800
Subject: [PATCH] Adding eager to images at the top of the fold.

---
 src/routes/portfolio/+page.svelte | 4 ++--
 src/routes/uses/+page.svelte      | 6 ++++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/routes/portfolio/+page.svelte b/src/routes/portfolio/+page.svelte
index 5a00f41..ea0811a 100644
--- a/src/routes/portfolio/+page.svelte
+++ b/src/routes/portfolio/+page.svelte
@@ -48,8 +48,8 @@
 					<div class="gridItemStyles">
 						<div>
 							<h2>Personal Website</h2>
-							<div>
-								<Picture placeholder={personalSiteBlurred} src="images/Bradley_Shellnut_New_Site.png" alt="Home Page of bradleyshellnut.com">
+							<div style="min-width: 200px; min-height: 500px;">
+								<Picture placeholder={personalSiteBlurred} src="images/Bradley_Shellnut_New_Site.png" alt="Home Page of bradleyshellnut.com" loading="eager">
 									{#each personalSite as { src, format }}
 										<source data-srcset={src} type="image/{format}" />
 									{/each}
diff --git a/src/routes/uses/+page.svelte b/src/routes/uses/+page.svelte
index 98d4f83..88b2f41 100644
--- a/src/routes/uses/+page.svelte
+++ b/src/routes/uses/+page.svelte
@@ -5,7 +5,9 @@
 	import desktopBlurred from '$lib/assets/images/Desktop_so_clean.jpg?w=100&jpg&blur=10';
 </script>
 
-<SEO title="Uses" />
+<svelte:head>
+	<title>Uses | Bradley Shellnut</title>
+</svelte:head>
 
 <div class="uses">
 	<div>
@@ -44,7 +46,7 @@
 		<div style="display: grid; grid-template-columns: minmax(400px, 0.65fr); justify-content: center; margin-bottom: 2rem;">
 			<figure>
 				<div>
-					<Picture placeholder={desktopBlurred} src="images/Desktop_so_clean.jpg" alt="Clean desk with Samsung monitor and Ducky Keyboard">
+					<Picture placeholder={desktopBlurred} src="images/Desktop_so_clean.jpg" alt="Clean desk with Samsung monitor and Ducky Keyboard" loading="eager">
 						{#each desktop as { src, format }}
 							<source data-srcset={src} type="image/{format}" />
 						{/each}