kmoschcau/kmoschcau.de-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add a base layout for base HTML

Browse Source
This commit is contained in:
Kai Moschcau
2026-03-26 19:48:16 +01:00
parent 2b988b9be9
commit 3e7c1d7ad3
3 changed files with 101 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/layouts/BaseLayout.astro Normal file
View File

@@ -0,0 +1,21 @@
---
import "../styles/global.css";
const { title } = Astro.props;
---
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="color-scheme" content="light dark" />
<meta name="generator" content={Astro.generator} />
<title>{title}</title>
</head>
<body
class="flex min-h-screen flex-col justify-center p-6 sm:px-14 md:px-24 lg:px-32"
>
<slot />
</body>
</html>

19
src/pages/index.astro
View File

@@ -8,22 +8,10 @@ import KeyoxideLogo from "../images/Keyoxide.svg";
import LinkedInLogo from "../images/LinkedIn.svg";
import MatrixLogo from "../images/Matrix-logo.svg";
import portrait from "../images/portrait.jpg";
import "../styles/global.css";
import BaseLayout from "../layouts/BaseLayout.astro";
---
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="color-scheme" content="light dark" />
<meta name="generator" content={Astro.generator} />
<title>kmoschcau.de</title>
</head>
<body
class="flex min-h-screen flex-col justify-center p-6 sm:px-14 md:px-24 lg:px-32"
>
<BaseLayout>
<main>
<article class="flex flex-col items-center gap-10">
<Image
@@ -94,5 +82,4 @@ import "../styles/global.css";
</nav>
</article>
</main>
</body>
</html>
</BaseLayout>

7
src/pages/skills.astro Normal file
View File

@@ -0,0 +1,7 @@
---
import BaseLayout from "../layouts/BaseLayout.astro";
---
<BaseLayout>
<p>Skills</p>
</BaseLayout>