---
import NavBar from '../components/NavBar.astro';
import ResourceBar from '../components/ResourceBar.astro';

interface Props {
	id: string;
	title: string;
}

const { title } = Astro.props;
---
<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="description" content="Astro description" />
		<meta name="viewport" content="width=device-width" />
		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
		<link rel="stylesheet" href="/css/markdown.css" />
		<meta name="generator" content={Astro.generator} />
		<title>{title}</title>
	</head>
	<body>
	    <div class="bars">
			<NavBar loggedIn="true" active={Astro.props.id} />
	    	<ResourceBar />
		</div>
		<slot />
	</body>
</html>
<style>
html {
	font-family: system-ui, sans-serif;
	background: #13151a;
	width: 100%;
}

.bars {
	display: inline;
}
</style>