Add blog functionality (#1)

themes/hugo-sustain/layouts/_default/single.html

@@ -6,24 +6,27 @@
       {{ partial "header" . }}
 
       <div class="container {{ replace (.LinkTitle | lower) " " "_" }}"> <!-- add link title add class -->
-        <div class="blog-post">
           <h1>{{ .Title }}</h1>
-        </div>
         {{ if ne .Params.page true }}
-        <div class="blog-title">
-          <h4>
-          {{ .Date.Format "January 2, 2006" }}
+        <div>
+          <p class="categories">
+          {{ .Date.Format "2 January 2006" }}
             &nbsp;&nbsp;
             {{ range .Params.tags }}
-            <span class="label label-success">{{ . }}</span>
-            
+              <a class="label label-success" href="/tags/{{ lower . }}">{{ . }}</a>
             {{ end }}
-          </h4>
+          </p>
         </div>
         {{ end }}
         <div class="panel panel-default">
           <div class="panel-body">
             <div class="blogpost">
+              {{ if isset .Params "headerimage" }}
+                <div class="header-image">
+                  <img src="/img/{{ .Params.headerImage }}" />
+                  <p>{{ with .Params.headercredits }}{{ . | markdownify }}{{ end }}</p>
+                </div>
+              {{ end }}
               {{ .Content }}
               <!-- only show related posts if param is true, or if it's not a page -->
               {{ if or (eq .Params.related true) (ne .Params.page true) }}
@@ -34,7 +37,7 @@
                   <div class="row">
                     <div class="col-sm-4 col-md-4 col-lg-4">
                       <h6 style="text-align: right">
-                        {{ .Date.Format "January 2, 2006" }}
+                        {{ .Date.Format "2 January 2006" }}
                       </h6>
                     </div>
                     <div class="col-sm-8 col-md-8 col-lg-8">
@@ -49,6 +52,7 @@
             </div>
           </div>
           <hr>
+        {{ partial "comments.html" . }}
         {{ partial "social" . }}
         </div>
       </div>