From 0d54c0a674b5b2023f5fbe2e2197cca5556e746f Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Wed, 21 Aug 2024 02:16:12 -0400
Subject: [PATCH 1/6] feat: Animated hover on tech list items

---
 src/Components/Experience/ExperienceTimeline.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/Components/Experience/ExperienceTimeline.scss b/src/Components/Experience/ExperienceTimeline.scss
index 4e59c53..c5ef1ba 100644
--- a/src/Components/Experience/ExperienceTimeline.scss
+++ b/src/Components/Experience/ExperienceTimeline.scss
@@ -55,6 +55,7 @@ $tools-item-tint: darken($list-item-color, 40%);
           font-weight: 500;
           font-size: 1.1rem;
           border-radius: $border-radius;
+          transition: transform 0.3s ease, background-color 0.3s ease;
 
           svg {
             margin-right: 0.5rem;

From 3ecd695fda510a7678f6fed624fdb493d498dbcd Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Wed, 21 Aug 2024 02:17:11 -0400
Subject: [PATCH 2/6] chore: Tweak hover darken

---
 src/Components/Experience/ExperienceTimeline.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Components/Experience/ExperienceTimeline.scss b/src/Components/Experience/ExperienceTimeline.scss
index c5ef1ba..9cfec19 100644
--- a/src/Components/Experience/ExperienceTimeline.scss
+++ b/src/Components/Experience/ExperienceTimeline.scss
@@ -64,7 +64,7 @@ $tools-item-tint: darken($list-item-color, 40%);
         }
 
         li:hover {
-          background-color: darken($background-color, 15%);
+          background-color: darken($background-color, 8%);
           transform: scale(1.05);
         }
       }

From e37b5213a4c306270f934b6e22f17dec131eff40 Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Wed, 21 Aug 2024 02:28:27 -0400
Subject: [PATCH 3/6] feat: Education links

---
 src/Components/Data/education.ts                 | 2 ++
 src/Components/Experience/ExperienceTimeline.tsx | 9 ++++++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/Components/Data/education.ts b/src/Components/Data/education.ts
index 357a4f2..5a73b25 100644
--- a/src/Components/Data/education.ts
+++ b/src/Components/Data/education.ts
@@ -6,6 +6,7 @@ export const education = [
     description:
       'Continuing my education exploring the world of economics and finance to bridge the gap between tech and business.',
     statsKey: 'Economics',
+    link: 'https://www.concordia.ca/'
   },
   {
     date: 'August 2021 - May 2024',
@@ -14,5 +15,6 @@ export const education = [
     description:
       'Graduated with a focus on software/app/mobile development, including programming and IoT.',
     statsKey: 'Academics',
+    link: 'https://www.johnabbott.qc.ca/'
   },
 ];
