added structure for blog posts

src/routes/blog/[year]/[date]/+page.svelte

@@ -0,0 +1,27 @@
+<script>
+    import BannerTitleAlt from "$lib/banner-title-alt.svelte";
+    import Content from "$lib/content.svelte";
+    import TableOfContents from "$lib/table-of-contents.svelte";
+
+	export let data;
+</script>
+
+<svelte:head>
+    <title>{data.title} | denizk0461</title>
+    <meta name="description" content="{data.description}">
+</svelte:head>
+
+<BannerTitleAlt
+    title="{data.title}"
+    date="{data.date}"
+    banner="preview.webp"
+    bannerAlt="{""/*data.bannerAlt*/}"    
+/>
+
+<Content useContentWidth>
+
+    <TableOfContents disableStickyScrolling />
+
+    <svelte:component this={data.content} />
+
+</Content>

src/routes/blog/[year]/[date]/+page.ts

@@ -0,0 +1,22 @@
+import { posts, type BlogPostDetails } from '../../posts';
+
+export async function load({ params }) {
+	const post = await import(`../../${params.year}/${params.date}.md`);
+
+	const tag: string = `${params.year}/${params.date}`;
+	const postValues = posts.get(tag);
+	const content = post.default;
+	const title: string = postValues?.fullTitle ?? "";
+	const date: string = postValues?.date ?? "";
+	// const bannerAlt: string = postValues?.bannerAlt ?? "";
+	const description: string = postValues?.description ?? "";
+
+	return {
+		content,
+		title,
+		date,
+		tag,
+		// bannerAlt,
+		description,
+	};
+}