Personal Site
1---
2import Header from "./Header.astro";
3
4interface Props {
5 title?: string;
6}
7---
8
9<html lang="en">
10 <head>
11 <meta charset="utf-8" />
12 <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
13 <meta name="viewport" content="width=device-width" />
14 <meta name="generator" content={Astro.generator} />
15 <title>
16 {Astro.props.title ? `${Astro.props.title} | vielle.dev` : "vielle.dev"}
17 </title>
18
19 <style is:global>
20 @layer reset {
21 :root {
22 font-family: sans-serif;
23 interpolate-size: allow-keywords;
24 }
25
26 * {
27 margin: 0;
28 padding: 0;
29 }
30
31 html,
32 body {
33 min-width: 30ch;
34 min-height: 100svh;
35 }
36
37 img,
38 svg,
39 iframe,
40 audio,
41 video {
42 max-width: 100%;
43 display: block;
44 }
45 }
46 </style>
47 <slot name="head" />
48 </head>
49 <body>
50 <Header />
51 <slot />
52 </body>
53</html>