From bcf5061776004f6b69a3ac371b20ed3ec63e89d5 Mon Sep 17 00:00:00 2001
From: Albert Wang <alberw5@uci.edu>
Date: Mon, 27 May 2024 16:54:59 -0700
Subject: [PATCH] Add Tanesha Moody's closing speech and closing ceremony
 slides (#271)

---
 src/app/views/home/Home.jsx  | 14 +++++++++++---
 src/app/views/home/Home.scss | 18 ++++++++++++++++++
 2 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/src/app/views/home/Home.jsx b/src/app/views/home/Home.jsx
index d0bd683..adccf04 100644
--- a/src/app/views/home/Home.jsx
+++ b/src/app/views/home/Home.jsx
@@ -29,11 +29,11 @@ const Home = () => {
 					/>
 					<h4 id="date">{VH_DATE}</h4>
 					<p id="tagline">UC Irvine&apos;s largest women-centric hackathon</p>
+					<VenusButton url="/feedback" text="Feedback Form" />
 					<VenusButton
-						url="https://docs.google.com/forms/d/e/1FAIpQLSdObzMrHpTjjcc5DhdXmuX8v485aDhsCqBRxCV3R66316htcg/viewform?usp=sharing"
-						text="Mid-Way Check In"
+						url="https://docs.google.com/presentation/d/1J8zlxYDR8AaiQXu7p_qg8xuav4qieKvU9AOkuwOJIhk/edit?usp=sharing"
+						text="Closing Ceremony"
 					/>
-					<VenusButton url="/feedback" text="Feedback Form" />
 				</div>
 				<div id="astronaut-animation">
 					{/* These assets are a background of a div instead of imgs to prevent
@@ -45,6 +45,14 @@ const Home = () => {
 				</div>
 			</section>
 			<div id="planet" />
+			<h2 id="tanesha-moody-title">Tanesha Moody's Closing Speech</h2>
+			<iframe
+				src="https://drive.google.com/file/d/18y1D-co2T84_f287Eqj7NunVVTRM1-AP/preview"
+				width="640"
+				height="480"
+				allow="autoplay"
+				id="tanesha-moody"
+			></iframe>
 
 			{/* ABOUT **********************/}
 			<section id="about">
diff --git a/src/app/views/home/Home.scss b/src/app/views/home/Home.scss
index 0ac0147..d66cac9 100644
--- a/src/app/views/home/Home.scss
+++ b/src/app/views/home/Home.scss
@@ -298,6 +298,24 @@ body {
 		}
 	}
 
+	#tanesha-moody-title {
+		color: $darkerPurple;
+
+		@media screen and (max-width: 700px) {
+			font-size: 36px;
+		}
+	}
+
+	#tanesha-moody {
+		width: 640px;
+		margin-bottom: 120px;
+
+		@media screen and (max-width: 700px) {
+			width: 80vw;
+			height: 60vw;
+		}
+	}
+
 	#about {
 		display: flex;
 		justify-content: center;