Foster Hangdaan
ab2099a44b
- Add global `lang` attribute - Add metadata: `author`, `color-scheme` and `theme-color`.
28 lines
1.3 KiB
XML
28 lines
1.3 KiB
XML
export default function({ title, description, children, comp }) {
|
|
return (
|
|
<html lang="en-CA">
|
|
<head>
|
|
<title>{title}</title>
|
|
<meta charSet="utf-8"/>
|
|
<meta name="description" content={description}/>
|
|
<meta name="author" content="Foster Hangdaan"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<meta name="color-scheme" content="dark light"/>
|
|
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1a1b26"/>
|
|
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#d5d6db"/>
|
|
<link rel="stylesheet" href="/styles/main.css"/>
|
|
<link rel="icon" type="image/png" href="/icons/tabicon-16.png" sizes="16x16" />
|
|
<link rel="icon" type="image/png" href="/icons/tabicon-32.png" sizes="32x32" />
|
|
<link rel="icon" type="image/png" href="/icons/tabicon-96.png" sizes="96x96" />
|
|
<link rel="icon" type="image/png" href="/icons/tabicon-128.png" sizes="128x128" />
|
|
<link rel="icon" type="image/png" href="/icons/tabicon-196.png" sizes="196x196" />
|
|
</head>
|
|
<body>
|
|
{ comp.navbar() }
|
|
{ comp.header({title, description}) }
|
|
<main>{children}</main>
|
|
{ comp.footer() }
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|