From f55218ece3b09ec72d59172bc9e84f863e4711c0 Mon Sep 17 00:00:00 2001
From: John Choi <johnchoi1003@icloud.com>
Date: Thu, 21 Dec 2023 00:20:43 -0500
Subject: [PATCH] Added osu and gatech tooltips

---
 .../aboutpage/EducationTimeline.jsx           | 51 +++++++++++--------
 .../aboutpage/education_description.js        |  7 +++
 2 files changed, 38 insertions(+), 20 deletions(-)
 create mode 100644 src/components/aboutpage/education_description.js

diff --git a/src/components/aboutpage/EducationTimeline.jsx b/src/components/aboutpage/EducationTimeline.jsx
index 24663a928..7dbd36046 100644
--- a/src/components/aboutpage/EducationTimeline.jsx
+++ b/src/components/aboutpage/EducationTimeline.jsx
@@ -8,6 +8,8 @@ import 'react-vertical-timeline-component/style.min.css'
 import { ThemeContext } from '../../App'
 
 import { fontColorForBackground } from '../../Utils/colorUtils'
+import { Tooltip } from '@mui/material'
+import { gatechDescription, osuDescription } from './education_description'
 
 function GeorgiaTech({ isDarkMode }) {
     const techGold = '#b3a369'
@@ -40,14 +42,19 @@ function GeorgiaTech({ isDarkMode }) {
             }
             position='right'
         >
-            <h3 className='vertical-timeline-element-title fw-bold'>
-                Georgia Institute of Technology
-            </h3>
-            <h5 className='vertical-timeline-element-subtitle'>
-                College of Computing
-            </h5>
-            <h6 className='vertical-timeline-element-subtitle'>Atlanta, GA</h6>
-            <p>Master of Science - MS, Computer Science</p>
+            <Tooltip title={gatechDescription}>
+                <div>
+                    <h3 className='vertical-timeline-element-title fw-bold'>
+                        Georgia Institute of Technology
+                    </h3>
+                    <h5 className='vertical-timeline-element-subtitle'>
+                        College of Computing
+                    </h5>
+                    <h6 className='vertical-timeline-element-subtitle'>Atlanta, GA</h6>
+                    <p>Master of Science - MS, Computer Science</p>
+                </div>
+            </Tooltip>
+
         </VerticalTimelineElement>
     )
 }
@@ -83,18 +90,22 @@ function TheOhioStateUniversity({ isDarkMode }) {
             }
             position='right'
         >
-            <h3 className='vertical-timeline-element-title fw-bold'>
-                The Ohio State University
-            </h3>
-            <h5 className='vertical-timeline-element-subtitle'>
-                College of Engineering
-            </h5>
-            <h6 className='vertical-timeline-element-subtitle'>Columbus, OH</h6>
-            <p>
-                Bachelor of Science - BS, Computer Science and Engineering
-                <br />
-                Software Engineering Specialization
-            </p>
+            <Tooltip title={osuDescription}>
+                <div>
+                    <h3 className='vertical-timeline-element-title fw-bold'>
+                        The Ohio State University
+                    </h3>
+                    <h5 className='vertical-timeline-element-subtitle'>
+                        College of Engineering
+                    </h5>
+                    <h6 className='vertical-timeline-element-subtitle'>Columbus, OH</h6>
+                    <p>
+                        Bachelor of Science - BS, Computer Science and Engineering
+                        <br />
+                        Software Engineering Specialization
+                    </p>
+                </div>
+            </Tooltip>
         </VerticalTimelineElement>
     )
 }
diff --git a/src/components/aboutpage/education_description.js b/src/components/aboutpage/education_description.js
new file mode 100644
index 000000000..6c419fde4
--- /dev/null
+++ b/src/components/aboutpage/education_description.js
@@ -0,0 +1,7 @@
+
+export const osuDescription = `Software engineering specialization is the
+area most people think of when they hear the phrase “computer science.” It encompasses
+programming languages, software development (including coding practices), analysis,
+testing and debugging, optimization, and scalability among many areas. Source: https://cse.osu.edu`
+
+export const gatechDescription = `OMSCS Starting 2024. Specialization TBD.`
\ No newline at end of file