From 25d83b89de9d11bad81d01d1ded8b260c3922767 Mon Sep 17 00:00:00 2001
From: "D.G.BANG" <lubang@lulab.net>
Date: Sun, 4 Feb 2018 17:11:11 +0900
Subject: Add tags page

- Remove default terms
- Add category terms
- Add tag terms
---
 layouts/_default/terms.html   | 28 ----------------------------
 layouts/categories/terms.html | 28 ++++++++++++++++++++++++++++
 layouts/partials/header.html  |  2 +-
 layouts/section/project.html  | 19 -------------------
 layouts/tags/terms.html       | 23 +++++++++++++++++++++++
 static/css/styles.css         | 21 ++++++++++++++++++++-
 6 files changed, 72 insertions(+), 49 deletions(-)
 delete mode 100755 layouts/_default/terms.html
 create mode 100644 layouts/categories/terms.html
 delete mode 100755 layouts/section/project.html
 create mode 100644 layouts/tags/terms.html

diff --git a/layouts/_default/terms.html b/layouts/_default/terms.html
deleted file mode 100755
index b34ae88..0000000
--- a/layouts/_default/terms.html
+++ /dev/null
@@ -1,28 +0,0 @@
-{{ partial "header" . }}
-
-<div class="post-title">
-    <img src="{{ "/images/post-title-icon.png" | relURL }}" />
-    <div class="post-meta">
-      <time>#tags</time>
-      <h1>CATEGORIES</h1>
-    </div>
-  </div>
-
-  <div class="categories">
-    <ul>
-    {{ $baseurl := .Site.BaseURL }}
-    {{ $data := .Data }}
-    {{ range $key,$value := .Data.Terms.Alphabetical }}
-      <li>
-        <a href="{{ $baseurl }}{{ $data.Plural }}/{{ $value.Name | urlize }}">
-          <i class="fa fa-angle-right icon" aria-hidden="true"></i>
-          {{ humanize $value.Name }}
-          <div class="count">{{ $value.Count }} posts</div>
-        </a>
-      </li>
-    {{ end }}
-    </ul>
-  </div>
-</div>
-
-{{ partial "footer" . }}
diff --git a/layouts/categories/terms.html b/layouts/categories/terms.html
new file mode 100644
index 0000000..a1c4e00
--- /dev/null
+++ b/layouts/categories/terms.html
@@ -0,0 +1,28 @@
+{{ partial "header" . }}
+
+<div class="post-title">
+    <img src="{{ "/images/post-title-icon.png" | relURL }}" />
+    <div class="post-meta">
+      <time>#categories</time>
+      <h1>CATEGORIES</h1>
+    </div>
+  </div>
+
+  <div class="categories">
+    <ul>
+    {{ $baseurl := .Site.BaseURL }}
+    {{ $data := .Data }}
+    {{ range $key,$value := .Data.Terms.Alphabetical }}
+      <li>
+        <a href="{{ $baseurl }}{{ $data.Plural }}/{{ $value.Name | urlize }}">
+          <i class="fa fa-angle-right icon" aria-hidden="true"></i>
+          {{ humanize $value.Name }}
+          <div class="count">{{ $value.Count }} posts</div>
+        </a>
+      </li>
+    {{ end }}
+    </ul>
+  </div>
+</div>
+
+{{ partial "footer" . }}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 8034eaa..7ce3cc8 100755
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -22,7 +22,7 @@
         <ul>
             <li><a href="{{ "/" | relURL }}" class="logo-title">HELLO,WORLD!</a></li>
             <li><a href="{{ "/categories" | relURL }}">CATEGORIES</a></li>
-            <li><a href="{{ "/projects" | relURL }}">PROJECTS</a></li>
+            <li><a href="{{ "/tags" | relURL }}">TAGS</a></li>
         </ul>
     </div>
     <div class="container">
diff --git a/layouts/section/project.html b/layouts/section/project.html
deleted file mode 100755
index 05cc5d9..0000000
--- a/layouts/section/project.html
+++ /dev/null
@@ -1,19 +0,0 @@
-{{ partial "header.html" . }}
-
-<div class="project">
-  <div class="post-meta">
-    <h1>Project</h1>
-  </div>
-  <div>
-    {{ range .Data.Pages }}
-    <a href="{{ .Permalink }}">
-      <div class="item">
-          <h1>{{ .Title }}</h1>
-          <description>{{ .Date.Format "02 Jan 2006, 15:04" }}</description>
-      </div>
-    </a>
-    {{ end }}
-  </div>
-</div>
-
-{{ partial "footer.html" . }}
diff --git a/layouts/tags/terms.html b/layouts/tags/terms.html
new file mode 100644
index 0000000..fcd00c6
--- /dev/null
+++ b/layouts/tags/terms.html
@@ -0,0 +1,23 @@
+{{ partial "header" . }}
+
+<div class="post-title">
+    <img src="{{ "/images/post-title-icon.png" | relURL }}" />
+    <div class="post-meta">
+      <time>#tags</time>
+      <h1>TAGS</h1>
+    </div>
+  </div>
+
+  <div class="tags">
+    {{ $baseurl := .Site.BaseURL }}
+    {{ $data := .Data }}
+    {{ range $key,$value := .Data.Terms.Alphabetical }}
+    <div class="tag">
+      <a href="{{ $baseurl }}{{ $data.Plural }}/{{ $value.Name | urlize }}">
+          {{ humanize $value.Name }}
+      </a>
+    </div>
+    {{ end }}   
+</div>
+
+{{ partial "footer" . }}
diff --git a/static/css/styles.css b/static/css/styles.css
index 2a0dc74..f0002e2 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -173,7 +173,7 @@ dt {
 }
 
 .post-meta, .post-meta a, .post-meta a:visited {
-  display: inline-block;
+  display: block;
   color: #4A4A4A;
   font-size: 14px;
   line-height: 1.7em;
@@ -340,6 +340,25 @@ dt {
   float: right;
 }
 
+/*
+* Tags
+*/
+.tags {
+  padding: 0px 30px 30px 30px;
+}
+
+.tags .tag {
+  display: inline-block;
+  margin: 5px;
+  padding: 5px 10px 5px 10px;
+  border: 1px dashed #dddddd;
+  border-radius: 5px;
+}
+
+.tags .tag:hover {
+  background-color: #eeeeee;
+}
+
 /*
 * Projects
 */
-- 
cgit v1.2.3