layout: align article layout with homepage layout

layouts/_default/single.html

@@ -1,17 +1,16 @@
 {{ define "main" }}
-<article class="h-entry">
-  <h1 class="p-name">{{ .Title }}</h1>
+<article class="h-entry article">
+  <a class="u-url" href="{{ .Permalink }}">
+    <h1 class="p-name">{{ .Title }}</h1>
+    {{ if .Date }}
+    <div>
+      <time class="dt-published" datetime="{{ .Date }}">{{ .Date.Format "Jan 2, 2006" }}</time>
+    </div>
+    {{ end }}
+  </a>
   <div class="e-content">
     {{ .Content }}
   </div>
-  {{ if .Date }}
-  <p>
-    Published on
-    <a class="u-url" href="{{ .Permalink }}">
-      <time class="dt-published" datetime="{{ .Date }}">{{ .Date.Format "Jan 2, 2006" }}</time>
-    </a>
-  </p>
-  {{ end }}
 </article>
 {{ end }}
 

layouts/_default/summary.html

@@ -1,5 +1,5 @@
 <section class="article">
-  <a href="{{ .Permalink }}">
+  <a class="u-url" href="{{ .Permalink }}">
     <h1>{{ .Title }}</h1>
     <div>
       <span>{{ .Date.Format "Jan 2, 2006" }}</span>

static/styles.css

@@ -61,7 +61,7 @@ main {
   }
 }
 
-a {
+a, .u-url {
   color: #ccf;
   text-decoration: none;
 }