website/_includes/layouts/base.tsx

35 lines
1.6 KiB
TypeScript
Raw Normal View History

export default function({ title, description, children, comp, metas, links, author, date }) {
2023-07-23 16:44:56 -04:00
return (
<html lang="en-CA">
2023-07-23 16:44:56 -04:00
<head>
<title>{title}</title>
<meta charSet="utf-8"/>
<meta name="description" content={description}/>
<meta name="author" content="Foster Hangdaan"/>
2023-07-23 21:50:39 -04:00
<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"/>
{Array.isArray(metas) && metas.length > 0 &&
metas.map(m => <meta name={m.name} content={m.content}/>)
}
<link rel="stylesheet" href="/styles/main.css"/>
2023-08-01 21:56:56 -04:00
<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" />
{Array.isArray(links) && links.length > 0 &&
links.map(l => <link rel={l.rel} href={l.href} type={l.type} title={l.title}/>)
}
2023-07-23 16:44:56 -04:00
</head>
<body>
{ comp.navbar() }
{ comp.header({title, description, author, date}) }
<main class="main-content">{children}</main>
2023-07-26 23:04:30 -04:00
{ comp.footer() }
2023-07-23 16:44:56 -04:00
</body>
</html>
);
}