diff --git a/src/Components/Experience/ExperienceTimeline.tsx b/src/Components/Experience/ExperienceTimeline.tsx
index 184d8d1..eff16e1 100644
--- a/src/Components/Experience/ExperienceTimeline.tsx
+++ b/src/Components/Experience/ExperienceTimeline.tsx
@@ -68,7 +68,7 @@ const ExperienceTimeline = () => {
     <div className="experience-grid">
       <div className="timeline">
         <motion.div className="particle-background" />
-
+  
         <div className="timeline-section">
           <h2 className="timeline-section-title">Education</h2>
           {education.map((item, index) => (
@@ -84,7 +84,9 @@ const ExperienceTimeline = () => {
               <div className="timeline-content">
                 <h3>
                   {item.title} <span className="timeline-atsign">@ </span>
-                  <span className="timeline-institution">{item.institution}</span>
+                  <a href={item.link} target="_blank" rel="noopener noreferrer" className="timeline-institution">
+                    {item.institution}
+                  </a>
                 </h3>
                 <div className="timeline-date">{item.date}</div>
                 <p>{item.description}</p>
@@ -102,7 +104,8 @@ const ExperienceTimeline = () => {
             </motion.div>
           ))}
         </div>
-
+  
+        {/* Experience section remains unchanged */}
         <div className="timeline-section">
           <h2 className="timeline-section-title">Experience</h2>
           {experience.map((item, index) => (

From 5a81c4996355ccbd60b839e209f20c1bc30eb327 Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Wed, 21 Aug 2024 02:31:06 -0400
Subject: [PATCH 4/6] feat: Add company links

---
 src/Components/Data/experience.ts                |  5 +++++
 src/Components/Experience/ExperienceTimeline.tsx | 11 ++++++-----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/Components/Data/experience.ts b/src/Components/Data/experience.ts
index ca51610..1311f9f 100644
--- a/src/Components/Data/experience.ts
+++ b/src/Components/Data/experience.ts
@@ -5,6 +5,7 @@ export const experience = [
     company: "Tail'ed",
     description: 'Building the company website & developing an AI product.',
     statsKey: 'SDE Intern',
+    link: 'https://tailed.ca/en'
   },
   {
     date: 'March 2024 - Ongoing',
@@ -13,6 +14,7 @@ export const experience = [
     description:
       'Leading the delegation of post-secondary students across Montreal for the annual conference.',
     statsKey: 'Head Delegate Montreal',
+    link: 'https://2024.cusec.net/'
   },
   {
     date: 'January 2024 - May 2024',
@@ -21,6 +23,7 @@ export const experience = [
     description:
       'Delivered technical support to government employees and trained under the Cybersecurity Lead of the municipality.',
     statsKey: 'IT Intern',
+    link: 'https://www.ville.kirkland.qc.ca/'
   },
   {
     date: 'March 2024 - July 2024',
@@ -29,6 +32,7 @@ export const experience = [
     description:
       'Led the organization of the hackathon, overseeing event planning and execution.',
     statsKey: 'Director',
+    link: 'https://jachacks.pages.dev/'
   },
   {
     date: 'February 2024 - April 2024',
@@ -37,5 +41,6 @@ export const experience = [
     description:
       'Learned under PhDs while developing TradeMind for my fellowship project.',
     statsKey: 'R&D Fellowship',
+    link: 'https://launchlab.ai/rd-program/'
   },
 ];
diff --git a/src/Components/Experience/ExperienceTimeline.tsx b/src/Components/Experience/ExperienceTimeline.tsx
index eff16e1..05e5afe 100644
--- a/src/Components/Experience/ExperienceTimeline.tsx
+++ b/src/Components/Experience/ExperienceTimeline.tsx
@@ -68,7 +68,7 @@ const ExperienceTimeline = () => {
     <div className="experience-grid">
       <div className="timeline">
         <motion.div className="particle-background" />
-  
+
         <div className="timeline-section">
           <h2 className="timeline-section-title">Education</h2>
           {education.map((item, index) => (
@@ -104,8 +104,7 @@ const ExperienceTimeline = () => {
             </motion.div>
           ))}
         </div>
-  
-        {/* Experience section remains unchanged */}
+
         <div className="timeline-section">
           <h2 className="timeline-section-title">Experience</h2>
           {experience.map((item, index) => (
@@ -120,8 +119,10 @@ const ExperienceTimeline = () => {
               <div className="timeline-step experience-step"></div>
               <div className="timeline-content">
                 <h3>
-                  {item.title} <span className="timeline-atsign">@ </span>
-                  <span className="timeline-company">{item.company}</span>
+                  <a href={item.link} target="_blank" rel="noopener noreferrer">
+                    {item.title} <span className="timeline-atsign">@ </span>
+                    <span className="timeline-company">{item.company}</span>
+                  </a>
                 </h3>
                 <div className="timeline-date">{item.date}</div>
                 <p>{item.description}</p>

From 271d1c57389c4f1c4bbbe3f12f6e517e131c778a Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Wed, 21 Aug 2024 02:38:28 -0400
Subject: [PATCH 5/6] feat: Center divs...

---
 .../Experience/ExperienceTimeline.scss        | 67 +++++++++++--------
 1 file changed, 40 insertions(+), 27 deletions(-)

diff --git a/src/Components/Experience/ExperienceTimeline.scss b/src/Components/Experience/ExperienceTimeline.scss
index 9cfec19..7a71b6d 100644
--- a/src/Components/Experience/ExperienceTimeline.scss
+++ b/src/Components/Experience/ExperienceTimeline.scss
@@ -40,34 +40,47 @@ $tools-item-tint: darken($list-item-color, 40%);
       }
 
       .TechList {
-        font-family: 'Poppins', sans-serif;
-        display: grid;
-        grid-template-columns: repeat(2, 1fr);
-        gap: 0.5rem;
-        list-style-type: none;
-        padding: 0;
-
-        li {
-          display: flex;
-          align-items: center;
-          color: darken(white, 5%);
-          padding: 1rem;
-          font-weight: 500;
-          font-size: 1.1rem;
-          border-radius: $border-radius;
-          transition: transform 0.3s ease, background-color 0.3s ease;
-
-          svg {
-            margin-right: 0.5rem;
-            color: white;
-          }
-        }
+  font-family: 'Poppins', sans-serif;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 0.5rem;
+  list-style-type: none;
+  padding: 0;
+  margin: 0 auto;
+  max-width: 600px;
+  width: 100%;
+
+  li {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: darken(white, 5%);
+    padding: 1rem;
+    font-weight: 500;
+    font-size: 1.1rem;
+    border-radius: $border-radius;
+    transition: transform 0.3s ease, background-color 0.3s ease;
+
+    svg {
+      margin-right: 0.5rem;
+      color: white;
+    }
+  }
 
-        li:hover {
-          background-color: darken($background-color, 8%);
-          transform: scale(1.05);
-        }
-      }
+  li:hover {
+    background-color: darken($background-color, 8%);
+    transform: scale(1.05);
+  }
+}
+
+@media (max-width: 768px) {
+  .TechList {
+    grid-template-columns: repeat(2, 1fr);
+    gap: 1rem;
+    margin: 0 auto;
+    max-width: 100%;
+  }
+}
     }
   }
 }

From 468824a80f57cd105e8c4b1832005dab4f70ba0d Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Wed, 21 Aug 2024 02:40:37 -0400
Subject: [PATCH 6/6] chore: Tweak techlist items

---
 .../Experience/ExperienceTimeline.scss        | 86 +++++++++----------
 1 file changed, 39 insertions(+), 47 deletions(-)

diff --git a/src/Components/Experience/ExperienceTimeline.scss b/src/Components/Experience/ExperienceTimeline.scss
index 7a71b6d..6585944 100644
--- a/src/Components/Experience/ExperienceTimeline.scss
+++ b/src/Components/Experience/ExperienceTimeline.scss
@@ -40,47 +40,47 @@ $tools-item-tint: darken($list-item-color, 40%);
       }
 
       .TechList {
-  font-family: 'Poppins', sans-serif;
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 0.5rem;
-  list-style-type: none;
-  padding: 0;
-  margin: 0 auto;
-  max-width: 600px;
-  width: 100%;
-
-  li {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: darken(white, 5%);
-    padding: 1rem;
-    font-weight: 500;
-    font-size: 1.1rem;
-    border-radius: $border-radius;
-    transition: transform 0.3s ease, background-color 0.3s ease;
-
-    svg {
-      margin-right: 0.5rem;
-      color: white;
-    }
-  }
+        font-family: 'Poppins', sans-serif;
+        display: grid;
+        grid-template-columns: repeat(2, 1fr);
+        gap: 0.5rem;
+        list-style-type: none;
+        padding: 0;
+        margin: 0 auto;
+        max-width: 600px;
+        width: 100%;
+
+        li {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          color: darken(white, 5%);
+          padding: 1rem;
+          font-weight: 500;
+          font-size: 1.1rem;
+          border-radius: $border-radius;
+          transition: transform 0.3s ease, background-color 0.3s ease;
+
+          svg {
+            margin-right: 0.5rem;
+            color: white;
+          }
+        }
 
-  li:hover {
-    background-color: darken($background-color, 8%);
-    transform: scale(1.05);
-  }
-}
+        li:hover {
+          background-color: darken($background-color, 8%);
+          transform: scale(1.05);
+        }
+      }
 
-@media (max-width: 768px) {
-  .TechList {
-    grid-template-columns: repeat(2, 1fr);
-    gap: 1rem;
-    margin: 0 auto;
-    max-width: 100%;
-  }
-}
+      @media (max-width: 768px) {
+        .TechList {
+          grid-template-columns: repeat(2, 1fr);
+          gap: 0.5rem;
+          margin: 0 auto;
+          max-width: 100%;
+        }
+      }
     }
   }
 }
@@ -89,14 +89,6 @@ $tools-item-tint: darken($list-item-color, 40%);
   .experience-grid {
     grid-template-columns: 1fr;
     gap: 0em;
-
-    .category-containers {
-      .CategoryContainer {
-        .TechList {
-          grid-template-columns: repeat(2, 1fr);
-        }
-      }
-    }
   }
 }