From 74702d29acb3e6a7667aa443557f4c323ce118f8 Mon Sep 17 00:00:00 2001
From: Kyren223 <Kyren223@proton.me>
Date: Thu, 14 Nov 2024 23:56:57 +0200
Subject: Experimenting with my own markdown styling for blogs

---
 src/pages/blogs/[...slug].astro | 26 ++++++++++++++++++++++----
 1 file changed, 22 insertions(+), 4 deletions(-)

(limited to 'src/pages/blogs')

diff --git a/src/pages/blogs/[...slug].astro b/src/pages/blogs/[...slug].astro
index 33bfc84..3b15fc7 100644
--- a/src/pages/blogs/[...slug].astro
+++ b/src/pages/blogs/[...slug].astro
@@ -1,6 +1,9 @@
 ---
-import Blog from "@layouts/Blog.astro";
 import { getCollection } from "astro:content";
+import Blog from "@layouts/Blog.astro";
+import Markdown from "@components/Markdown.astro";
+import Terminal from "@layouts/Terminal.astro";
+import BlogItem from "@components/BlogItem.astro";
 
 export async function getStaticPaths() {
     const blogEntries = await getCollection("blogs");
@@ -14,6 +17,21 @@ const { entry } = Astro.props;
 const { Content } = await entry.render();
 ---
 
-<Blog title=`/home/kyren/blogs/${entry.slug}`>
-    <Content />
-</Blog>
+<Terminal path="blogs/">
+    <div class="w-full h-[65vh] overflow-y-auto pr-4">
+        <div class="flex flex-col h-full m-0 p-0">
+            <BlogItem
+                title={entry.data.title}
+                description={entry.data.description ?? ""}
+                date={entry.data.date}
+            />
+            <div class="text-[130%] flex-grow">
+                <Content />
+            </div>
+        </div>
+    </div>
+</Terminal>
+
+<!-- <Blog title=`/home/kyren/blogs/${entry.slug}`> -->
+<!--     <Content /> -->
+<!-- </Blog> -->
-- 
cgit v1.3.1