improve appearance

layouts/home.html

@@ -1,12 +1,29 @@
 {{ define "main" }}
+
+  <div id="page-header">
+    <h1>{{ .Title }}</h1>
+    {{ if .Params.subtitle }}
+      <span class="subtitle">{{ .Params.subtitle }}</span>
+    {{ end }}
+  </div>
+
+  <section>
   {{ .Content }}
+  </section>
+
   {{ $pages := shuffle (where site.RegularPages "Section" "tools") | first 20 }}
   <section>
     <h2>Featured Tools</h2>
     {{ range $pages }}
-      <article>
-        <h3><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
-            <p>{{ .Content | truncate 250 }}</p>
+      <article class="tool-card">
+        <h3>
+          {{ .Title }}
+          {{ if .Params.subtitle }}
+            <span class="subtitle">{{ .Params.subtitle }}</span>
+          {{ end }}
+        </h3>
+        <p>{{ .Content | truncate 250 }}</p>
+        <a href="{{ .RelPermalink }}" style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;text-indent:-9999px;overflow:hidden;">{{ .Title }}</a>
       </article>
     {{ end }}
   </section>