update

src/components/BlogPost.astro

@@ -1,9 +1,12 @@
 ---
-const { title, url, pubDate, renderPromise } = Astro.props
+const { title, url, pubDate, description, renderPromise } = Astro.props
 const { remarkPluginFrontmatter } = await renderPromise
 ---
 
 <li>
 	<a href={url}>{title}</a> <br />
-	Approximately {remarkPluginFrontmatter.minutesRead}, published {pubDate.toISOString().slice(0,10)}
+	<span>
+		{description} <br />
+		Approximately {remarkPluginFrontmatter.minutesRead}, published {pubDate.toISOString().slice(0,10)}
+	</span>
 </li>

src/content/config.ts

@@ -6,8 +6,7 @@ const blogCollection = defineCollection({
 		title: z.string(),
 		pubDate: z.date(),
 		description: z.string(),
-		author: z.string(),
-		minutesRead: z.string().optional()
+		author: z.string()
 	})
 })
 

src/layouts/MarkdownPostLayout.astro

@@ -5,9 +5,12 @@ const { frontmatter, remarkPluginFrontmatter } = Astro.props
 <Layout title={frontmatter.title}>
 	<main class="m-auto p-6 max-w-6xl text-left">
 		<h1>{frontmatter.title}</h1>
-		<p>Written by {frontmatter.author}</p>
-		<p>Published on {frontmatter.pubDate.toISOString().slice(0,10)}</p>
-		<p>Approximately {remarkPluginFrontmatter.minutesRead}</p>
-		<slot />
+		<span class="text-sm">
+			Written by {frontmatter.author}, Published on {frontmatter.pubDate.toISOString().slice(0,10)} <br />
+			Approximately {remarkPluginFrontmatter.minutesRead} <br />
+		</span>
+		<span class="text-xl">
+			<slot />
+		</span>
 	</main>
 </Layout>

src/pages/blog.astro

@@ -9,7 +9,7 @@ const pageTitle = "bitbloxhub's blog"
 	<main class="m-auto p-6 max-w-6xl text-left">
 		<h1>bitbloxhub's blog!</h1>
 		<ul class="text-base">
-			{allPosts.map((post) => <BlogPost url={`/posts/${post.slug}/`} title={post.data.title} pubDate={post.data.pubDate} renderPromise={post.render()} />)}
+			{allPosts.map((post) => <BlogPost url={`/posts/${post.slug}/`} description={post.data.description} title={post.data.title} pubDate={post.data.pubDate} renderPromise={post.render()} />)}
 		</ul> 
 	</main>
 </Layout>