From 7b5b071203fde4e01676a0566e8f59c49cd4f921 Mon Sep 17 00:00:00 2001 From: YouHaveTrouble Date: Sun, 9 Nov 2025 14:01:38 +0100 Subject: [PATCH] lean more into transitions and animations --- package-lock.json | 20 +- src/components/Header.astro | 36 ++- src/components/Logo.astro | 4 + src/components/Nav.astro | 144 +++++----- src/layouts/BaseLayout.astro | 5 +- src/pages/about.astro | 86 +++--- src/pages/blog/[slug].astro | 3 +- src/pages/blog/index.astro | 9 +- src/pages/index.astro | 504 ++++++++++++++++++++--------------- src/pages/projects.astro | 4 + 10 files changed, 457 insertions(+), 358 deletions(-) diff --git a/package-lock.json b/package-lock.json index 1ccb44b..dc0bc1f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -28,7 +28,6 @@ "version": "2.3.0", "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz", "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==", - "peer": true, "dependencies": { "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.24" @@ -444,6 +443,7 @@ "version": "7.28.4", "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.4.tgz", "integrity": "sha512-2BCOP7TN8M+gVDj7/ht3hsaO/B/n5oDbiAyyvnRlNOs+u1o+JWNYTQrmpuNp1/Wq2gcFrI01JAW+paEKDMx/CA==", + "peer": true, "dependencies": { "@babel/code-frame": "^7.27.1", "@babel/generator": "^7.28.3", @@ -2203,6 +2203,7 @@ "version": "3.1.2", "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-3.1.2.tgz", "integrity": "sha512-Txsm1tJvtiYeLUVRNqxZGKR/mI+CzuIQuc2gn+YCs9rMTowpNZ2Nqt53JdL8KF9bLhAf2ruR/dr9eZCwdTriRA==", + "peer": true, "dependencies": { "@sveltejs/vite-plugin-svelte-inspector": "^2.1.0", "debug": "^4.3.4", @@ -2352,6 +2353,7 @@ "version": "8.15.0", "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz", "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==", + "peer": true, "bin": { "acorn": "bin/acorn" }, @@ -2468,6 +2470,7 @@ "version": "4.16.19", "resolved": "https://registry.npmjs.org/astro/-/astro-4.16.19.tgz", "integrity": "sha512-baeSswPC5ZYvhGDoj25L2FuzKRWMgx105FetOPQVJFMCAp0o08OonYC7AhwsFdhvp7GapqjnC1Fe3lKb2lupYw==", + "peer": true, "dependencies": { "@astrojs/compiler": "^2.10.3", "@astrojs/internal-helpers": "0.4.1", @@ -3027,6 +3030,7 @@ "url": "https://github.com/sponsors/ai" } ], + "peer": true, "dependencies": { "baseline-browser-mapping": "^2.8.3", "caniuse-lite": "^1.0.30001741", @@ -3203,7 +3207,6 @@ "version": "1.0.4", "resolved": "https://registry.npmjs.org/code-red/-/code-red-1.0.4.tgz", "integrity": "sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==", - "peer": true, "dependencies": { "@jridgewell/sourcemap-codec": "^1.4.15", "@types/estree": "^1.0.1", @@ -3293,7 +3296,6 @@ "version": "2.3.1", "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz", "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==", - "peer": true, "dependencies": { "mdn-data": "2.0.30", "source-map-js": "^1.0.1" @@ -4358,7 +4360,6 @@ "version": "3.0.3", "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.3.tgz", "integrity": "sha512-ixkJoqQvAP88E6wLydLGGqCJsrFUnqoH6HnaczB8XmDH1oaWU+xxdptvikTgaEhtZ53Ky6YXiBuUI2WXLMCwjw==", - "peer": true, "dependencies": { "@types/estree": "^1.0.6" } @@ -4487,8 +4488,7 @@ "node_modules/locate-character": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz", - "integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==", - "peer": true + "integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==" }, "node_modules/locate-path": { "version": "5.0.0", @@ -4897,8 +4897,7 @@ "node_modules/mdn-data": { "version": "2.0.30", "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz", - "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==", - "peer": true + "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==" }, "node_modules/mdurl": { "version": "2.0.0", @@ -5885,7 +5884,6 @@ "version": "3.1.0", "resolved": "https://registry.npmjs.org/periscopic/-/periscopic-3.1.0.tgz", "integrity": "sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==", - "peer": true, "dependencies": { "@types/estree": "^1.0.0", "estree-walker": "^3.0.0", @@ -6687,6 +6685,7 @@ "version": "4.52.0", "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.52.0.tgz", "integrity": "sha512-+IuescNkTJQgX7AkIDtITipZdIGcWF0pnVvZTWStiazUmcGA2ag8dfg0urest2XlXUi9kuhfQ+qmdc5Stc3z7g==", + "peer": true, "dependencies": { "@types/estree": "1.0.8" }, @@ -6773,6 +6772,7 @@ "version": "1.93.0", "resolved": "https://registry.npmjs.org/sass/-/sass-1.93.0.tgz", "integrity": "sha512-CQi5/AzCwiubU3dSqRDJ93RfOfg/hhpW1l6wCIvolmehfwgCI35R/0QDs1+R+Ygrl8jFawwwIojE2w47/mf94A==", + "peer": true, "dependencies": { "chokidar": "^4.0.0", "immutable": "^5.0.2", @@ -7404,6 +7404,7 @@ "version": "5.4.20", "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.20.tgz", "integrity": "sha512-j3lYzGC3P+B5Yfy/pfKNgVEg4+UtcIJcVRt2cDjIOmhLourAqPqf8P7acgxeiSgUB7E3p2P8/3gNIgDLpwzs4g==", + "peer": true, "dependencies": { "esbuild": "^0.21.3", "postcss": "^8.4.43", @@ -7562,6 +7563,7 @@ "version": "3.25.76", "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz", "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==", + "peer": true, "funding": { "url": "https://github.com/sponsors/colinhacks" } diff --git a/src/components/Header.astro b/src/components/Header.astro index 19c0da9..58bd788 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -2,20 +2,30 @@ import Logo from './Logo.astro' import Nav from './Nav.astro' -const { current = '' } = Astro.props; +export interface Props { + current?: string; + showLogo?: boolean; +} + +const {current = '', showLogo = true} = Astro.props; --- +
+ { + showLogo && ( + + ) + } +
- -
- -
diff --git a/src/components/Logo.astro b/src/components/Logo.astro index ec0a0c2..986b1dc 100644 --- a/src/components/Logo.astro +++ b/src/components/Logo.astro @@ -11,6 +11,10 @@ const { width, height } = Astro.props; - + + diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro index 00e143c..54b10f7 100644 --- a/src/layouts/BaseLayout.astro +++ b/src/layouts/BaseLayout.astro @@ -8,8 +8,9 @@ export interface Props { description: string; permalink: string; current?: string; + showLogo?: boolean; } -const { title, description, permalink, current } = Astro.props; +const { title, description, permalink, current, showLogo = true } = Astro.props; --- @@ -17,7 +18,7 @@ const { title, description, permalink, current } = Astro.props;
-
+
diff --git a/src/pages/about.astro b/src/pages/about.astro index 2d5f64a..9b73be1 100644 --- a/src/pages/about.astro +++ b/src/pages/about.astro @@ -7,45 +7,57 @@ const permalink = `${Astro?.site?.href}about`; --- -
-

About me

+
+

About me

-

My name is Paweł, but I'm better known as YouHaveTrouble on the internet.

-

- I currently work as a full-stack web developer. Technologies I usually use for my job are javascript, vuejs, - typescript, sql. I also often actively research and learn about new technologies that could be used to improve my - work. -

-

- In my spare time I develop plugins for minecraft servers. This is a hobby that initially made me learn how to - code. To this day I help maintain Purpur server software along with its - official plugin. List of plugins I currently support can be - found here. -

-

- My video game interests are mostly focused on narrative heavy games, but I also enjoy some ARPGs and roguelikes. - You can see my full steam library here. - Recommendations from my favourite games would include: -

- -
+

My name is Paweł, but I'm better known as YouHaveTrouble on the internet. +

+

+ I currently work as a full-stack web developer. Technologies I usually use for my job are javascript, vuejs, + typescript, sql. I also often actively research and learn about new technologies that could be used to + improve my + work. +

+

+ In my spare time I develop plugins for minecraft servers. This is a hobby that initially made me learn how + to + code. To this day I help maintain Purpur server software along with its + official plugin. List of plugins I currently support + can be + found here. +

+

+ My video game interests are mostly focused on narrative heavy games, but I also enjoy some ARPGs and + roguelikes. + You can see my full steam library here. + Recommendations from my favourite games would include: +

+ +
- diff --git a/src/pages/blog/[slug].astro b/src/pages/blog/[slug].astro index c431355..fe70aa0 100644 --- a/src/pages/blog/[slug].astro +++ b/src/pages/blog/[slug].astro @@ -31,7 +31,7 @@ const permalink = `${Astro?.site?.href}blog/${slug}`;

{publishDate} ~ {readTime}

-

{title}

+

{title}

{tags.map(item => ( {item} @@ -55,7 +55,6 @@ const permalink = `${Astro?.site?.href}blog/${slug}`; margin-bottom: 0.7em; display: flex; justify-content: center; - view-transition-name: blog-title; width: fit-content; margin-inline: auto; } diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro index 1b2281a..5d1ccd8 100644 --- a/src/pages/blog/index.astro +++ b/src/pages/blog/index.astro @@ -21,7 +21,7 @@ const allPosts= posts.sort((a, b) => new Date(b.data.publishDate).valueOf() - ne { index !== 0 &&
}

- {post.data.title} + {post.data.title}

{post.data.tags.map(item => ( @@ -39,7 +39,12 @@ const allPosts= posts.sort((a, b) => new Date(b.data.publishDate).valueOf() - ne
-