From e883e3c60ed71162e53937c95fd0987241154837 Mon Sep 17 00:00:00 2001
From: Danila Fedorin <danila.fedorin@gmail.com>
Date: Mon, 4 May 2020 19:25:03 -0700
Subject: [PATCH] Update link lists to visually indicate they're links.

---
 config.toml                               |  1 +
 themes/vanilla/assets/scss/style.scss     | 41 +++++++++++++++++------
 themes/vanilla/layouts/_default/list.html |  2 +-
 themes/vanilla/layouts/index.html         |  2 +-
 themes/vanilla/layouts/partials/post.html |  5 +++
 themes/vanilla/layouts/tags/list.html     |  2 +-
 themes/vanilla/layouts/tags/terms.html    |  2 +-
 7 files changed, 40 insertions(+), 15 deletions(-)
 create mode 100644 themes/vanilla/layouts/partials/post.html

diff --git a/config.toml b/config.toml
index 88a652a..6e2f30f 100644
--- a/config.toml
+++ b/config.toml
@@ -4,3 +4,4 @@ title = "Daniel's Blog"
 theme = "vanilla"
 pygmentsCodeFences = true
 pygmentsStyle = "github"
+summaryLength = 20
diff --git a/themes/vanilla/assets/scss/style.scss b/themes/vanilla/assets/scss/style.scss
index 7f739a9..22c888c 100755
--- a/themes/vanilla/assets/scss/style.scss
+++ b/themes/vanilla/assets/scss/style.scss
@@ -88,12 +88,7 @@ nav {
     color: black;
     display: inline-block;
     border-bottom: none;
-    transition: color .25s;
     white-space: nowrap;
-
-    &:hover {
-        color: $primary-color;
-    }
   }
 }
 
@@ -134,6 +129,11 @@ a {
   color: black;
   text-decoration: none;
   border-bottom: .2rem solid $primary-color;
+  transition: color 0.25s;
+
+  &:hover {
+    color: $primary-color;
+  }
 }
 
 img {
@@ -153,10 +153,6 @@ tr {
     }
 }
 
-div.highlight tr {
-    display: table-row;
-}
-
 td {
     @include below-container-width {
         overflow-x: auto;
@@ -164,6 +160,10 @@ td {
     padding: 0.5rem;
 }
 
+div.highlight tr {
+    display: table-row;
+}
+
 hr.header-divider {
     background-color: $primary-color;
     height: 0.3rem;
@@ -171,8 +171,27 @@ hr.header-divider {
     border-radius: 0.15rem;
 }
 
-ul.page-list a {
-  border-bottom: none;
+ul.page-list {
+    list-style: none;
+    padding: 0;
+
+    li {
+        @include bordered-block;
+        margin-bottom: 1rem;
+        padding: 0.5rem;
+    }
+
+    a {
+        border-bottom: none;
+        font-size: 1.3rem;
+        font-weight: bold;
+        font-family: $font-heading;
+    }
+    
+    p {
+        margin-bottom: 0;
+        margin-top: 0.2rem;
+    }
 }
 
 .katex-html {
diff --git a/themes/vanilla/layouts/_default/list.html b/themes/vanilla/layouts/_default/list.html
index cc3ccf5..a3fe4b9 100644
--- a/themes/vanilla/layouts/_default/list.html
+++ b/themes/vanilla/layouts/_default/list.html
@@ -3,7 +3,7 @@
 
 <ul class="page-list">
     {{ range .Pages.ByDate.Reverse }}
-    <li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
+    {{ partial "post.html" . }}
     {{ end }}
 </ul>
 {{ end }}
diff --git a/themes/vanilla/layouts/index.html b/themes/vanilla/layouts/index.html
index 69a340d..cf62966 100644
--- a/themes/vanilla/layouts/index.html
+++ b/themes/vanilla/layouts/index.html
@@ -4,7 +4,7 @@
 Recent posts:
 <ul class="page-list">
 {{ range first 10 (where (where .Site.Pages.ByDate.Reverse "Section" "blog") ".Kind" "!=" "section") }}
-<li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
+{{ partial "post.html" . }}
 {{ end }}
 </ul>
 {{ end }}
diff --git a/themes/vanilla/layouts/partials/post.html b/themes/vanilla/layouts/partials/post.html
new file mode 100644
index 0000000..2a42d49
--- /dev/null
+++ b/themes/vanilla/layouts/partials/post.html
@@ -0,0 +1,5 @@
+<li>
+    <a href="{{ .Permalink }}">{{ .Title }}</a>
+    <p>{{ .WordCount }} words, about {{ .ReadingTime }} minutes to read.</p>
+    <p>{{ .Summary }} . . .</p>
+</li>
diff --git a/themes/vanilla/layouts/tags/list.html b/themes/vanilla/layouts/tags/list.html
index c1f9692..3bc3711 100644
--- a/themes/vanilla/layouts/tags/list.html
+++ b/themes/vanilla/layouts/tags/list.html
@@ -3,7 +3,7 @@
 
 <ul class="page-list">
     {{ range .Pages.ByDate.Reverse }}
-    <li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
+    {{ partial "post.html" . }}
     {{ end }}
 </ul>
 {{ end }}
diff --git a/themes/vanilla/layouts/tags/terms.html b/themes/vanilla/layouts/tags/terms.html
index 099642b..c8d496a 100644
--- a/themes/vanilla/layouts/tags/terms.html
+++ b/themes/vanilla/layouts/tags/terms.html
@@ -2,7 +2,7 @@
 <h2>{{ .Title }}</h2>
 Below is a list of all the tags ever used on this site.
 
-<ul class="page-list">
+<ul>
     {{ range sort .Pages "Title" }}
     <li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
     {{ end }}