From 7294b2efed111fd2613b93cdb0bb0d1cbbbf9cd0 Mon Sep 17 00:00:00 2001
From: Daniel Beardsley <daniel@ifixit.com>
Date: Mon, 11 Mar 2013 23:43:35 -0700
Subject: [PATCH] Style: use <time> and move 'more' link up

* Use <time> wherever we show a date
* Add some elements and css to move the 'more' link closer to the
  summary.
---
 _includes/post_header.html |  4 +++-
 index.html                 | 27 +++++++++++++++------------
 stylesheets/styles.css     | 11 +++++++++++
 3 files changed, 29 insertions(+), 13 deletions(-)

diff --git a/_includes/post_header.html b/_includes/post_header.html
index 6ca3e06..24cda03 100644
--- a/_includes/post_header.html
+++ b/_includes/post_header.html
@@ -2,7 +2,9 @@ <h1>
   <a href="{{ page.url }}">{{ page.title }}</a>
 </h1>
 <div class="date">
-  {{ page.date | date: "%Y-%m-%d" }}
+  <time datetime="{{ page.date | date: "%Y-%m-%d" }}">
+    {{ page.date | date: "%Y-%m-%d" }}
+  </time>
   {% if page.author %}
     <small>- 
       {% if page.author_url %}
diff --git a/index.html b/index.html
index 213b7fd..218c0ad 100644
--- a/index.html
+++ b/index.html
@@ -4,19 +4,22 @@
 
 {% for page in paginator.posts %}
   {% unless page.draft %}
-    <div class="date">
-      {{ page.date | date: "%Y-%m-%d" }}
+    <div class='short-post'>
+       <time datetime="{{ page.date | date: "%Y-%m-%d" }}">
+         {{ page.date | date: "%Y-%m-%d" }}
+       </time>
+       <h2>
+         <a href="{{ page.url }}">{{ page.title }}</a>
+       </h2>
+       <div class='summary'>
+          {% if page.summary %}
+             {{ page.summary | markdownify }}
+          {% else %}
+             {{ page.content | truncatewords: 130 }}
+          {% endif %}
+          <a class='more' href="{{ page.url }}">more</a>
+       </div>
     </div>
-    <h2>
-      <a href="{{ page.url }}">{{ page.title }}</a>
-    </h2>
-    {% if page.summary %}
-       {{ page.summary | markdownify }}
-    {% else %}
-       {{ page.content | truncatewords: 130 }}
-    {% endif %}
-    <a href="{{ page.url }}">more</a>
-    <br /><br />
   {% endunless %}
 {% endfor %}
 
diff --git a/stylesheets/styles.css b/stylesheets/styles.css
index 11dc38d..a56eb32 100644
--- a/stylesheets/styles.css
+++ b/stylesheets/styles.css
@@ -269,3 +269,14 @@ footer {
         border-radius: 25px;
    border: 2px solid #eee;
 }
+
+/* Spacing between posts on index page. */
+.short-post > .summary {
+   margin-bottom:2em;
+}
+
+/* reduce spacing between summary and 'more' link */
+.summary > p {
+   margin-bottom:0.2em;
+}
+