From 9ebc8365cfaa39549914907d43b12a6cbab7c419 Mon Sep 17 00:00:00 2001 From: Adam Plesnik Date: Fri, 17 Jan 2025 09:34:25 +0100 Subject: [PATCH 1/6] Update fades --- src/content/Intro.tsx | 5 +++-- src/pages/About.tsx | 35 ++++++++++++++++++++--------------- 2 files changed, 23 insertions(+), 17 deletions(-) diff --git a/src/content/Intro.tsx b/src/content/Intro.tsx index 259a923..ba26447 100644 --- a/src/content/Intro.tsx +++ b/src/content/Intro.tsx @@ -1,16 +1,17 @@ import Paragraph from '@/components/Paragraph' +import { Fade } from 'react-awesome-reveal' import { catchDetail, catchPhrase } from './phrases' const Intro = () => { return ( - <> + {catchPhrase} {catchDetail} - + ) } diff --git a/src/pages/About.tsx b/src/pages/About.tsx index 2fee27f..61f939f 100644 --- a/src/pages/About.tsx +++ b/src/pages/About.tsx @@ -1,25 +1,30 @@ import Paragraph from '@/components/Paragraph' import CvTimeline from '@/content/CvTimeline' import { catchDetail, catchPhrase, freeTime, tech } from '@/content/phrases' +import { Fade } from 'react-awesome-reveal' const About = () => { return ( <> - - {catchPhrase} - - - {catchDetail} - - - {tech} - - - {freeTime} - -
- -
+ + + {catchPhrase} + + + {catchDetail} + + + {tech} + + + {freeTime} + + + +
+ +
+ ) } From d2b10654d586d8bf5656f08617829cb16b43ce8b Mon Sep 17 00:00:00 2001 From: Adam Plesnik Date: Fri, 17 Jan 2025 10:09:57 +0100 Subject: [PATCH 2/6] Add link underline animations --- src/components/WorkPreviewTile.tsx | 5 +++-- src/partials/Layout.tsx | 14 +++++++++----- 2 files changed, 12 insertions(+), 7 deletions(-) diff --git a/src/components/WorkPreviewTile.tsx b/src/components/WorkPreviewTile.tsx index d6e7e08..86cd936 100644 --- a/src/components/WorkPreviewTile.tsx +++ b/src/components/WorkPreviewTile.tsx @@ -9,7 +9,7 @@ const WorkPreviewTile = ({ title, className, link, src, titleRight }: WorkPrevie
diff --git a/src/partials/Layout.tsx b/src/partials/Layout.tsx index 9366fe2..d7e98cd 100644 --- a/src/partials/Layout.tsx +++ b/src/partials/Layout.tsx @@ -14,7 +14,9 @@ const Layout = ({ outlet }: { outlet?: ReactNode | null }) => {
{isWork ? ( - ← + + ← + ) : ( Adam Plesník @@ -25,8 +27,9 @@ const Layout = ({ outlet }: { outlet?: ReactNode | null }) => { clsx( - 'cursor-pointer text-2xl font-medium hover:underline sm:text-3xl', - isActive && 'underline' + 'relative cursor-pointer text-2xl font-medium sm:text-3xl', + 'after:absolute after:bottom-1 after:left-0 after:h-[3px] after:w-full after:max-w-0 after:bg-black after:transition-[max-width] after:ease-in-out hover:after:max-w-full', + isActive && 'after:max-w-full' ) } to="/" @@ -36,8 +39,9 @@ const Layout = ({ outlet }: { outlet?: ReactNode | null }) => { clsx( - 'cursor-pointer text-2xl font-medium hover:underline sm:text-3xl', - isActive && 'underline' + 'relative cursor-pointer text-2xl font-medium sm:text-3xl', + 'after:absolute after:bottom-1 after:left-0 after:h-[3px] after:w-full after:max-w-0 after:bg-black after:transition-[max-width] after:ease-in-out hover:after:max-w-full', + isActive && 'after:max-w-full' ) } to="/about" From 6dd6eb01a8588644b5a8f25793225700c21999d4 Mon Sep 17 00:00:00 2001 From: Adam Plesnik Date: Fri, 17 Jan 2025 10:23:41 +0100 Subject: [PATCH 3/6] Update back arrow, remove work arrows --- src/components/WorkPreviewTile.tsx | 6 +++--- src/partials/Layout.tsx | 15 +++++++++++++-- 2 files changed, 16 insertions(+), 5 deletions(-) diff --git a/src/components/WorkPreviewTile.tsx b/src/components/WorkPreviewTile.tsx index 86cd936..0207c5f 100644 --- a/src/components/WorkPreviewTile.tsx +++ b/src/components/WorkPreviewTile.tsx @@ -21,12 +21,12 @@ const WorkPreviewTile = ({ title, className, link, src, titleRight }: WorkPrevie - {title} → + {title} diff --git a/src/partials/Layout.tsx b/src/partials/Layout.tsx index d7e98cd..4dbabf4 100644 --- a/src/partials/Layout.tsx +++ b/src/partials/Layout.tsx @@ -14,8 +14,19 @@ const Layout = ({ outlet }: { outlet?: ReactNode | null }) => {
{isWork ? ( - - ← + + + + ) : ( From d8a92e8d4f9fd4630e14bdfe287faa93256a7049 Mon Sep 17 00:00:00 2001 From: Adam Plesnik Date: Fri, 17 Jan 2025 10:35:07 +0100 Subject: [PATCH 4/6] =?UTF-8?q?Remove=20'=C5=A1'=20as=20it=20is=20not=20in?= =?UTF-8?q?cluded=20in=20the=20font?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/content/vkjb/index.tsx | 4 ++-- src/pages/Home.tsx | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/content/vkjb/index.tsx b/src/content/vkjb/index.tsx index 60886e3..1dd313a 100644 --- a/src/content/vkjb/index.tsx +++ b/src/content/vkjb/index.tsx @@ -19,8 +19,8 @@ const WorkLibrary = () => { return ( } more={} > diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index f42ad29..0fa455c 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -16,7 +16,7 @@ const Home = () => { src={mhdPreview} /> - + Date: Fri, 17 Jan 2025 10:39:17 +0100 Subject: [PATCH 5/6] Remove obsolete packages --- package-lock.json | 28 ---------------------------- package.json | 3 --- 2 files changed, 31 deletions(-) diff --git a/package-lock.json b/package-lock.json index 8f1dc73..602adab 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,8 +10,6 @@ "dependencies": { "@emotion/react": "^11.14.0", "@vercel/analytics": "^1.3.1", - "lucide-react": "^0.446.0", - "prismjs": "^1.29.0", "react": "^18.3.1", "react-awesome-reveal": "^4.3.1", "react-before-after-slider-component": "^1.1.8", @@ -19,7 +17,6 @@ "react-router-dom": "^6.26.2" }, "devDependencies": { - "@types/prismjs": "^1.26.4", "@types/react": "^18.3.10", "@types/react-dom": "^18.3.0", "@types/react-test-renderer": "^18.3.0", @@ -1513,13 +1510,6 @@ "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==", "license": "MIT" }, - "node_modules/@types/prismjs": { - "version": "1.26.4", - "resolved": "https://registry.npmjs.org/@types/prismjs/-/prismjs-1.26.4.tgz", - "integrity": "sha512-rlAnzkW2sZOjbqZ743IHUhFcvzaGbqijwOu8QZnZCjfQzBqFE3s4lOTJEsxikImav9uzz/42I+O7YUs1mWgMlg==", - "dev": true, - "license": "MIT" - }, "node_modules/@types/prop-types": { "version": "15.7.13", "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.13.tgz", @@ -3520,15 +3510,6 @@ "yallist": "^3.0.2" } }, - "node_modules/lucide-react": { - "version": "0.446.0", - "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.446.0.tgz", - "integrity": "sha512-BU7gy8MfBMqvEdDPH79VhOXSEgyG8TSPOKWaExWGCQVqnGH7wGgDngPbofu+KdtVjPQBWbEmnfMTq90CTiiDRg==", - "license": "ISC", - "peerDependencies": { - "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0-rc" - } - }, "node_modules/magic-string": { "version": "0.30.11", "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.11.tgz", @@ -4157,15 +4138,6 @@ } } }, - "node_modules/prismjs": { - "version": "1.29.0", - "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.29.0.tgz", - "integrity": "sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==", - "license": "MIT", - "engines": { - "node": ">=6" - } - }, "node_modules/punycode": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", diff --git a/package.json b/package.json index b5ea769..ca8fe25 100644 --- a/package.json +++ b/package.json @@ -14,8 +14,6 @@ "dependencies": { "@emotion/react": "^11.14.0", "@vercel/analytics": "^1.3.1", - "lucide-react": "^0.446.0", - "prismjs": "^1.29.0", "react": "^18.3.1", "react-awesome-reveal": "^4.3.1", "react-before-after-slider-component": "^1.1.8", @@ -23,7 +21,6 @@ "react-router-dom": "^6.26.2" }, "devDependencies": { - "@types/prismjs": "^1.26.4", "@types/react": "^18.3.10", "@types/react-dom": "^18.3.0", "@types/react-test-renderer": "^18.3.0", From d161bdedffdbf1a1c2349a694b6165b9c74cacd8 Mon Sep 17 00:00:00 2001 From: Adam Plesnik Date: Fri, 17 Jan 2025 11:43:06 +0100 Subject: [PATCH 6/6] Fix underline on mobile --- src/components/WorkPreviewTile.tsx | 6 +++--- src/partials/Layout.tsx | 4 ++-- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/components/WorkPreviewTile.tsx b/src/components/WorkPreviewTile.tsx index 0207c5f..9cbbf3e 100644 --- a/src/components/WorkPreviewTile.tsx +++ b/src/components/WorkPreviewTile.tsx @@ -21,9 +21,9 @@ const WorkPreviewTile = ({ title, className, link, src, titleRight }: WorkPrevie {title} diff --git a/src/partials/Layout.tsx b/src/partials/Layout.tsx index 4dbabf4..13af274 100644 --- a/src/partials/Layout.tsx +++ b/src/partials/Layout.tsx @@ -39,7 +39,7 @@ const Layout = ({ outlet }: { outlet?: ReactNode | null }) => { className={({ isActive }) => clsx( 'relative cursor-pointer text-2xl font-medium sm:text-3xl', - 'after:absolute after:bottom-1 after:left-0 after:h-[3px] after:w-full after:max-w-0 after:bg-black after:transition-[max-width] after:ease-in-out hover:after:max-w-full', + 'after:absolute after:bottom-1 after:left-0 after:h-[2px] after:w-full after:max-w-0 after:bg-black after:transition-[max-width] after:ease-in-out hover:after:max-w-full after:sm:h-[3px]', isActive && 'after:max-w-full' ) } @@ -51,7 +51,7 @@ const Layout = ({ outlet }: { outlet?: ReactNode | null }) => { className={({ isActive }) => clsx( 'relative cursor-pointer text-2xl font-medium sm:text-3xl', - 'after:absolute after:bottom-1 after:left-0 after:h-[3px] after:w-full after:max-w-0 after:bg-black after:transition-[max-width] after:ease-in-out hover:after:max-w-full', + 'after:absolute after:bottom-1 after:left-0 after:h-[2px] after:w-full after:max-w-0 after:bg-black after:transition-[max-width] after:ease-in-out hover:after:max-w-full after:sm:h-[3px]', isActive && 'after:max-w-full' ) }