From 3be7904191e62c6f512b6fc19e2b70f59de181ec Mon Sep 17 00:00:00 2001
From: Hykilpikonna <me@hydev.org>
Date: Sun, 26 Dec 2021 22:13:21 -0500
Subject: [PATCH] [+] Display pin icon

---
 src/components/BlogPost.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/BlogPost.vue b/src/components/BlogPost.vue
index fcdceaf..73af795 100644
--- a/src/components/BlogPost.vue
+++ b/src/components/BlogPost.vue
@@ -6,8 +6,11 @@
             <div id="date">{{date.format('YYYY-MM-DD')}}</div>
             <div id="title">{{meta.title}}</div>
             <div id="subtitle" v-if="meta.subtitle">{{meta.subtitle}}</div>
-            <div class="tags" v-if="tagOnTop">
-                <Tag v-for="t in meta.tags" :key="t" direction="left">{{t}}</Tag>
+            <div class="tags">
+                <div v-if="tagOnTop" style="display: inline-block">
+                    <Tag v-for="t in meta.tags" :key="t" direction="left">{{t}}</Tag>
+                </div>
+                <i id="pin" class="fas fa-thumbtack" v-if="meta.pinned"></i>
             </div>
         </div>
 
@@ -141,6 +144,10 @@ export default class BlogPostPreview extends Vue
     .tags
         font-size: 0.7em
 
+        #pin
+            margin-left: 10px
+            transform: rotate(45deg)
+
     .tag-wrap + .tag-wrap
         margin-left: 5px