lukeonline

source for my website
git clone https://git.lukeonline.net/repos/lukeonline
Log | Files | Refs | README | LICENSE

commit e89771432370a9b14b97238ded95251f13b31e6f
parent de75876c8ff335139b231d53c60cbfd680594498
Author: LukeJ <luke.jones.2567@gmail.com>
Date:   Wed, 15 Jul 2026 18:09:22 +0100

feat: boilerplating

Diffstat:
Asrc/assets/Favicon.astro | 1+
Asrc/components/Footer.astro | 3+++
Asrc/components/Head.astro | 11+++++++++++
Asrc/components/Header.astro | 6++++++
Asrc/layouts/Base.astro | 18++++++++++++++++++
Asrc/pages/index.astro | 8++++++++
6 files changed, 47 insertions(+), 0 deletions(-)

diff --git a/src/assets/Favicon.astro 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 @@ -0,0 +1,3 @@ +<footer> + <p>Footer</p> +</footer> diff --git a/src/components/Head.astro 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 @@ -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 @@ -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 @@ -0,0 +1,8 @@ +--- +import Base from "../layouts/Base.astro"; + +const title = "Home"; +--- +<Base title={title}> + <p>hello world</p> +</Base>