---

import '@fontsource/nunito'
import '@fontsource/libre-baskerville'
import '../styles/globals.css'

import Header from '../components/Header.astro'
import Footer from '../components/Footer.astro'

const { title } = Astro.props

---

<html lang="en">
	<head>
		<meta charset="utf-8" />
		<link href="/moffsoft_light_64.png" rel="icon" type="image/png" media="(prefers-color-scheme: light)"/>
        <link href="/moffsoft_dark_64.png" rel="icon" type="image/png" media="(prefers-color-scheme: dark)"/>
		<meta name="viewport" content="width=device-width" />
		<meta name="generator" content={Astro.generator} />
		<title>{title ? title + ' - eleboog.com' : 'eleboog.com'}</title>
	</head>
	<body class="flex-col mx-auto min-h-screen max-w-screen-md p-8 py-4">
		<Header current={title}/>
		<main>
			<slot/>
		</main>
		<Footer/>
	</body>
</html>