From 9c971939b366741f18068b9b12183e8c85ee2765 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Tue, 17 Mar 2020 19:12:08 +0100
Subject: tags

---
 _config.yml      |  3 +++
 src/_icons/x.svg |  1 +
 src/style.scss   | 30 +++++++++++++++++++++++++-----
 src/tags.html    | 17 +++++++++++++++++
 4 files changed, 46 insertions(+), 5 deletions(-)
 create mode 100644 src/tags.html

diff --git a/_config.yml b/_config.yml
index ae0a72b..61bf6bd 100644
--- a/_config.yml
+++ b/_config.yml
@@ -1,5 +1,7 @@
 source: src
+
 host: 0.0.0.0
+port: 4001
 
 exclude:
   - .idea
@@ -11,6 +13,7 @@ defaults:
     values:
       layout: icon
       in-bg: true
+      tags: []
       permalink: 'icons/:slug'
 
 collections:
diff --git a/src/_icons/x.svg b/src/_icons/x.svg
index 84f8f6f..971c021 100644
--- a/src/_icons/x.svg
+++ b/src/_icons/x.svg
@@ -1,4 +1,5 @@
 ---
+tags: [cancel, remove, delete, empty]
 ---
 <svg>
   <line x1="18" y1="6" x2="6" y2="18" />
diff --git a/src/style.scss b/src/style.scss
index 9244717..2ffbb47 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -350,8 +350,28 @@ Components
   }
 }
 
-.icon-size-16 { width: 16px; }
-.icon-size-24 { width: 24px; }
-.icon-size-32 { width: 32px; }
-.icon-size-48 { width: 48px; }
-.icon-size-64 { width: 64px; }
+.icon-size-16 { width: 16px; height: 16px }
+.icon-size-24 { width: 24px; height: 24px }
+.icon-size-32 { width: 32px; height: 32px }
+.icon-size-48 { width: 48px; height: 48px }
+.icon-size-64 { width: 64px; height: 64px }
+
+.table {
+  width: 100%;
+  border-collapse: collapse;
+
+  td, th {
+    padding: .5rem;
+    text-align: left;
+    border: 1px solid #eee;
+  }
+
+  .icon {
+    width: 24px;
+    height: 24px;
+  }
+}
+
+.td-1 {
+  width: 1%;
+}
diff --git a/src/tags.html b/src/tags.html
new file mode 100644
index 0000000..2bad71f
--- /dev/null
+++ b/src/tags.html
@@ -0,0 +1,17 @@
+---
+layout: default
+---
+
+<div class="container">
+	<div class="box">
+		<table class="table">
+			{% for icon in site.icons %}
+			<tr>
+				<td class="td-1">{% include icon.html name=icon.slug %}</td>
+				<th>{{ icon.slug }}</th>
+				<td>{{ icon.tags | join: ', ' }}</td>
+			</tr>
+			{% endfor %}
+		</table>
+	</div>
+</div>
-- 
cgit v1.2.1