donation-site/_includes/layout.tsx

77 lines
2 KiB
TypeScript
Raw Normal View History

2024-05-31 13:12:53 -04:00
export default function (data: Lume.Data) {
return (
<html lang="en-CA">
<head>
<title>{data.title}</title>
<meta charSet="utf-8" />
<meta name="description" content={data.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="/images/tabicon-16.png"
sizes="16x16"
/>
<link
rel="icon"
type="image/png"
href="/images/tabicon-32.png"
sizes="32x32"
/>
<link
rel="icon"
type="image/png"
href="/images/tabicon-96.png"
sizes="96x96"
/>
<link
rel="icon"
type="image/png"
href="/images/tabicon-128.png"
sizes="128x128"
/>
<link
rel="icon"
type="image/png"
href="/images/tabicon-196.png"
sizes="196x196"
/>
</head>
<body>
2024-06-01 10:45:20 -04:00
<main>
{data.children}
</main>
<footer class="body">
<div class="copyright">
Copyright &copy; 2024 Foster Hangdaan
</div>
<div class="meta">
<a href="https://code.fosterhangdaan.com/foster/donation-site">
Source
</a>
<a href="https://code.fosterhangdaan.com/foster/donation-site/src/branch/trunk/LICENSE.md">
License
</a>
</div>
</footer>
2024-05-31 13:12:53 -04:00
</body>
</html>
);
}