Align the Metadata to the middle For easier read-flow

layouts/partials/head.html

@@ -13,4 +13,7 @@
     {{ if .IsHome }} 
     <link rel="stylesheet" type="text/css" href="{{relURL "css/homepage.css"}}">
     {{ end }}
+    {{ if .IsPage }}
+    <link rel="stylesheet" type="text/css" href="{{relURL "css/page.css"}}">
+    {{ end }}
 </head>

layouts/partials/metadata.html

@@ -1,19 +1,22 @@
 {{ $dateTime := .PublishDate.Format "2006-01-02" }}
 {{ $lastmodTime := .Lastmod.Format "2006-01-02" }}
 {{ $dateFormat := .Site.Params.dateFormat | default "Jan 2, 2006" }}
+<section class="metadata">
 <i data-feather="calendar"></i>
 {{ if .PublishDate }}
 {{ if and (ne $lastmodTime $dateTime) (gt .Lastmod .Date) }}
   <time datetime="{{ $lastmodTime }}">{{ .Lastmod.Format $dateFormat }}</time>
   (first posted <time datetime="{{ $dateTime }}">{{ .PublishDate.Format $dateFormat }}</time>)
 {{ else }}
-  <time datetime="{{ $dateTime }}">{{ .PublishDate.Format $dateFormat }}</time>
+Date Published:	<time datetime="{{ $dateTime }}">{{ .PublishDate.Format $dateFormat }}</time>
 {{ end }}
 {{ end }}
 {{ with .Params.tags }}
-<i data-feather="tag"></i>
+<br>
+Tags: <i data-feather="tag"></i>
 {{ range . }}
 {{ $href := print "/tags/" (urlize .) }}
 <a class="btn btn-sm btn-outline-dark tag-btn" href="{{ $href }}">{{ . }}</a>
 {{ end }}
+</section>
 {{ end }}

static/css/page.css

@@ -0,0 +1,3 @@
+.metadata {
+	text-align: center;
+}