From 51d42af6ee85766b32e8e52b4d8c4dae7bf90b7e Mon Sep 17 00:00:00 2001
From: Aaron Chan <42254254+aaronchan32@users.noreply.github.com>
Date: Sat, 1 Jun 2024 15:19:40 -0700
Subject: [PATCH] docs: update copy and replace mentor details with time
 commitment

---
 src/app/assets/icons/mentor.svg                   | 13 -------------
 src/app/assets/icons/timer.svg                    |  4 ++++
 .../Overview/Expectations/Expectations.tsx        |  2 +-
 .../Overview/PastProjects/PastProjects.scss       |  6 +++---
 .../SquashGooglyEyes/SquashGooglyEyes.scss        |  5 -----
 src/app/pages/Overview/Overview.scss              |  4 +++-
 src/app/pages/Overview/Overview.tsx               | 15 ++++++++-------
 7 files changed, 19 insertions(+), 30 deletions(-)
 delete mode 100644 src/app/assets/icons/mentor.svg
 create mode 100644 src/app/assets/icons/timer.svg

diff --git a/src/app/assets/icons/mentor.svg b/src/app/assets/icons/mentor.svg
deleted file mode 100644
index 8f56389..0000000
--- a/src/app/assets/icons/mentor.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2206_1690)">
-<path d="M19.7255 23.5062V21.6159C19.7255 20.6133 19.3272 19.6517 18.6182 18.9427C17.9092 18.2338 16.9476 17.8354 15.945 17.8354H8.384C7.38136 17.8354 6.41977 18.2338 5.71079 18.9427C5.00182 19.6517 4.60352 20.6133 4.60352 21.6159V23.5062" stroke="#212121" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12.1645 14.0551C14.2524 14.0551 15.945 12.3625 15.945 10.2746C15.945 8.18672 14.2524 6.49414 12.1645 6.49414C10.0766 6.49414 8.38403 8.18672 8.38403 10.2746C8.38403 12.3625 10.0766 14.0551 12.1645 14.0551Z" stroke="#212121" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M25.3962 23.5064V21.6161C25.3955 20.7785 25.1167 19.9648 24.6035 19.3028C24.0904 18.6407 23.3718 18.1679 22.5608 17.9585" stroke="#212121" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M18.7805 6.6167C19.5937 6.82491 20.3145 7.29785 20.8292 7.96096C21.3439 8.62406 21.6233 9.43962 21.6233 10.279C21.6233 11.1185 21.3439 11.934 20.8292 12.5971C20.3145 13.2602 19.5937 13.7332 18.7805 13.9414" stroke="#212121" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_2206_1690">
-<rect width="22.6829" height="22.6829" fill="white" transform="translate(3.65845 3.65869)"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/src/app/assets/icons/timer.svg b/src/app/assets/icons/timer.svg
new file mode 100644
index 0000000..ec09837
--- /dev/null
+++ b/src/app/assets/icons/timer.svg
@@ -0,0 +1,4 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.0625 10.3125H15.9375V18.75H14.0625V10.3125ZM12.1875 1.875H17.8125V3.75H12.1875V1.875Z" fill="black"/>
+<path d="M26.25 8.43755L24.9187 7.11567L22.8093 9.22505C21.0827 7.23101 18.6541 5.97889 16.0283 5.72883C13.4024 5.47878 10.7812 6.25002 8.70915 7.88231C6.63714 9.51459 5.27367 11.8824 4.90203 14.4938C4.53039 17.1053 5.17915 19.7595 6.71353 21.905C8.24791 24.0505 10.5499 25.5224 13.1413 26.0148C15.7326 26.5073 18.4141 25.9824 20.6285 24.5492C22.8429 23.116 24.4201 20.8848 25.0322 18.3191C25.6444 15.7534 25.2445 13.0505 23.9156 10.7719L26.25 8.43755ZM15 24.375C13.3312 24.375 11.6999 23.8802 10.3123 22.9531C8.92481 22.0259 7.84335 20.7082 7.20474 19.1664C6.56613 17.6247 6.39904 15.9282 6.7246 14.2915C7.05016 12.6548 7.85375 11.1513 9.03376 9.97133C10.2138 8.79133 11.7172 7.98773 13.3539 7.66217C14.9906 7.33661 16.6871 7.5037 18.2289 8.14231C19.7706 8.78093 21.0884 9.86238 22.0155 11.2499C22.9426 12.6375 23.4375 14.2688 23.4375 15.9375C23.4375 18.1753 22.5485 20.3214 20.9662 21.9038C19.3838 23.4861 17.2377 24.375 15 24.375Z" fill="black"/>
+</svg>
diff --git a/src/app/components/Overview/Expectations/Expectations.tsx b/src/app/components/Overview/Expectations/Expectations.tsx
index 44cb8d2..7097024 100644
--- a/src/app/components/Overview/Expectations/Expectations.tsx
+++ b/src/app/components/Overview/Expectations/Expectations.tsx
@@ -17,7 +17,7 @@ export default function Expectations({ expectationsList }: ExpectationsProps) {
   const titleRef = useRef<HTMLHeadingElement>(null);
   return (
     <div ref={containerRef} className="expectations-container">
-      <h3 ref={titleRef}>{`Here's what you can expect from UP-Grade:`}</h3>
+      <h3 ref={titleRef}>{`Here’s what you can expect from UP-Grade 2024:`}</h3>
       <ul ref={listRef} className="expectations-list">
         {expectationsList.map(expectation => (
           <li key={expectation.id}>
diff --git a/src/app/components/Overview/PastProjects/PastProjects.scss b/src/app/components/Overview/PastProjects/PastProjects.scss
index 56d35c0..a8cbd67 100644
--- a/src/app/components/Overview/PastProjects/PastProjects.scss
+++ b/src/app/components/Overview/PastProjects/PastProjects.scss
@@ -1,6 +1,6 @@
 #overview {
   .past-projects-container {
-    max-width: 22em;
+    max-width: 23em;
     margin-bottom: 2rem;
     h3 {
       max-width: max(20em, 60%);
@@ -16,7 +16,7 @@
 
       @media (min-width: $mobile-breakpoint) {
         gap: 20px;
-        max-width: 19em;
+        max-width: 21em;
         grid-template-columns: repeat(2, 1fr);
       }
 
@@ -28,7 +28,7 @@
           border: 2px solid $primary-black;
           background-color: $primary-black;
           border-radius: 4px;
-          padding-block: 6px;
+          padding-block: 4px;
           text-align: center;
           display: block;
           font-family: $p-font;
diff --git a/src/app/components/Overview/SquashGooglyEyes/SquashGooglyEyes.scss b/src/app/components/Overview/SquashGooglyEyes/SquashGooglyEyes.scss
index 019c023..481d8ac 100644
--- a/src/app/components/Overview/SquashGooglyEyes/SquashGooglyEyes.scss
+++ b/src/app/components/Overview/SquashGooglyEyes/SquashGooglyEyes.scss
@@ -2,11 +2,6 @@
   position: absolute;
   inset: 0;
 
-  #pupil1,
-  #pupil2 {
-    transition: transform 0.1s;
-  }
-
   .googly-eyes {
     &.blink {
       animation: Blink 0.18s forwards;
diff --git a/src/app/pages/Overview/Overview.scss b/src/app/pages/Overview/Overview.scss
index d5eba05..b587555 100644
--- a/src/app/pages/Overview/Overview.scss
+++ b/src/app/pages/Overview/Overview.scss
@@ -28,7 +28,7 @@
     .top-content {
       display: flex;
       flex-direction: column;
-      justify-content: space-between;
+      // justify-content: space-between;
       height: fit-content;
 
       @media (min-width: 760px) {
@@ -49,8 +49,10 @@
 
         div {
           display: flex;
+          align-items: center;
           gap: 1rem;
           font-family: $p-font;
+          letter-spacing: 0.6px;
         }
       }
     }
diff --git a/src/app/pages/Overview/Overview.tsx b/src/app/pages/Overview/Overview.tsx
index 978f47d..9619abf 100644
--- a/src/app/pages/Overview/Overview.tsx
+++ b/src/app/pages/Overview/Overview.tsx
@@ -1,6 +1,6 @@
 import './Overview.scss';
 import CalendarIcon from '@/assets/icons/calendar.svg';
-import MentorIcon from '@/assets/icons/mentor.svg';
+import TimerIcon from '@/assets/icons/timer.svg';
 import { EXPECTATIONS_LIST, PAST_PROJECTS } from './constants';
 import Expectations from '@/components/Overview/Expectations/Expectations';
 import PastProjects from '@/components/Overview/PastProjects/PastProjects';
@@ -14,18 +14,19 @@ export default function Overview() {
         <div className="top-content">
           <div className="details-container">
             <p className="description">
-              UP-Grade is a 10-week online summer program where students will
-              get the opportunity to work closely alongside a local, nonprofit
-              organization to amplify and boost their exposure.
+              UP-Grade is a 10-week summer internship-style program where
+              students will get the opportunity to work alongside a local,
+              nonprofit organization to elevate their branding and boost their
+              exposure within the community.
             </p>
             <div className="logistics-container">
               <div>
                 <CalendarIcon />
-                <span>June 1st to August 13th</span>
+                <span>July 1st - Sept. 6th</span>
               </div>
               <div>
-                <MentorIcon />
-                <span>6 student teams, 14 mentors</span>
+                <TimerIcon />
+                <span>12-15 Hours Per Week</span>
               </div>
             </div>
           </div>