Canonical repo for Dong Web (dong.vielle.dev)
vielle.dev
1---
2export interface Props {
3 title: string;
4}
5
6const { title } = Astro.props;
7---
8
9<!doctype html>
10<html lang="en">
11 <head>
12 <meta charset="UTF-8" />
13 <link rel="manifest" href="manifest.json" />
14 <meta name="viewport" content="width=device-width" />
15 <link rel="icon" type="image/svg+xml" href="/logo.svg" />
16 <meta name="generator" content={Astro.generator} />
17 <title>{title}</title>
18
19 <script is:inline>
20 if (typeof navigator.serviceWorker !== 'undefined') {
21 navigator.serviceWorker.register('sw.js')
22 }
23 </script>
24
25 <style is:global>
26 /* instantly overwrite reset */
27 @layer reset {
28 :root {
29 font-size: 62.5%;
30 }
31
32 body {
33 font-size: 1.6rem;
34 font-family: system-ui, sans-serif;
35 line-height: 1.5;
36 -webkit-font-smoothing: antialiased;
37 }
38
39 *,
40 *::before,
41 *::after {
42 margin: 0;
43 padding: 0;
44 box-sizing: border-box;
45 appearance: none;
46 }
47
48 img,
49 picture,
50 video,
51 canvas,
52 svg {
53 display: block;
54 max-width: 100%;
55 }
56
57 input,
58 button,
59 textarea,
60 select {
61 font: inherit;
62 }
63
64 p,
65 h1,
66 h2,
67 h3,
68 h4,
69 h5,
70 h6 {
71 overflow-wrap: break-word;
72 }
73
74 p {
75 text-wrap: pretty;
76 }
77
78 h1,
79 h2,
80 h3,
81 h4,
82 h5,
83 h6 {
84 text-wrap: balance;
85 }
86 }
87 </style>
88
89 <slot name="head" />
90 </head>
91 <body>
92 <slot />
93 </body>
94</html>