Make dates semantic

layouts/_default/li.html

@@ -1,5 +1,5 @@
 <div>
   <h2><a href="{{ .Permalink | relURL }}">{{ .Title | markdownify }}</a></h2>
   <p>{{ .Description | markdownify }}</p>
-  <p class=list-date>{{ .Date.Format "January 2006" }}</p>
+  <time datetime={{ .Date.Format "2006-01-02" }}>{{ .Date.Format "January 2006" }}</time>
 </div>

layouts/_default/single.html

@@ -5,9 +5,9 @@
       {{ .Description | markdownify }}
     </div>
     <div class=postmeta>
-      <a href="/">{{ .Site.Params.AuthorName | markdownify }}</a>
+      <a href=/>{{ .Site.Params.AuthorName | markdownify }}</a>
       &middot;
-      {{ .Date.Format "2 January 2006" }}
+      <time datetime={{ .Date.Format "2006-01-02" }}>{{ .Date.Format "2 January 2006" }}</time>
     </div>
     {{ .Content }}
   </article>

static/css/main.css

@@ -37,9 +37,10 @@ a:visited {
   margin: 1rem 0 0rem 0;
 }
 
-#articles .list-date {
-  font-size: 1.0rem;
-  text-transform: capitalize;
+#articles time {
+	display: block;
+	font-size: 1.0rem;
+	text-transform: uppercase;
 }
 
 #articles h2 {