From fb6962712ac67d3c401b85390393af80cb874966 Mon Sep 17 00:00:00 2001
From: Ariejan de Vroom <ariejan@devroom.io>
Date: Mon, 19 Mar 2018 10:43:38 +0100
Subject: [PATCH] Add list layout for categories/tags

---
 themes/cocoa-eh/layouts/_default/list.html       | 16 ++++++++++++++++
 themes/cocoa-eh/layouts/partials/css/main.css    |  9 +++++++++
 .../cocoa-eh/layouts/partials/taxonomy-node.html |  3 +++
 3 files changed, 28 insertions(+)
 create mode 100644 themes/cocoa-eh/layouts/_default/list.html
 create mode 100644 themes/cocoa-eh/layouts/partials/taxonomy-node.html

diff --git a/themes/cocoa-eh/layouts/_default/list.html b/themes/cocoa-eh/layouts/_default/list.html
new file mode 100644
index 0000000..3bb3b7f
--- /dev/null
+++ b/themes/cocoa-eh/layouts/_default/list.html
@@ -0,0 +1,16 @@
+{{ partial "header.html" . }}
+<section class="main">
+    <div class="container">
+        <div class="content">
+            <div class="posts">
+                <div class="page-heading">Showing you all the {{ .Title }}</div>
+                <ul id="taxonomy-items">
+                    {{ range .Data.Pages }}
+                        {{ partial "taxonomy-node.html" . }}
+                    {{ end }}
+                </ul>
+            </div>
+        </div>
+    </div>
+</section>
+{{ partial "footer.html" . }}
diff --git a/themes/cocoa-eh/layouts/partials/css/main.css b/themes/cocoa-eh/layouts/partials/css/main.css
index f552732..d1c673b 100644
--- a/themes/cocoa-eh/layouts/partials/css/main.css
+++ b/themes/cocoa-eh/layouts/partials/css/main.css
@@ -718,4 +718,13 @@ span.recommended {
 .amazon {
   float: right;
   margin-left: 1em;
+}
+
+ul#taxonomy-items {
+  text-align: justify;  
+}
+
+.taxonomy-item {
+  display: inline-block;
+  margin-right: 1em;
 }
\ No newline at end of file
diff --git a/themes/cocoa-eh/layouts/partials/taxonomy-node.html b/themes/cocoa-eh/layouts/partials/taxonomy-node.html
new file mode 100644
index 0000000..ebc3815
--- /dev/null
+++ b/themes/cocoa-eh/layouts/partials/taxonomy-node.html
@@ -0,0 +1,3 @@
+<li class="taxonomy-item">
+  <a href="{{ .Permalink }}"><span>{{ .Title }}</span></a>
+</li>