lukeonline - commit e897714

diff --git a/src/assets/Favicon.astro b/src/assets/Favicon.astro new file mode 100644 index 0000000..8815d6f --- /dev/null +++ b/src/assets/Favicon.astro @@ -0,0 +1 @@ +<link rel="icon" type="image/x-icon"> diff --git a/src/components/Footer.astro b/src/components/Footer.astro new file mode 100644 index 0000000..d7eee82 --- /dev/null +++ b/src/components/Footer.astro @@ -0,0 +1,3 @@ +<footer> + <p>Footer</p> +</footer> diff --git a/src/components/Head.astro b/src/components/Head.astro new file mode 100644 index 0000000..a62eac7 --- /dev/null +++ b/src/components/Head.astro @@ -0,0 +1,11 @@ +--- +import Favicon from "../assets/Favicon.astro"; + +const { ...props } = Astro.props; +--- +<head> + <meta charset="utf-8"> + <Favicon /> + <title>{props.title}</title> +</head> + diff --git a/src/components/Header.astro b/src/components/Header.astro new file mode 100644 index 0000000..b588b11 --- /dev/null +++ b/src/components/Header.astro @@ -0,0 +1,6 @@ +--- +const { title } = Astro.props; +--- +<header> + <h1>Luke Jones</h1> +</header> diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro new file mode 100644 index 0000000..214a5e8 --- /dev/null +++ b/src/layouts/Base.astro @@ -0,0 +1,18 @@ +--- +import Head from "../components/Head.astro"; + +import Header from "../components/Header.astro"; +import Footer from "../components/Footer.astro"; + +const { ...props } = Astro.props; +--- +<html> + <Head title={`lukeonline - ${props.title}`} /> + <body> + <Header /> + <main> + <slot /> + </main> + <Footer /> + </body> +</html> diff --git a/src/pages/index.astro b/src/pages/index.astro new file mode 100644 index 0000000..4e4359c --- /dev/null +++ b/src/pages/index.astro @@ -0,0 +1,8 @@ +--- +import Base from "../layouts/Base.astro"; + +const title = "Home"; +--- +<Base title={title}> + <p>hello world</p> +</Base>