clickable h2 (#63)

static/css/blog/index.css

@@ -67,11 +67,25 @@ li p {
 }
 
 /* Card titles */
-li h2 {
+li h2,
+li h2 a {
   color: var(--title-color);
   font-size: var(--font-size);
 }
 
+li h2 a {
+  text-decoration: none;
+}
+
+li h2 a {
+  text-decoration: none;
+}
+
+li h2 a:hover {
+  opacity: initial;
+  text-decoration: underline;
+}
+
 /* Card descriptions */
 li p {
   font-size: calc(var(--font-size) - 2px);

templates/blog/index.html

@@ -27,7 +27,7 @@
         {{#posts}}
         <li role="button" onclick="window.open('/blog/p/{{url}}', '_parent');">
           {{>blog/date.html}}
-          <h2>{{title}}</h2>
+          <h2><a href="/blog/p/{{url}} ">{{title}}</a></h2>
           {{#desc}}
           <p>{{desc}}</p>
           {{/desc}}