<script>
    import BannerTitleAlt from "$lib/banner-title-alt.svelte";
    import ContentSidebar from "$lib/content-sidebar.svelte";
    import TableOfContents from "$lib/table-of-contents.svelte";

	export let data;
</script>

<svelte:head>
    <title>{data.title} | denizk0461</title>
</svelte:head>

<BannerTitleAlt
    title="{data.title}"
    subtitle="Project N5 Devlog"
    date="{data.date}"
    banner="preview.webp"
    bannerAlt="Close-up of Laura blinking"    
/>

<ContentSidebar>

    <TableOfContents slot="side-left" />

    <div slot="main">
		<svelte:component this={data.content} />
	</div>

</ContentSidebar>