<script lang="ts">
	import '../app.postcss';
	import { initializeStores, Modal } from '@skeletonlabs/skeleton';

	import { AppShell } from '@skeletonlabs/skeleton';
	//import Footer from '$lib/components/Footer.svelte';
	import NavBar from '$lib/components/NavBar.svelte';

	initializeStores();
</script>

<svelte:head>
	<!-- Primary meta tags -->
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>Sir Blob — Personal website & portfolio</title>

	<link rel="icon" href="/blob_nerd.png" />

	<meta name="description" content="Portfolio and projects by Sir Blob." />

	<!-- Open Graph / Facebook -->
	<meta property="og:type" content="website" />
	<meta property="og:title" content="Sir Blob — Personal website & portfolio" />
	<meta property="og:description" content="Portfolio and projects by Sir Blob." />
	<meta property="og:image" content="/blob_nerd.png" />

	<!-- Twitter -->
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:title" content="Sir Blob — Personal website & portfolio" />
	<meta name="twitter:description" content="Portfolio and projects by Sir Blob." />
	<meta name="twitter:image" content="/blob_nerd.png" />

	<!-- Fonts -->
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700&display=swap" />
</svelte:head>

<Modal />
<AppShell>
	<svelte:fragment slot="header">
		<NavBar />
	</svelte:fragment>
	<slot />
	<!-- <svelte:fragment slot="footer">
		<Footer />
	</svelte:fragment> -->
</AppShell>
