From 033e1bd32c8ff9823960f1acc56a78361e199c95 Mon Sep 17 00:00:00 2001
From: George Cushen <gcushen@users.noreply.github.com>
Date: Wed, 17 Jun 2020 18:46:50 +0100
Subject: [PATCH] feat: link page summary to page

Provides an experience similar to popular blogging platforms.

Make it easier for the visitor to click through and more obvious that it's just a excerpt of the page.

Close #1751
---
 assets/scss/academic/_card.scss  | 7 +++++++
 layouts/partials/li_card.html    | 4 +++-
 layouts/partials/li_compact.html | 8 +++++---
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/assets/scss/academic/_card.scss b/assets/scss/academic/_card.scss
index d7fca550..ef01cff9 100644
--- a/assets/scss/academic/_card.scss
+++ b/assets/scss/academic/_card.scss
@@ -25,6 +25,13 @@
   border: 1px solid rgb(68, 71, 90);
 }
 
+/* In page listings, display the linked summaries as normal text except for the hover cursor. */
+.media.stream-item .article-style a,
+.card-simple .article-style a {
+  color: unset;
+  text-decoration: none;
+}
+
 .card {
   margin-bottom: 1.5rem;
   overflow: hidden;
diff --git a/layouts/partials/li_card.html b/layouts/partials/li_card.html
index a2c6ab07..f75142e2 100644
--- a/layouts/partials/li_card.html
+++ b/layouts/partials/li_card.html
@@ -55,7 +55,9 @@
 
   {{ with $summary }}
   <div class="article-style">
-    <p>{{.}}</p>
+    <a href="{{ $item.RelPermalink }}">
+      <p>{{.}}</p>
+    </a>
   </div>
   {{ end }}
 
diff --git a/layouts/partials/li_compact.html b/layouts/partials/li_compact.html
index f23d3e7f..223744b7 100644
--- a/layouts/partials/li_compact.html
+++ b/layouts/partials/li_compact.html
@@ -38,9 +38,11 @@
     </h3>
 
     {{ with $summary }}
-    <div class="article-style">
-      {{ . }}
-    </div>
+      <div class="article-style">
+        <a href="{{ $item.RelPermalink }}">
+          {{ . }}
+        </a>
+      </div>
     {{ end }}
 
     <div class="stream-meta article-metadata">