From a1b2a399efd9ff1c8b3b0dfd71b59c7de28728ea Mon Sep 17 00:00:00 2001 From: Linnea Gräf Date: Sun, 17 Nov 2024 03:02:24 +0100 Subject: feat(web): Add hero image and navbar --- web/src/components/Base.astro | 12 ------------ web/src/components/Head.astro | 12 ------------ web/src/components/Hero.astro | 19 +++++++++++++++++++ web/src/components/NavBar.astro | 26 ++++++++++++++++++++++++++ 4 files changed, 45 insertions(+), 24 deletions(-) delete mode 100644 web/src/components/Base.astro delete mode 100644 web/src/components/Head.astro create mode 100644 web/src/components/NavBar.astro (limited to 'web/src/components') diff --git a/web/src/components/Base.astro b/web/src/components/Base.astro deleted file mode 100644 index 73ce48c..0000000 --- a/web/src/components/Base.astro +++ /dev/null @@ -1,12 +0,0 @@ ---- -import Head, {type Props as HeadProps} from "./Head.astro"; - -type Props = {} & HeadProps; ---- - - - - - - - diff --git a/web/src/components/Head.astro b/web/src/components/Head.astro deleted file mode 100644 index 2732105..0000000 --- a/web/src/components/Head.astro +++ /dev/null @@ -1,12 +0,0 @@ ---- -export type Props = { - title: string -} ---- - - - - - - {Astro.props.title} - diff --git a/web/src/components/Hero.astro b/web/src/components/Hero.astro index e69de29..94c7e34 100644 --- a/web/src/components/Hero.astro +++ b/web/src/components/Hero.astro @@ -0,0 +1,19 @@ +--- +import {type ImageMetadata} from "astro"; +import {Picture} from "astro:assets"; + +export type Props = { + image: ImageMetadata, + alt: string +} +--- +
+
+ +
+
+
+ +
+
diff --git a/web/src/components/NavBar.astro b/web/src/components/NavBar.astro new file mode 100644 index 0000000..5cecbb4 --- /dev/null +++ b/web/src/components/NavBar.astro @@ -0,0 +1,26 @@ +--- +export type Props = { + navStyle?: 'transparent' | 'full' +} + +const navbar = Astro.props.navStyle ?? 'full'; +--- + + -- cgit