From f3274c67fc2053f187ba13f66c548f9fb228465f Mon Sep 17 00:00:00 2001
From: BBaoVanC <bbaovanc@bbaovanc.com>
Date: Sat, 9 Oct 2021 22:17:24 -0500
Subject: [PATCH] Add git commit, improve post metadata wrapping

---
 assets/css/bobastyle.css            | 14 ++++++++------
 layouts/partials/post-metadata.html | 29 ++++++++++++++++++-----------
 2 files changed, 26 insertions(+), 17 deletions(-)

diff --git a/assets/css/bobastyle.css b/assets/css/bobastyle.css
index a569a9e..ee506f3 100644
--- a/assets/css/bobastyle.css
+++ b/assets/css/bobastyle.css
@@ -29,15 +29,11 @@
   margin-top: 5px;
 }
 
-.wordcount, .rss-link, .readingtime {
+(.date, .wordcount, .readingtime, .gitcommit, .tag) + (.date, .wordcount, .readingtime, .gitcommit, .tag) {
   margin-left: 5px;
 }
 
-.tags {
-  margin-top: 5px;
-}
-
-.wordcount, .readingtime, .tag {
+.post-meta-item {
   white-space: nowrap;
 }
 
@@ -121,6 +117,12 @@ hr {
   border-color: #444;
 }
 
+code {
+  background-color: #282828;
+  padding: 2px 4px;
+  border-radius: 5px;
+}
+
 * {
   box-sizing: border-box;
 }
diff --git a/layouts/partials/post-metadata.html b/layouts/partials/post-metadata.html
index cb1bfe2..cd6960e 100644
--- a/layouts/partials/post-metadata.html
+++ b/layouts/partials/post-metadata.html
@@ -2,7 +2,7 @@
 <div class="post-metadata">
     {{ if .Date }}
 
-    <span class="date">
+    <span class="post-meta-item date">
         {{ partial "icon.html" "calendar" }}
         <time datetime="{{ .Date.Format "January 2, 2006" }}" pubdate>
             {{ .Date.Format "January 2, 2006" }}
@@ -18,26 +18,33 @@
     </span>
 
     {{ if .Site.Params.wordcount }}
-    <span class="wordcount">
+    <span class="post-meta-item wordcount">
         {{ partial "icon.html" "type" }}
         {{ .WordCount }} words
     </span>
     {{ end }}
 
     {{ if .Site.Params.readingtime }}
-    <span class="readingtime">
+    <span class="post-meta-item readingtime">
         {{ partial "icon.html" "clock" }}
         {{ .ReadingTime }} {{ if gt .ReadingTime 1 }} mins {{ else }} min {{ end }}
     </span>
     {{ end }}
 
-    <div class="tags">
-        {{ range (.GetTerms "tags") }}
-        <span class="tag">
-            {{ partial "icon.html" "tag" }}
-            <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
-        </span>
-        {{ end }}
-    </div>
+    {{ with .GitInfo }}
+    <span class="post-meta-item gitcommit">
+        {{ partial "icon.html" "git-commit" }}
+        <a href="{{ (printf "%s/commit/%s" $.Site.Params.repoURL .Hash) | absURL }}">
+            <code>{{ .AbbreviatedHash }}</code>
+        </a>
+    </span>
+    {{ end }}
+
+    {{ range (.GetTerms "tags") }}
+    <span class="post-meta-item tag">
+        {{ partial "icon.html" "tag" }}
+        <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+    </span>
+    {{ end }}
 </div>
 {{ end }}