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 ++++++++++++++++++++++++++ web/src/layouts/Base.astro | 13 +++++++++++++ web/src/layouts/Head.astro | 12 ++++++++++++ web/src/pages/index.astro | 19 ++++++++++++------- web/src/panorama.png | Bin 0 -> 2282096 bytes 8 files changed, 82 insertions(+), 31 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 create mode 100644 web/src/layouts/Base.astro create mode 100644 web/src/layouts/Head.astro create mode 100644 web/src/panorama.png (limited to 'web/src') 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'; +--- + + diff --git a/web/src/layouts/Base.astro b/web/src/layouts/Base.astro new file mode 100644 index 0000000..da71f41 --- /dev/null +++ b/web/src/layouts/Base.astro @@ -0,0 +1,13 @@ +--- +import Head, {type Props as HeadProps} from "./Head.astro"; +type Props = { +} & HeadProps; +--- + + + + + + + + diff --git a/web/src/layouts/Head.astro b/web/src/layouts/Head.astro new file mode 100644 index 0000000..2732105 --- /dev/null +++ b/web/src/layouts/Head.astro @@ -0,0 +1,12 @@ +--- +export type Props = { + title: string +} +--- + + + + + + {Astro.props.title} + diff --git a/web/src/pages/index.astro b/web/src/pages/index.astro index 3797b42..139b515 100644 --- a/web/src/pages/index.astro +++ b/web/src/pages/index.astro @@ -1,10 +1,15 @@ --- -import Head from "../components/Head.astro"; +import Hero from "../components/Hero.astro" +import Base from "../layouts/Base.astro"; +import Image from "../panorama.png"; +import NavBar from "../components/NavBar.astro"; --- - - - -

Astro

- - + + +

Firmament

Hypixel SkyBlock Utility Mod

+ Download now + + + diff --git a/web/src/panorama.png b/web/src/panorama.png new file mode 100644 index 0000000..d1ef600 Binary files /dev/null and b/web/src/panorama.png differ -- cgit