From 52cfcf86a6948524d8a3bf78ca9e3e7379ce8370 Mon Sep 17 00:00:00 2001
From: JilianaTiu <jilianatiu@gmail.com>
Date: Tue, 13 Sep 2022 16:15:14 -0700
Subject: [PATCH] update projects styles

---
 src/public/css/styles.css |  5 +++++
 src/public/projects.tsx   | 15 +++++++++------
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/public/css/styles.css b/src/public/css/styles.css
index de91868..82d47f2 100644
--- a/src/public/css/styles.css
+++ b/src/public/css/styles.css
@@ -173,6 +173,11 @@ a:hover {
 	font-size: 2em;
 	margin-bottom: 2em;
 }
+.ex-link {
+	color: var(--accent);
+	font-size: 2em;
+	margin-bottom: 2em;
+}
 .involved {
 	border-radius: 50% 50% 0 0 / 4rem;
 	transform: translateY(-4rem);
diff --git a/src/public/projects.tsx b/src/public/projects.tsx
index b6a6018..242d3e5 100644
--- a/src/public/projects.tsx
+++ b/src/public/projects.tsx
@@ -21,18 +21,21 @@ class Main extends React.Component<MainProps, MainState> {
 		return <>
 			<Splash cta="Projects" delay={2000} backgrounds={["img/backgrounds/robocar.png"]}></Splash>
 			<DefaultSection title="RoboCup" paragraphs={[
-				"RoboCup is an international scientific initiative with the goal to advance the state of the art of intelligent robots. When established in 1997, the original mission was to field a team of robots capable of winning against the human soccer World Cup champions by 2050."
+				"\"RoboCup is an international scientific initiative with the goal to advance the state of the art of intelligent robots. When established in 1997, the original mission was to field a team of robots capable of winning against the human soccer World Cup champions by 2050.\""
 				,"IEEE hosts Robocup Soccer, an annual project where teams develop six robots to compete with other teams during Robofest. Join this hands-on project to explore computer vision, mechanical design, and microcontroller development!"
-			]}></DefaultSection>
+			]}>
+				<a className='ex-link' href='https://www.robocup.org/'>More information at RoboCup website</a>
+			</DefaultSection>
 			<DefaultSection title="Quarterly Projects" paragraphs={[
-				"Gain project experience through IEEE's Quarterly Projects where teams fully develop a project from scratch within 10 weeks!",
-				"<a className='visit-us' href='https://forms.gle/eW6e1i3vWCdBj7Vn6'>Apply here!</a>"
-			]}></DefaultSection>
+				"Gain project experience through IEEE's Quarterly Projects where teams fully develop a project from scratch within 10 weeks!"
+			]}>
+				<a className='ex-link' href='https://forms.gle/eW6e1i3vWCdBj7Vn6'>Apply here!</a>
+			</DefaultSection>
 			<DefaultSection className={"past-proj"} title="Past Projects">
 				<div className="cards">
 					<InvolveBox boxTitle="" image="img/backgrounds/robocar.png" description="'22 Robocar Competition"></InvolveBox>
 					<InvolveBox boxTitle="" image="img/backgrounds/micromouse.png" description="'22 Micromouse Competition"></InvolveBox>
-					<InvolveBox boxTitle="" image="img/backgrounds/robocarteam.png" description="IEEE Team Meeting"></InvolveBox>
+					<InvolveBox boxTitle="" image="img/backgrounds/robocarteam.png" description="'22 IEEE Team Meeting"></InvolveBox>
 				</div>
 			</DefaultSection>
 			<DefaultSection title="Have questions? Contact us!">