From 7645b51cd57bdb97033ed4a8596d5d979c803240 Mon Sep 17 00:00:00 2001
From: tsiklic1 <toma.siklic@gmail.com>
Date: Thu, 7 Aug 2025 16:08:09 +0200
Subject: [PATCH 1/3] make all text move with the same speed

---
 src/app/globals.css                     | 12 +++++----
 src/features/Projects/ProjectCard.tsx   |  7 ++++-
 src/features/Projects/ProjectSwiper.tsx | 36 +++++++++++++------------
 3 files changed, 32 insertions(+), 23 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index ad2da33..7658767 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -90,17 +90,19 @@ video::-webkit-media-controls-start-playback-button {
 
 @keyframes scrolling-left1 {
   0% {
-    transform: translateX(200%);
+    transform: translateX(180vw);
   }
   100% {
-    transform: translateX(-200%);
+    transform: translateX(-180vw);
   }
-}
+} 
 @keyframes scrolling-left2 {
   0% {
-    transform: translateX(100%);
+    transform: translateX(120vw);
+    opacity: 100%;
   }
   100% {
-    transform: translateX(-300%);
+    transform: translateX(-240vw);
+    opacity: 100%;
   }
 }
diff --git a/src/features/Projects/ProjectCard.tsx b/src/features/Projects/ProjectCard.tsx
index b275678..e6c48d0 100644
--- a/src/features/Projects/ProjectCard.tsx
+++ b/src/features/Projects/ProjectCard.tsx
@@ -48,14 +48,19 @@ const ProjectCard: React.FC<ProjectCardProps> = ({ name, image, background, xHan
               &nbsp;&nbsp;&nbsp;{name}
             </h1>
             <h1
+              id='1'
               className={cn(
                 'inline-block',
                 'h1 mix-blend-soft-light mb-6 text-[55px] leading-[44px]',
                 'md:text-[100px] md:leading-[86px]',
                 'lg:text-[170px] lg:leading-[166px] lg:h-[320px]',
                 '2xl:text-[257px] 2xl:leading-[214px] 2xl:h-[428px]',
+                'opacity-0',
               )}
-              style={{ animation: 'scrolling-left2 20s linear infinite', animationDelay: '10s' }}
+              style={{
+                animation: 'scrolling-left2 20s linear infinite',
+                animationDelay: '7s',
+              }}
             >
               &nbsp;&nbsp;&nbsp;{name}
             </h1>
diff --git a/src/features/Projects/ProjectSwiper.tsx b/src/features/Projects/ProjectSwiper.tsx
index 30cd06d..ee49ac1 100644
--- a/src/features/Projects/ProjectSwiper.tsx
+++ b/src/features/Projects/ProjectSwiper.tsx
@@ -36,23 +36,25 @@ const ProjectSwiper = () => {
         effect='fade'
         rewind
       >
-        {projectsContent.PROJECTS.map(({ NAME, IMAGE, BACKGROUND, XHANDLE, YEAR, CLIENT, TAGS, XURL }) => (
-          <SwiperSlide
-            key={NAME}
-            className='!w-screen'
-          >
-            <ProjectCard
-              name={NAME}
-              image={IMAGE}
-              background={BACKGROUND}
-              xHandle={XHANDLE}
-              year={YEAR}
-              client={CLIENT}
-              tags={TAGS}
-              xUrl={XURL}
-            />
-          </SwiperSlide>
-        ))}
+        {projectsContent.PROJECTS.map(({ NAME, IMAGE, BACKGROUND, XHANDLE, YEAR, CLIENT, TAGS, XURL }) => {
+          return (
+            <SwiperSlide
+              key={NAME}
+              className='!w-screen'
+            >
+              <ProjectCard
+                name={NAME}
+                image={IMAGE}
+                background={BACKGROUND}
+                xHandle={XHANDLE}
+                year={YEAR}
+                client={CLIENT}
+                tags={TAGS}
+                xUrl={XURL}
+              />
+            </SwiperSlide>
+          );
+        })}
       </Swiper>
     </>
   );

From 5aa5fa2e9110d4936fe4bf4c575ff8ba2bc73004 Mon Sep 17 00:00:00 2001
From: tsiklic1 <toma.siklic@gmail.com>
Date: Fri, 8 Aug 2025 14:26:26 +0200
Subject: [PATCH 2/3] fixed star glow on mouseover

---
 package.json                               | 3 ++-
 src/common/StarContainer/StarContainer.tsx | 4 ++--
 src/features/Projects/ProjectCard.tsx      | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index b49d54b..b04d862 100644
--- a/package.json
+++ b/package.json
@@ -49,5 +49,6 @@
   "resolutions": {
     "wrap-ansi": "7.0.0",
     "string-width": "4.1.0"
-  }
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }
diff --git a/src/common/StarContainer/StarContainer.tsx b/src/common/StarContainer/StarContainer.tsx
index 9d18d20..cd24e4b 100644
--- a/src/common/StarContainer/StarContainer.tsx
+++ b/src/common/StarContainer/StarContainer.tsx
@@ -112,7 +112,7 @@ const StarContainer: React.FC<Readonly<StarContainerProps>> = ({
   }, []);
 
   const updateStarsByProximity = useCallback(
-    ({ x, y }: Position) => {
+    ({ x, y, pageY }: PointerEvent) => {
       pointerPositionRef.current = { x, y };
 
       if (!starsRef.current) {
@@ -120,7 +120,7 @@ const StarContainer: React.FC<Readonly<StarContainerProps>> = ({
       }
 
       starsRef.current.forEach((star) => {
-        const distance = Math.sqrt(Math.pow(star.x - x, 2) + Math.pow(star.y - y, 2));
+        const distance = Math.sqrt(Math.pow(star.x - x, 2) + Math.pow(star.y - y - pageY / 9, 2));
         const scale = scaleMapperRef.current!(Math.min(distance, vminRef.current! * proximityRatio));
         const alpha = alphaMapperRef.current!(Math.min(distance, vminRef.current! * proximityRatio));
 
diff --git a/src/features/Projects/ProjectCard.tsx b/src/features/Projects/ProjectCard.tsx
index e6c48d0..d8ae09b 100644
--- a/src/features/Projects/ProjectCard.tsx
+++ b/src/features/Projects/ProjectCard.tsx
@@ -1,5 +1,5 @@
 import Image from 'next/image';
-import React from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 
 import projectsContent from '@/content/projects.json';
 import { cn } from '@/utils/classNames';

From 8422a718cb4310db485f729ce894a28e35bd92be Mon Sep 17 00:00:00 2001
From: tsiklic1 <toma.siklic@gmail.com>
Date: Fri, 8 Aug 2025 15:24:00 +0200
Subject: [PATCH 3/3] remove package manager from package.json

---
 package.json | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/package.json b/package.json
index b04d862..b49d54b 100644
--- a/package.json
+++ b/package.json
@@ -49,6 +49,5 @@
   "resolutions": {
     "wrap-ansi": "7.0.0",
     "string-width": "4.1.0"
-  },
-  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+  }
 }