diff --git a/public/favicon.svg b/public/favicon.svg index 0532edf..e1ca9a3 100644 --- a/public/favicon.svg +++ b/public/favicon.svg @@ -1,11 +1,9 @@ - - - - - - - - + + + + + + diff --git a/public/logo-dark.png b/public/logo-dark.png index 9b8aff3..9af978d 100644 Binary files a/public/logo-dark.png and b/public/logo-dark.png differ diff --git a/public/logo-light.png b/public/logo-light.png index 97e4c5f..d165833 100644 Binary files a/public/logo-light.png and b/public/logo-light.png differ diff --git a/public/logo.svg b/public/logo.svg index 7f95161..9cf7e89 100644 --- a/public/logo.svg +++ b/public/logo.svg @@ -1,10 +1,8 @@ - - - - - - - - - + + + + + + + diff --git a/public/og.png b/public/og.png index 1d08b32..f69e50e 100644 Binary files a/public/og.png and b/public/og.png differ diff --git a/src/components/hero.astro b/src/components/hero.astro index 9621f36..d0fd302 100644 --- a/src/components/hero.astro +++ b/src/components/hero.astro @@ -13,14 +13,16 @@ const count = soundCount();
- +
+ +

Ambient SoundsFor Focus and Calm @@ -65,14 +67,18 @@ const count = soundCount(); } } - & .logo { - display: block; - width: 45px; - margin: 0 auto 16px; - animation-name: logo; - animation-duration: 45s; - animation-timing-function: linear; - animation-iteration-count: infinite; + & .logo-wrapper { + mask-image: linear-gradient(#000, rgb(0 0 0 / 30%)); + + & .logo { + display: block; + width: 45px; + margin: 0 auto 16px; + animation-name: logo; + animation-duration: 60s; + animation-timing-function: linear; + animation-iteration-count: infinite; + } } & .title { diff --git a/src/components/media-controls/media-session-track.tsx b/src/components/media-controls/media-session-track.tsx index 6a29ab1..e4acc0b 100644 --- a/src/components/media-controls/media-session-track.tsx +++ b/src/components/media-controls/media-session-track.tsx @@ -36,7 +36,7 @@ export function MediaSessionTrack() { ...metadata, artwork: [ { - sizes: '200x200', + sizes: '200x192', src: artworkURL, type: 'image/png', },