Added categories listing to summary, added tags/categories to single article view

5 files changed, 40 insertions, 2 deletions

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 3d17d2c..d9e2c21 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -14,7 +14,11 @@
                 <article>
                     <header>
                         <h1 class="article-title">{{ .Title }}</h1>
-                        <time>{{ .Date.Format "Mon Jan 2, 2006" }}</time>
+                        <time class="date-color">{{ .Date.Format "Mon Jan 2, 2006" }}</time>
+                        <span class="separator">|</span>
+                        {{ partial "categories.html" . }}
+                        <span class="separator">|</span>
+                        {{ partial "tags.html" . }}
                     </header>
 
                     <hr>
diff --git a/layouts/partials/categories.html b/layouts/partials/categories.html
new file mode 100644
index 0000000..78007f9
--- /dev/null
+++ b/layouts/partials/categories.html
@@ -0,0 +1,9 @@
+<ul class="categories">
+    <li>
+        <i class="fa fa-book"></i>
+    </li>
+    {{ range .Params.categories }}
+        <li><a href="/categories/{{ . | urlize }}">{{ . }}</a></li>
+    {{ end }}
+</ul>
+
diff --git a/layouts/partials/page-item.html b/layouts/partials/page-item.html
index 46d6064..8039b69 100644
--- a/layouts/partials/page-item.html
+++ b/layouts/partials/page-item.html
@@ -12,6 +12,8 @@
             {{ if .Params.redirect }}Redirect{{ else }}Read More{{ end }}
         </a>
         <footer>
+            {{ partial "categories.html" . }}
+            <span class="separator">|</span>
             {{ partial "tags.html" . }}
         </footer>
     </div>
diff --git a/layouts/partials/tags.html b/layouts/partials/tags.html
index 4d1c108..cd79d5d 100644
--- a/layouts/partials/tags.html
+++ b/layouts/partials/tags.html
@@ -1,6 +1,6 @@
 <ul class="tags">
     <li>
-        <i class="fa fa-tag"></i>
+        <i class="fa fa-tags"></i>
     </li>
     {{ range .Params.tags }}
         <li><a href="/tags/{{ . | urlize }}">{{ . }}</a></li>
diff --git a/static/css/main.css b/static/css/main.css
index 7bf29f5..54650c0 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -112,6 +112,10 @@ ul.menu li {
     padding: 35px 50px;
 }
 
+.page-item-content footer {
+    margin-top: 1em;
+}
+
 .page-item-image {
     width: 100%;
     height: auto;
@@ -346,19 +350,38 @@ html, body {
     margin-top: 0px;
 }
 
+.date-color {
+    color: #BDBDBD;
+}
+
+.separator {
+    margin-left: 5px;
+    margin-right: 5px;
+    color: #BDBDBD;
+}
+
+ul.categories,
 ul.tags {
+    display: inline;
     list-style: none;
 }
 
+ul.categories li,
 ul.tags li {
     display: inline;
     color: #BDBDBD;
 }
 
+ul.categories li a,
 ul.tags li a {
     color: #BDBDBD;
 }
 
+ul.categories li a:hover,
+ul.tags li a:hover {
+    color: #03a9f4;
+}
+
 .fullsize-background-image {
     background-size: cover;
     background-repeat: no-repeat;