Add link to published posts preview on content page

Ref #1756
- the word "Published" in "Published by {{author}}" now links to the post's front page

core/client/app/styles/layouts/content.scss

@@ -258,6 +258,13 @@
         padding: 3px;
     }
 
+    .post-published-by .status a {
+        color: inherit;
+        &:hover {
+            text-decoration: underline;
+        }
+    }
+
     .normal {
         text-transform: none;
         margin: 0 3px;
@@ -427,4 +434,4 @@
 
 .content-preview.keyboard-focused {
     animation: keyboard-focus-style-fade-out 1.5s 1 forwards;
-}
+}

core/client/app/templates/posts/post.hbs

@@ -5,7 +5,13 @@
         <span class="sr-only">Star</span>
     </button>
     <small class="post-published-by">
-        <span class="status">{{#if isPublished}}Published{{else}}Written{{/if}}</span>
+        <span class="status">
+            {{#if isPublished}}
+                <a {{bind-attr title="model.title" href="model.url"}}>Published</a>
+            {{else}}
+                Written
+            {{/if}}
+        </span>
         <span class="normal">by</span>
         <span class="author">{{#if model.author.name}}{{model.author.name}}{{else}}{{model.author.email}}{{/if}}</span>
     </small>