add categories

2 files changed, 45 insertions, 15 deletions

diff --git a/static/css/index.css b/static/css/index.css
index 0ea93bb..1ae6e17 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -1,7 +1,11 @@
 /* global */
 
 body {
-  font-family: "Arvo", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
+  font-family: "Arvo", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial,
+    "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC",
+    "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei",
+    "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei,
+    "WenQuanYi Zen Hei Sharp", sans-serif;
   margin: 0 20px;
 }
 
@@ -62,19 +66,31 @@ a:hover {
   font-weight: 600;
 }
 
-/* posts */
+/* posts list */
 
 #posts-list {
   min-height: 70%;
 }
 
-.posts-date, .posts-title {
+.posts-date,
+.posts-title {
   font-size: 1.2rem;
 }
 
-.post-line {
+.posts-line {
   margin: 12px 0;
 }
+.posts-categories {
+  font-size: 0.8rem;
+  margin: auto;
+  text-align: center;
+}
+
+.posts-category {
+  padding: 3px;
+  border: #000 2px solid;
+  margin-bottom: 3px;
+}
 
 .site-footer {
   margin-top: 50px;
@@ -105,7 +121,7 @@ a:hover {
   }
 }
 
-.post img {
+.post-content img {
   max-width: 100%;
   display: block;
   margin-left: auto;
@@ -113,22 +129,29 @@ a:hover {
   margin-top: 12px;
 }
 
-.post-date {
-  font-weight: 800;
-  font-style: italic;
+.post-header {
+  margin-bottom: 50px;
 }
 
-.post-author {
-  float: right;
+.post-title {
+  font-size: 2.5rem;
   font-weight: 600;
 }
 
-.post-header {
-  margin-bottom: 50px;
+.post-category {
+  display: inline;
+  font-weight: 900;
+  padding: 2px;
+  border: #000 2px solid;
 }
 
-.post-title {
-  font-size: 2.5rem;
+.post-date {
+  font-weight: 800;
+  font-style: italic;
+}
+
+.post-author {
+  float: right;
   font-weight: 600;
 }
 
@@ -158,6 +181,12 @@ a:hover {
   margin: 5px 0;
 }
 
+/* taxonomy */
+
+.taxonomy-term {
+  font-size: 3rem;
+}
+
 /* gallery */
 
 .gallery-img {
@@ -186,4 +215,4 @@ a:hover {
   position: absolute;
   bottom: 0;
   background: white;
-}
\ No newline at end of file
+}
diff --git a/static/images/tag.svg b/static/images/tag.svg
new file mode 100644
index 0000000..2dc7d2f
--- /dev/null
+++ b/static/images/tag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M19 18l2 1V3c0-1.1-.9-2-2-2H8.99C7.89 1 7 1.9 7 3h10c1.1 0 2 .9 2 2v13zM15 5H5c-1.1 0-2 .9-2 2v16l7-3 7 3V7c0-1.1-.9-2-2-2z"/></svg>
\ No newline at end of file