From 3578ba80bef4ea17efd28c4a00a619893cc89f7b Mon Sep 17 00:00:00 2001
From: Damillora <developer@damillora.com>
Date: Thu, 12 Nov 2020 22:42:39 +0700
Subject: [PATCH] Finalize v2 iteration of Yuika with 2.3

---
 assets/css/styles.css    | 12 ++++++------
 package.json             |  2 +-
 partials/post-card.hbs   | 17 +++++++++--------
 partials/primary-tag.hbs | 19 ++++++++++---------
 post.hbs                 | 16 ++++++++--------
 5 files changed, 34 insertions(+), 32 deletions(-)

diff --git a/assets/css/styles.css b/assets/css/styles.css
index a11cf8f..fab3410 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -331,15 +331,15 @@ footer {
 .primary-tag-header:hover {
   @apply transition-all duration-300 ease-in-out underline;
 }
-.tag-header {
-  @apply bg-blue-700 w-auto inline-block px-2 py-1 text-white text-sm;
-}
+
 .tag-accent-color {
   @apply inline-block rounded-full align-text-bottom h-12 w-12;
-
 }
-.author-header {
-  @apply bg-red-700 w-auto inline-block px-2 py-1 text-white text-sm;
+.tag-accent-color.small {
+  @apply h-4 w-4;
+}
+.tag-accent-color.medium {
+  @apply h-6 w-6;
 }
 .author-image {
   @apply inline-block rounded-full align-text-bottom h-12 w-12;
diff --git a/package.json b/package.json
index f8b8aa4..10c6693 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
     "name": "yuika",
     "description": "nanao.moe's blog theme",
-    "version": "2.2.4",
+    "version": "2.3.0",
     "engines": {
         "ghost-api": "v3"
     },
diff --git a/partials/post-card.hbs b/partials/post-card.hbs
index caa1e65..87e5232 100644
--- a/partials/post-card.hbs
+++ b/partials/post-card.hbs
@@ -4,18 +4,19 @@
       {{> post-background}} {{!--Special header-image.hbs partial to generate the background image--}}
     </a>
     <div class="md:pl-4">
-      <div class="pt-4 md:pt-0 py-1">
+      <div class="pt-4 md:pt-0">
       {{#if primary_tag}}
       {{#primary_tag}}
-          {{#if accent_color}}
-          <a href="{{url}}">
-            <span class="primary-tag-header" style="background-color: {{accent_color}};">{{name}}</span>
-          </a>
+      <p>
+        <a href="{{url}}">
+          {{#if accent_color}} 
+          <span class="tag-accent-color small" style="background-color: {{accent_color}};"></span>
           {{else}}
-          <a href="{{url}}">
-            <span class="primary-tag-header">{{name}}</span>
-          </a>
+          <span class="tag-accent-color small"></span>{{name}}
           {{/if}}
+          <span class="text-sm hover:underline">{{name}}</span>
+        </a>
+      </p>
       {{/primary_tag}}
       {{/if}}
       </div>
diff --git a/partials/primary-tag.hbs b/partials/primary-tag.hbs
index 51e7b58..e3a05c3 100644
--- a/partials/primary-tag.hbs
+++ b/partials/primary-tag.hbs
@@ -1,14 +1,15 @@
 
 {{#if primary_tag}}
 {{#primary_tag}}
-    {{#if accent_color}}
-    <a href="{{url}}">
-    <span class="primary-tag-header" style="background-color: {{accent_color}};">{{name}}</span>
-    </a>
-    {{else}}
-    <a href="{{url}}">
-    <span class="primary-tag-header">{{name}}</span>
-    </a>
-    {{/if}}
+      <p>
+        <a href="{{url}}">
+          {{#if accent_color}} 
+          <span class="tag-accent-color small" style="background-color: {{accent_color}};"></span>
+          {{else}}
+          <span class="tag-accent-color small"></span>{{name}}
+          {{/if}}
+          <span class="text-base text-white hover:underline">{{name}}</span>
+        </a>
+      </p>
 {{/primary_tag}}
 {{/if}}
\ No newline at end of file
diff --git a/post.hbs b/post.hbs
index 60767a5..29b507d 100644
--- a/post.hbs
+++ b/post.hbs
@@ -78,16 +78,16 @@
                 {{#if related_posts}}
                   {{#../primary_tag}}
                       <div class="px-3 w-full">
-                        <p class="text-2xl">More in 
-                          {{#if accent_color}}
+                        <p class="text-2xl">
+                          More in 
                           <a href="{{url}}">
-                           <span class="primary-tag-header text-2xl" style="background-color: {{accent_color}};">{{name}}</span>
+                            {{#if accent_color}} 
+                            <span class="tag-accent-color medium" style="background-color: {{accent_color}};"></span>
+                            {{else}}
+                            <span class="tag-accent-color medium"></span>{{name}}
+                            {{/if}}
+                            <span class="hover:underline">{{name}}</span>
                           </a>
-                          {{else}}
-                          <a href="{{url}}">
-                           <span class="primary-tag-header text-2xl">{{name}}</span>
-                          </a>
-                          {{/if}}
                         </p>
                       </div>
                   {{/../primary_tag}}