From a8c92ee309f1cbe63d3768d5d0edca7e76ac7239 Mon Sep 17 00:00:00 2001
From: Jimmy <jimmy.b.mau@gmail.com>
Date: Thu, 3 Aug 2023 16:39:36 -0400
Subject: [PATCH] feat: change style of blog posts

---
 src/layouts/MarkdownPostLayout.astro | 28 +++++++++++++++++++++++-----
 1 file changed, 23 insertions(+), 5 deletions(-)

diff --git a/src/layouts/MarkdownPostLayout.astro b/src/layouts/MarkdownPostLayout.astro
index 36928fc..93c2f64 100644
--- a/src/layouts/MarkdownPostLayout.astro
+++ b/src/layouts/MarkdownPostLayout.astro
@@ -5,15 +5,33 @@ const date = new Date(frontmatter.pubDate + "T23:59:59+13:00").toLocaleDateStrin
 ---
 
 <BaseLayout>
-    <h1>{ frontmatter.title }</h1>
-    <p>{ date }</p>
+    <h1 class="title">{ frontmatter.title }</h1>
+    <p class="date">{ date }</p>
     { frontmatter.image ? <img src={frontmatter.image.url} width="300" alt={frontmatter.image.alt} /> : null }
-    <div>tags: 
+    <p class="tags">tags: 
         {frontmatter.tags.map((tag, index, arr) => 
             <>
-                <a href={`/tags/${tag}`}>{tag}</a>{index < frontmatter.tags.length - 1 ? ', ' : ''}
+                <a href={`/tags/${tag}`}>#{tag}</a>{index < frontmatter.tags.length - 1 ? ', ' : ''}
             </>
         )}
-    </div>
+    </p>
+    <hr />
     <slot />
 </BaseLayout>
+
+<style>
+hr {
+    color: #fff;
+
+}
+.title {
+    margin-bottom: 0em;
+}
+.date {
+    margin: 0em;
+    color: #999;
+}
+.tags {
+    margin: 0em;
+}
+</style>