From 94173de0dcb33b3d923e18250bbc23a70b246afe Mon Sep 17 00:00:00 2001 From: gloria Date: Wed, 10 Sep 2025 12:10:27 +0200 Subject: [PATCH 1/5] feat: add gsap and replace nav animation with gsap --- apps/website/package.json | 2 +- apps/website/src/components/navigation.astro | 253 +++--- apps/website/src/styles/navigation.css | 141 ---- bun.lock | 808 ++++--------------- package.json | 2 +- 5 files changed, 276 insertions(+), 930 deletions(-) delete mode 100644 apps/website/src/styles/navigation.css diff --git a/apps/website/package.json b/apps/website/package.json index e615d7f6..9455aa8e 100644 --- a/apps/website/package.json +++ b/apps/website/package.json @@ -16,12 +16,12 @@ "autoprefixer": "^10.4.21", "classnames": "^2.5.1", "date-fns": "^4.1.0", + "gsap": "^3.13.0", "marked": "^16.1.2", "posthog-js": "^1.222.0", "react": "^19.1.0", "react-dom": "^19.1.0", "react-icons": "^5.5.0", - "tailwind": "^4.0.0", "tailwind-bootstrap-grid": "^6.0.0" }, "scripts": { diff --git a/apps/website/src/components/navigation.astro b/apps/website/src/components/navigation.astro index ef3b8c9d..d08aeaba 100644 --- a/apps/website/src/components/navigation.astro +++ b/apps/website/src/components/navigation.astro @@ -1,7 +1,6 @@ --- import { getImage } from "astro:assets"; import crocoderLogo from "../assets/crocoder-logo.png"; -import "../styles/navigation.css"; const optimizedLogo = await getImage({ src: crocoderLogo, @@ -34,8 +33,6 @@ const optimizedLogo = await getImage({ md:rounded-r-lg md:overflow-hidden relative - gap:12 - max-md:has-[input:checked]:bg-secondary md:w-[680px]" data-navhidden="false" > @@ -72,17 +69,17 @@ const optimizedLogo = await getImage({ -