diff --git a/public/favicon.svg b/public/favicon.svg index f157bd1..57c226f 100644 --- a/public/favicon.svg +++ b/public/favicon.svg @@ -1,9 +1,210 @@ - - - - + + + + diff --git a/src/assets/logo.svg b/src/assets/logo.svg new file mode 100644 index 0000000..57c226f --- /dev/null +++ b/src/assets/logo.svg @@ -0,0 +1,210 @@ + + + + diff --git a/src/components/LandingHero.astro b/src/components/LandingHero.astro index 77a9935..d7e1521 100644 --- a/src/components/LandingHero.astro +++ b/src/components/LandingHero.astro @@ -1,15 +1,29 @@ --- +import logo from '@/assets/logo.svg' +import { Image } from 'astro:assets' + export interface Props { - heroVariant?: 'gradient' | 'background' | 'gradient background' + frontmatter: Partial<{ + gradient: boolean + background: boolean + logo: boolean + }> } -const { heroVariant = '' } = Astro.props +const { gradient, background, logo: showLogo } = Astro.props.frontmatter + +const heroVariant = `${gradient ? 'gradient' : ''} ${background ? 'background' : ''}` ---

- - +
+ {showLogo && Nordlys logo} +
+ +
+
+

diff --git a/src/components/layout/Header.astro b/src/components/layout/Header.astro index 1a71e10..2d1c22a 100644 --- a/src/components/layout/Header.astro +++ b/src/components/layout/Header.astro @@ -1,6 +1,8 @@ --- +import logo from '@/assets/logo.svg' import ThemeToggle from '@/components/ThemeToggle.astro' import config from '@/theme.config' +import { Image } from 'astro:assets' import Separator from './Separator.astro' export interface Props { @@ -12,7 +14,8 @@ const { activeHeaderLink } = Astro.props
- + + Nordlys logo {config.title}