From 0b79a849e71a045ad83765819df41ef0ab64b0e6 Mon Sep 17 00:00:00 2001
From: Henry-Hiles <henry@henryhiles.com>
Date: Sun, 4 Jun 2023 15:28:57 -0400
Subject: [PATCH] Add image to project page

---
 src/pages/projects/[route].astro | 9 ++++++++-
 src/styles/Layout.css            | 1 +
 src/styles/Project.module.css    | 4 ++++
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/pages/projects/[route].astro b/src/pages/projects/[route].astro
index 758373c..c0ab433 100644
--- a/src/pages/projects/[route].astro
+++ b/src/pages/projects/[route].astro
@@ -18,7 +18,14 @@ if (project == null) return
 
 <Layout page={project.name} description={project.description}>
 	<section id={styles.jumbo}>
-		<h1 class={styles.title}>{project.name}</h1>
+		<img
+			id={styles.thumb}
+			src={`/images/${project.thumbImage}`}
+			alt={project.name}
+		/>
+		<h1 class={styles.title}>
+			{project.name}
+		</h1>
 		<Divider />
 		<p class={styles.overview}>{project.overview}</p>
 	</section>
diff --git a/src/styles/Layout.css b/src/styles/Layout.css
index 2a2f99a..88eb041 100644
--- a/src/styles/Layout.css
+++ b/src/styles/Layout.css
@@ -30,6 +30,7 @@ svg {
 
 img {
 	max-width: 100%;
+	max-height: 100%;
 }
 
 main {
diff --git a/src/styles/Project.module.css b/src/styles/Project.module.css
index 9d130e0..14d9024 100644
--- a/src/styles/Project.module.css
+++ b/src/styles/Project.module.css
@@ -5,6 +5,10 @@
 	max-width: 40rem;
 }
 
+#thumb {
+	height: 10rem;
+}
+
 .overview {
 	width: 100%;
 	padding: 20px;