From 0ad1debb68f78525576d83f8e22fea64686447d1 Mon Sep 17 00:00:00 2001
From: darkicewolf50 <darkicewolf50@gmail.com>
Date: Sat, 8 Mar 2025 12:53:41 -0700
Subject: [PATCH] fix(homePage): img alt text fixed, ready for demo

---
 src/Home/Home.css |  8 ++++----
 src/Home/Home.jsx | 26 +++++++++++++++++++++-----
 2 files changed, 25 insertions(+), 9 deletions(-)

diff --git a/src/Home/Home.css b/src/Home/Home.css
index 95cd0bc..db83c1f 100644
--- a/src/Home/Home.css
+++ b/src/Home/Home.css
@@ -2,7 +2,7 @@
 	display: flex;
 	position: relative;
 
-	justify-content: end;
+	justify-content: flex-end;
 	align-items: center;
 }
 
@@ -13,7 +13,7 @@
 	background-size: cover;
 	background-position: center;
 
-	position: absolute;
+	position: relative;
 	z-index: 0;
 }
 
@@ -32,8 +32,8 @@
 	margin: 0px;
 }
 
-#HomeTop div h2 {
-}
+/* #HomeTop div h2 {
+} */
 
 #HomePageLayout div {
 	display: flex;
diff --git a/src/Home/Home.jsx b/src/Home/Home.jsx
index a64fe56..085ddb5 100644
--- a/src/Home/Home.jsx
+++ b/src/Home/Home.jsx
@@ -35,7 +35,11 @@ export default function Home() {
 	return (
 		<>
 			<div id="HomeTop">
-				<img id="HomeBannerTop" />
+				<img
+					id="HomeBannerTop"
+					src="https://picsum.photos/200"
+					alt="cool shot of driver in car, replace later"
+				/>
 				<div>
 					<h1>UCalgary Baja</h1>
 					<h2>Catchphase goes here</h2>
@@ -43,7 +47,10 @@ export default function Home() {
 			</div>
 			<div id="HomePageLayout">
 				<div>
-					<img src="https://picsum.photos/200" />
+					<img
+						src="https://picsum.photos/200"
+						alt="the team?"
+					/>
 					<div>
 						<h2>Who We Are</h2>
 						<p>
@@ -87,7 +94,10 @@ export default function Home() {
 						<Link to={"/"}>Learn More</Link>
 						{/* Replace with Join later*/}
 					</div>
-					<img src="https://picsum.photos/200" />
+					<img
+						src="https://picsum.photos/200"
+						alt="possibly a montage mainly showcasing team members working"
+					/>
 				</div>
 				<div>
 					Sponsor Section
@@ -97,7 +107,10 @@ export default function Home() {
 					</div>
 				</div>
 				<div>
-					<img src="https://picsum.photos/200" />
+					<img
+						src="https://picsum.photos/200"
+						alt="something to do with sponsors"
+					/>
 					<div>
 						<h2>Sponsor Us</h2>
 						<p>
@@ -111,7 +124,10 @@ export default function Home() {
 					</div>
 				</div>
 				<div>
-					<img src="https://picsum.photos/200" />
+					<img
+						src="https://picsum.photos/200"
+						alt="(If we do a rotating images thing for the top, and still want to keep this on the bottom, maybe we can change it to a more collage type thing for this box)"
+					/>
 				</div>
 			</div>
 		</>