From 65de4fadd7eb79fe5ea926fd62cae07966e15166 Mon Sep 17 00:00:00 2001
From: Theodore Kruczek <theodore.kruczek@gmail.com>
Date: Sun, 14 Jan 2024 18:49:32 -0500
Subject: [PATCH] feat: add text to blog post if author is set

Fixes #341
---
 src/components/blog/ListItem.astro                     |  8 ++++++++
 src/components/blog/SinglePost.astro                   | 10 ++++++++++
 .../get-started-website-with-astro-tailwind-css.md     |  1 +
 3 files changed, 19 insertions(+)

diff --git a/src/components/blog/ListItem.astro b/src/components/blog/ListItem.astro
index 18c2b1c..c4f6c7c 100644
--- a/src/components/blog/ListItem.astro
+++ b/src/components/blog/ListItem.astro
@@ -60,6 +60,14 @@ const link = APP_BLOG?.post?.isEnabled ? getPermalink(post.permalink, 'post') :
               </>
             )
           }
+          {
+            post.author && (
+              <>
+                {' '}
+                · <span>{post.author.replaceAll('-', ' ')}</span>
+              </>
+            )
+          }
         </span>
       </div>
       <h2 class="text-xl sm:text-2xl font-bold leading-tight mb-2 font-heading dark:text-slate-300">
diff --git a/src/components/blog/SinglePost.astro b/src/components/blog/SinglePost.astro
index 6744720..a2169c1 100644
--- a/src/components/blog/SinglePost.astro
+++ b/src/components/blog/SinglePost.astro
@@ -40,6 +40,16 @@ const { Content } = post;
           {post.readingTime && <> · {post.readingTime} min read</>}
         </p>
       </div>
+      {
+        post.author && (
+          <div class="flex justify-between flex-col sm:flex-row max-w-3xl mx-auto mt-0 mb-2 px-4 sm:px-6 sm:items-center">
+            <p>
+              <Icon name="tabler:user" class="w-4 h-4 inline-block -mt-0.5 dark:text-gray-400" />
+              {post.author}
+            </p>
+          </div>
+        )
+      }
       <h1
         class="px-4 sm:px-6 max-w-3xl mx-auto text-4xl md:text-5xl font-bold leading-tighter tracking-tighter font-heading"
       >
diff --git a/src/content/post/get-started-website-with-astro-tailwind-css.md b/src/content/post/get-started-website-with-astro-tailwind-css.md
index 0602021..2c88722 100644
--- a/src/content/post/get-started-website-with-astro-tailwind-css.md
+++ b/src/content/post/get-started-website-with-astro-tailwind-css.md
@@ -1,5 +1,6 @@
 ---
 publishDate: 2023-08-12T00:00:00Z
+author: John Smith
 title: Get started with AstroWind to create a website using Astro and Tailwind CSS
 excerpt: Start your web journey with AstroWind – harness Astro and Tailwind CSS for a stunning site. Explore our guide now.
 image: https://images.unsplash.com/photo-1516996087931-5ae405802f9f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80