Make tags and layout on list / default home prettier

3 files changed, 35 insertions, 3 deletions

diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index a645cbe..cd7a0cf 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -38,7 +38,7 @@
     <div class="row justify-content-center mt-3">
       <div class="col-md-8 posts-list">
         {{ range .Paginator.Pages }}
-        <article class="list-preview mt-3">
+        <article class="list-preview">
           <a href="{{ .Permalink }}">
           <h2 class="item-title">{{ .Title }}</h2>
 
diff --git a/layouts/partials/homes/simple.html b/layouts/partials/homes/simple.html
index d4a650a..f09c48d 100644
--- a/layouts/partials/homes/simple.html
+++ b/layouts/partials/homes/simple.html
@@ -29,7 +29,7 @@
     <div class="row justify-content-center mt-3">
       <div class="col-md-8 posts-list">
         {{ range .Paginator.Pages }}
-        <article class="list-preview mt-3">
+        <article class="list-preview">
           <a href="{{ .Permalink }}">
           <h2 class="item-title">{{ .Title }}</h2>
 
diff --git a/static/css/theme.css b/static/css/theme.css
index c861aaf..eef469a 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -35,7 +35,14 @@
   font-weight: 400;
 }
 
-.list-preview a {
+.list-preview
+{
+    border-bottom: 1px solid #eee;
+    padding: 35px 0;
+}
+
+.list-preview a
+{
   text-decoration: none;
   color: #404040;
 }
@@ -77,3 +84,28 @@
 {
   font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
+
+.blog-tags
+{
+    margin-top: 10px;
+    margin-bottom: 0px;
+    color: #999;
+    font-size: 15px;
+}
+
+.blog-tags:before
+{
+  content: "Tags: ";
+}
+
+.blog-tags a
+{
+    color: #008aff;
+    text-decoration: none;
+    padding: 0px 5px;
+}
+
+.blog-tags a:before
+{
+  content: "#";
+}