From 8cdb07dfa93b01e7d1d0dde573cea2f3d84cfdaf Mon Sep 17 00:00:00 2001 From: FjellOverflow Date: Fri, 4 Oct 2024 00:17:38 +0300 Subject: [PATCH] feat: add new logo as favicon, landing, header, about --- public/favicon.svg | 219 +++++++++++++++++++++++++++-- src/assets/logo.svg | 210 +++++++++++++++++++++++++++ src/components/LandingHero.astro | 22 ++- src/components/layout/Header.astro | 5 +- src/layouts/LandingLayout.astro | 8 +- src/pages/404.md | 1 + src/pages/{about.md => about.mdx} | 9 +- src/pages/index.md | 3 +- 8 files changed, 455 insertions(+), 22 deletions(-) create mode 100644 src/assets/logo.svg rename src/pages/{about.md => about.mdx} (85%) 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}