website-astro/src/layouts/BaseLayout.astro

34 lines
737 B
Plaintext
Raw Normal View History

2022-12-02 11:21:18 +01:00
---
2022-12-02 17:29:11 +01:00
import { astroI18n } from "astro-i18n";
2022-12-22 11:01:52 +01:00
astroI18n.init(Astro);
2022-12-02 11:21:18 +01:00
2022-12-22 11:01:52 +01:00
import "../styles/style.css";
2022-12-02 11:21:18 +01:00
2022-12-22 11:01:52 +01:00
import Header from "../components/Header.astro";
const { pageTitle, titleColor, lang } = Astro.props;
2022-12-02 11:21:18 +01:00
---
2022-12-22 11:01:52 +01:00
<html lang={astroI18n.langCode} dir="ltr">
2022-12-02 11:21:18 +01:00
<head>
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<title>{pageTitle} - Nicolas Arduin</title>
</head>
<body>
2022-12-05 20:50:35 +01:00
<div class="wrapper">
<Header />
<main id="skip-content" role="main">
2022-12-22 11:01:52 +01:00
<slot />
2022-12-05 20:50:35 +01:00
</main>
</div>
2022-12-02 11:21:18 +01:00
</body>
<style define:vars={{ titleColor }}>
h1 {
2022-12-22 11:01:52 +01:00
color: var(--titleColor);
2022-12-02 11:21:18 +01:00
}
2022-12-22 11:01:52 +01:00
</style>
2022-12-02 11:21:18 +01:00
</html>