<script>
    import Banner2 from "$lib/banner2.svelte";
    import Content from "$lib/viewport/content.svelte";
    import TableOfContents from "$lib/components/table-of-contents.svelte";

	export let data;
</script>

<svelte:head>
    <title>{data.title} | denizk0461</title>
    <meta name="description" content="{data.description}">
    <meta name="DCTERMS.created" content="{data.date}T{data.time}">
</svelte:head>

<Content>
    <Banner2
        title="{data.title}"
        subtitle="{data.subtitle}"
        date="{data.date}"
        dateUpdated="{data.dateUpdated}"
        banner="{data.banner}"
        bannerAlt="Banner for blog post '{data.title}'"
        tags={data.tags} />

    <TableOfContents />

    <svelte:component this={data.content} />

</Content>