From 1616a1c011883140c70f023d4aaa91978429ae38 Mon Sep 17 00:00:00 2001
From: "M. Allen Jeffrey" <mpjallenjeffrey@gmail.com>
Date: Fri, 17 Nov 2023 13:33:35 +0800
Subject: [PATCH 1/5] replace blue border with gray border

---
 partials/post-card.hbs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/partials/post-card.hbs b/partials/post-card.hbs
index d2d8729d..70509606 100644
--- a/partials/post-card.hbs
+++ b/partials/post-card.hbs
@@ -1,4 +1,4 @@
-<article class="feed-card {{post_class}} rounded-lg ring-1 ring-gray-900/5 shadow-xl m-auto w-full max-w-2xl md:max-w-full lg:h-full hover:shadow-md hover:border-opacity-0 transform hover:-translate-y-1 transition-all duration-200">
+<article class="feed-card {{post_class}} rounded-lg ring-1 shadow-xl m-auto w-full max-w-2xl md:max-w-full lg:h-full hover:shadow-md hover:border-opacity-0 transform hover:-translate-y-1 transition-all duration-200" style="--tw-ring-color: #808080">
     <div onclick="location.href='{{url}}'" class="flex flex-col cursor-pointer h-full rounded-xl overflow-hidden md:flex-row md:h-80 lg:flex-col lg:h-full">
         {{#if feature_image}}
         <img class="object-cover m-0 h-full md:aspect-[9/5] lg:h-auto lg:aspect-[15/8]" src="{{img_url feature_image}}" alt="{{title}}" />

From e4d143667d04a508c86847505243b89b93504a85 Mon Sep 17 00:00:00 2001
From: "M. Allen Jeffrey" <mpjallenjeffrey@gmail.com>
Date: Fri, 17 Nov 2023 14:08:01 +0800
Subject: [PATCH 2/5] center tag on featured articles

---
 partials/featured.hbs | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/partials/featured.hbs b/partials/featured.hbs
index 921b87a2..8a7aeeb4 100644
--- a/partials/featured.hbs
+++ b/partials/featured.hbs
@@ -29,13 +29,14 @@
                                         </div>
                                     {{/if}}
                                     <div class="slide-details">
-                                        <div>
+                                        <div class="flex items-center justify-center">
                                             {{#foreach tags from="1"}}
-                                            <span class="text-xl inline-flex items-center font-bold 
-                                                                            leading-sm px-4 py-2 my-1 rounded-full 
-                                                                            bg-brand-light text-gray-800 tag-element">
-                                                <a class="post-tag post-tag-{{slug}}" href="{{url}}">{{name}}</a>
-                                            </span>
+                                                <span class="text-xl inline-flex items-center font-bold 
+                                                            leading-sm px-4 py-2 my-1 rounded-full 
+                                                            bg-brand-light text-gray-800 tag-element text-center 
+                                                            {{#unless @last}}mr-2{{/unless}}">
+                                                    <a class="post-tag post-tag-{{slug}}" href="{{url}}">{{name}}</a>
+                                                </span>
                                             {{/foreach}}
                                         </div>
                                         <h3 class="post-title">{{title}}</h3>

From 50cf88ebf8bb9a8faa8f263e1a78ca9e95519601 Mon Sep 17 00:00:00 2001
From: "M. Allen Jeffrey" <mpjallenjeffrey@gmail.com>
Date: Fri, 17 Nov 2023 14:11:34 +0800
Subject: [PATCH 3/5] remove overlapping commit

---
 partials/post-card.hbs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/partials/post-card.hbs b/partials/post-card.hbs
index 70509606..d2d8729d 100644
--- a/partials/post-card.hbs
+++ b/partials/post-card.hbs
@@ -1,4 +1,4 @@
-<article class="feed-card {{post_class}} rounded-lg ring-1 shadow-xl m-auto w-full max-w-2xl md:max-w-full lg:h-full hover:shadow-md hover:border-opacity-0 transform hover:-translate-y-1 transition-all duration-200" style="--tw-ring-color: #808080">
+<article class="feed-card {{post_class}} rounded-lg ring-1 ring-gray-900/5 shadow-xl m-auto w-full max-w-2xl md:max-w-full lg:h-full hover:shadow-md hover:border-opacity-0 transform hover:-translate-y-1 transition-all duration-200">
     <div onclick="location.href='{{url}}'" class="flex flex-col cursor-pointer h-full rounded-xl overflow-hidden md:flex-row md:h-80 lg:flex-col lg:h-full">
         {{#if feature_image}}
         <img class="object-cover m-0 h-full md:aspect-[9/5] lg:h-auto lg:aspect-[15/8]" src="{{img_url feature_image}}" alt="{{title}}" />

From 294b126b9bbc548b73debccb99f596cfd691f460 Mon Sep 17 00:00:00 2001
From: "M. Allen Jeffrey" <mpjallenjeffrey@gmail.com>
Date: Fri, 24 Nov 2023 10:04:33 +0800
Subject: [PATCH 4/5] center tags only if more than 1 tag for post

---
 partials/featured.hbs | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/partials/featured.hbs b/partials/featured.hbs
index 8a7aeeb4..1320f4f6 100644
--- a/partials/featured.hbs
+++ b/partials/featured.hbs
@@ -29,7 +29,7 @@
                                         </div>
                                     {{/if}}
                                     <div class="slide-details">
-                                        <div class="flex items-center justify-center">
+                                        <div class="flex items-center" style="justify-content: {{#has number="2,3,4,8,11"}}flex-start{{else}}center{{/has}}">
                                             {{#foreach tags from="1"}}
                                                 <span class="text-xl inline-flex items-center font-bold 
                                                             leading-sm px-4 py-2 my-1 rounded-full 
@@ -49,7 +49,6 @@
                     </div>
                 </div>
             </div>
-            
         </section>
     {{/if}}
 {{/get}}

From ea0ca465f13d50bbbd22082e51dd364b4384018d Mon Sep 17 00:00:00 2001
From: "M. Allen Jeffrey" <mpjallenjeffrey@gmail.com>
Date: Fri, 24 Nov 2023 12:46:25 +0800
Subject: [PATCH 5/5] max-width of tag

---
 assets/css/blog/featured.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/assets/css/blog/featured.css b/assets/css/blog/featured.css
index 35cc5015..c4d12ac5 100644
--- a/assets/css/blog/featured.css
+++ b/assets/css/blog/featured.css
@@ -42,3 +42,23 @@
     margin-top: 20px;
     margin-left: 20px;
 }
+
+@media (max-width: 767px) {
+    .flex.items-center {
+        display: block;
+        text-align: center;
+        justify-content: center;
+    }
+
+    .flex.items-center > span {
+        max-width: calc(50% - 0.75rem);
+        display: inline-block;
+        margin-right: 0.5rem;
+        margin-bottom: 0.5rem;
+    }
+
+    .flex.items-center > span:nth-child(3) {
+        max-width: 100%;
+        margin-right: 0;
+    }
+}