From 1dd6734d776d53af81d2fd9914daa7284ec3b73e Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Fri, 23 Aug 2024 20:23:14 -0400
Subject: [PATCH 1/3] style: Remove scale on Projects

---
 src/Components/Projects/ProjectItem.tsx | 6 +-----
 src/Components/Projects/Projects.scss   | 2 --
 2 files changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/Components/Projects/ProjectItem.tsx b/src/Components/Projects/ProjectItem.tsx
index f42a0db..072c30c 100644
--- a/src/Components/Projects/ProjectItem.tsx
+++ b/src/Components/Projects/ProjectItem.tsx
@@ -24,14 +24,10 @@ const ProjectItem: React.FC<ProjectItemProps> = ({ project }) => {
       style={{
         backgroundImage: `url(${process.env.PUBLIC_URL}/${project.image})`,
       }}
-      initial={{ opacity: 0, scale: 0.99 }}
+      initial={{ opacity: 0}}
       animate={{ opacity: inView ? 1 : 0, scale: inView ? 1 : 0.99 }}
       transition={{ duration: 0.5 }}
       ref={ref}
-      whileHover={{
-        scale: 1.01,
-        transition: { duration: 0.15 },
-      }}
     >
       <div className="ProjectContent">
         <h2 className="ProjectTitle">{project.title}</h2>
diff --git a/src/Components/Projects/Projects.scss b/src/Components/Projects/Projects.scss
index f1c580f..38cc739 100644
--- a/src/Components/Projects/Projects.scss
+++ b/src/Components/Projects/Projects.scss
@@ -95,7 +95,6 @@ a {
     box-shadow 0.3s ease;
 
   &:hover {
-    transform: scale(1.05);
     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.417);
   }
 
@@ -188,6 +187,5 @@ a {
 
   &:hover {
     background-color: darken($secondary-color, 10%);
-    transform: scale(1.05);
   }
 }

From d2ff6c455568f4df3917c0ace3b780ae67e8f694 Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Fri, 23 Aug 2024 20:24:57 -0400
Subject: [PATCH 2/3] style: Remove scale & Increase animation delay

---
 src/Components/Experience/ExperienceTimeline.scss | 1 -
 src/Components/Projects/ProjectItem.tsx           | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/Components/Experience/ExperienceTimeline.scss b/src/Components/Experience/ExperienceTimeline.scss
index b249acd..5239117 100644
--- a/src/Components/Experience/ExperienceTimeline.scss
+++ b/src/Components/Experience/ExperienceTimeline.scss
@@ -80,7 +80,6 @@ $tools-item-tint: darken($list-item-color, 40%);
 
           background-size: 300% 300%;
           animation: gradientAnimation 4s ease-in-out infinite;
-          transform: scale(1.04);
           transition: transform 0.3s ease-in-out;
         }
       }
diff --git a/src/Components/Projects/ProjectItem.tsx b/src/Components/Projects/ProjectItem.tsx
index 072c30c..4a86080 100644
--- a/src/Components/Projects/ProjectItem.tsx
+++ b/src/Components/Projects/ProjectItem.tsx
@@ -26,7 +26,7 @@ const ProjectItem: React.FC<ProjectItemProps> = ({ project }) => {
       }}
       initial={{ opacity: 0}}
       animate={{ opacity: inView ? 1 : 0, scale: inView ? 1 : 0.99 }}
-      transition={{ duration: 0.5 }}
+      transition={{ duration: 0.8 }}
       ref={ref}
     >
       <div className="ProjectContent">

From ceb7c36dae328115cf99d4bafdd522fefc43f63e Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Fri, 23 Aug 2024 20:25:42 -0400
Subject: [PATCH 3/3] chore: Remove unused code

---
 src/Components/Projects/ProjectItem.tsx | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/src/Components/Projects/ProjectItem.tsx b/src/Components/Projects/ProjectItem.tsx
index 4a86080..f131d37 100644
--- a/src/Components/Projects/ProjectItem.tsx
+++ b/src/Components/Projects/ProjectItem.tsx
@@ -12,12 +12,6 @@ const ProjectItem: React.FC<ProjectItemProps> = ({ project }) => {
     threshold: 0.1,
   });
 
-  const props = useSpring({
-    opacity: inView ? 1 : 0,
-    transform: inView ? 'translateY(0)' : 'translateY(20px)',
-    config: { tension: 200, friction: 20 },
-  });
-
   return (
     <motion.div
       className="ProjectItem"