Make post titles permalinks.

This completes part of #50.
Khan · Jun 7, 2016 · 63b18bf · 63b18bf
1 parent 00aa897
commit 63b18bf
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/src/post-template.htm b/src/post-template.htm
@@ -79,7 +79,11 @@ <h2 class="section-heading">Meta</h2>
     </div>
     <main id="content">
         <article class="post">
-            <h1 class="title">{{displayed_post.title}}</h1>
+            <h1 class="title">
+                <a href="{{displayed_post.permalink}}">
+                    {{displayed_post.title}}
+                </a>
+            </h1>
             <div class="info">
                 <img class="inline-author-photo" src="{{displayed_post.author.icon_url}}" aria-hidden="true" role="presentation" />
                 <span class="sr-only">by</span> <a class="author-link" href="{{displayed_post.author.primary_url}}">{{displayed_post.author.display_as}}</a> on {{{displayed_post.published_on_html}}}

diff --git a/src/styles/post-template.less b/src/styles/post-template.less
@@ -293,11 +293,17 @@ body {
         }
     }
 
-    .title {
+    .title a {
         letter-spacing: 1px;
         margin-bottom: 8px;
         font-size: 28px;
         line-height: 1;
+        color: @contentTextColor;
+        text-decoration: none;
+
+        &:hover, &:focus {
+            text-decoration: underline;
+        }
     }
 
     .info {