Tag implementation

post.hbs

@@ -11,16 +11,6 @@
                     <time datetime="{{date format="YYYY-MM-DD"}}">
                         {{date format="D MMM YYYY"}}
                     </time>
-                    <span>
-                        Tags:&nbsp;
-                        {{#foreach tags}}
-                            <span class="gh-post-meta-content-item">
-                                <a href={{url}}>
-                                    {{name}}
-                                </a>
-                            </span>
-                        {{/foreach}}
-                    </span>
                     <span>
                         Written by:&nbsp;
                         {{#foreach authors}}
@@ -31,8 +21,28 @@
                             </span>
                         {{/foreach}}
                     </span>
+                    <span>
+                        Reading Time:&nbsp;
+                        {{reading_time}}
+                    </span>
                 </span>
-
+
+                <span class="flex flex-auto content-center gap-2 justify-center"> 
+                    <div class="text-base">Tags:</div>
+                {{#foreach tags}}
+                    {{#if @last}}
+                        <a class="text-base" href={{url}}>
+                            {{name}} 
+                        </a>
+                    {{else}}
+                        <a class="text-base" href={{url}}>
+                            {{name}} 
+                        </a>
+                        <div class="text-base">|</div>
+                    {{/if}}
+                {{/foreach}}
+                </span>
+
                 {{#if custom_excerpt}}
                     <p>
                         {{custom_excerpt}}

tailwind.config.js

@@ -8,7 +8,17 @@ module.exports = {
     ],
     darkMode: false, // or 'media' or 'class'
     theme: {
-        extend: {},
+        extend: {
+            typography: {
+                DEFAULT: {
+                    css: {
+                        a: {
+                            textDecoration: "none",
+                        },
+                    },
+                },
+            },
+        },
     },
     variants: {
         extend: {},