From 38cad14d44ca83a9f157d72b0325e1ab0503b7fd Mon Sep 17 00:00:00 2001 From: Aarav Sharma Date: Sun, 13 Sep 2026 09:10:23 -0600 Subject: [PATCH 1/2] feat(website): use animated logo on all pages and matching favicon Extract the animated synapse logo from Nav into a shared Logo.astro component, swap the homepage's static dot mark for it, and align favicon.svg with the same geometry, animation, and signal palette. --- website/public/favicon.svg | 13 ++++++++----- website/src/components/layout/Logo.astro | 21 +++++++++++++++++++++ website/src/components/layout/Nav.astro | 16 ++-------------- website/src/pages/index.astro | 6 ++---- 4 files changed, 33 insertions(+), 23 deletions(-) create mode 100644 website/src/components/layout/Logo.astro diff --git a/website/public/favicon.svg b/website/public/favicon.svg index 667b882..2fc751e 100644 --- a/website/public/favicon.svg +++ b/website/public/favicon.svg @@ -1,12 +1,15 @@ - - + + - - - + + + + + diff --git a/website/src/components/layout/Logo.astro b/website/src/components/layout/Logo.astro new file mode 100644 index 0000000..47c6305 --- /dev/null +++ b/website/src/components/layout/Logo.astro @@ -0,0 +1,21 @@ +--- +interface Props { + size?: number; +} + +const { size = 28 } = Astro.props; +--- + diff --git a/website/src/components/layout/Nav.astro b/website/src/components/layout/Nav.astro index 2c69edd..c3d179a 100644 --- a/website/src/components/layout/Nav.astro +++ b/website/src/components/layout/Nav.astro @@ -1,25 +1,13 @@ --- import ThemeToggle from './ThemeToggle.astro'; +import Logo from './Logo.astro'; import Search from '~/components/react/Search.tsx'; const path = Astro.url.pathname; const isActive = (p: string) => path === p || (p !== '/' && path.startsWith(p)); ---