---
import Header from "../components/header.astro";
import Footer from "../components/footer.astro";
import "../fonts.css";
import "../style.css";

const {frontmatter} = Astro.props;
let {title, description, keys} = Astro.props;
if (typeof frontmatter !== 'undefined') {
  title = frontmatter.title;
  description = frontmatter.description;
  keys = frontmatter.keys;
};
---

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width" />
		<!--<link rel="icon" type="image/svg+xml" href="/favicon.svg" />-->
		<meta name="generator" content={Astro.generator} />
    <meta name="description" content={description} />
    <meta name="keywords" content="nothing.run nothing privacy free libre software floss self host" />
    <meta name="keywords" content={keys} />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" href="/nothingrun-favicon-whiteonblack.png" type="image/png">

		<title>{title}</title>
	</head>
	<body>
    <Header />

    <h1>{title}</h1>

		<slot />
    <Footer />

	</body>
</html>
