From b4819460002fe0f5be78aadc6c36b48b831ef519 Mon Sep 17 00:00:00 2001
From: Jason Karns <jason.karns@gmail.com>
Date: Thu, 14 Jan 2016 13:42:20 -0500
Subject: [PATCH 1/2] Leverage <time> element

Sample of using the `time` element instead of `abbr` for displaying timestamps.

The `time` element can also represent durations. So the sample used here is suboptimal. Rather than the duration time lising the `lastBuildStartedAt` time in the `datetime` attribute, it ought to be a [valid `duration` value](https://www.w3.org/html/wg/drafts/html/master/infrastructure.html#valid-duration-string). However, I didn't see any existing helpers for formatting according to a machine-readable duration value.
---
 app/templates/components/repos-list-item.hbs | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/templates/components/repos-list-item.hbs b/app/templates/components/repos-list-item.hbs
index 412195ea..9772ffa5 100644
--- a/app/templates/components/repos-list-item.hbs
+++ b/app/templates/components/repos-list-item.hbs
@@ -22,16 +22,16 @@
   <p>
     <span class="icon-clock"></span>
     <span class="label-align">Duration: 
-    <abbr class="duration" title={{repo.lastBuildStartedAt}}>
+    <time class="duration" datetime={{repo.lastBuildStartedAt}} title={{repo.lastBuildStartedAt}}>
       {{format-duration repo.lastBuildDuration}}
-    </abbr></span>
+    </time></span>
   </p>
 
   <p>
     <span class="icon-calendar"></span>
     <span class="label-align">Finished: 
-    <abbr class="finished_at timeago" title={{repo.lastBuildFinishedAt}}>
+    <time class="finished_at timeago" datetime={{repo.lastBuildFinishedAt}} title={{repo.lastBuildFinishedAt}}>
       {{format-time repo.lastBuildFinishedAt}}
-    </abbr></span>
+    </time></span>
   </p>
 </div>

From 788bcfa0d445e6ab9303799087945c0a3d526710 Mon Sep 17 00:00:00 2001
From: Jason Karns <jason@karns.name>
Date: Thu, 14 Jan 2016 16:08:03 -0500
Subject: [PATCH 2/2] more time markup

---
 app/templates/components/build-header.hbs    | 6 +++---
 app/templates/components/builds-item.hbs     | 4 ++--
 app/templates/components/jobs-item.hbs       | 2 +-
 app/templates/components/landing-row.hbs     | 4 ++--
 app/templates/components/repos-list-item.hbs | 6 +++---
 app/templates/components/running-jobs.hbs    | 4 ++--
 6 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/app/templates/components/build-header.hbs b/app/templates/components/build-header.hbs
index 1310f6c2..64f0c4ab 100644
--- a/app/templates/components/build-header.hbs
+++ b/app/templates/components/build-header.hbs
@@ -67,17 +67,17 @@
   <ul class="list-icon">
     <li title="{{format-duration elapsedTime}}" class="commit-stopwatch">
       <span class="icon-stopwatch" aria-hidden="true"></span>
-      <span class="label-align">Elapsed time {{format-duration elapsedTime}}</span></li>
+      <span class="label-align">Elapsed time <time datetime="PT{{elapsedTime}}S">{{format-duration elapsedTime}}</time></span></li>
     {{#unless isJob}}
       {{#if item.isMatrix}}
         <li title="{{format-duration item.duration}}" class="commit-clock">
           <span class="icon-clock" aria-hidden="true"></span>
-          <span class="label-align">{{#if item.isFinished}}Total time{{else}}Running for{{/if}} {{format-duration item.duration}}</span></li>
+          <span class="label-align">{{#if item.isFinished}}Total time{{else}}Running for{{/if}} <time datetime="PT{{item.duration}}S">{{format-duration item.duration}}</time></span></li>
       {{/if}}
     {{/unless}}
     <li title="{{pretty-date item.finishedAt}}" class="commit-calendar">
       <span class="icon-calendar" aria-hidden="true"></span>
-      <span class="label-align">{{format-time item.finishedAt}}</span></li>
+      <time class="label-align" datetime={{item.finishedAt}}>{{format-time item.finishedAt}}</time></li>
   </ul>
 </div>
 <div class="build-tools">
diff --git a/app/templates/components/builds-item.hbs b/app/templates/components/builds-item.hbs
index 9af01af9..365f3f58 100644
--- a/app/templates/components/builds-item.hbs
+++ b/app/templates/components/builds-item.hbs
@@ -46,13 +46,13 @@
   <div class="row-item">
     <div title="{{format-duration build.duration}}">
       <span class="icon-clock"></span>
-      <span class="label-align">{{format-duration build.duration}}</span>
+      <time class="label-align" datetime="PT{{build.duration}}S">{{format-duration build.duration}}</time>
     </div>
   </div>
   <div class="row-item">
     <div title="{{pretty-date build.formattedFinishedAt}}">
       <span class="icon-calendar"></span>
-      <span class="label-align">{{format-time build.finishedAt}}</span>
+      <time class="label-align" datetime={{build.finishedAt}}>{{format-time build.finishedAt}}</time>
     </div>
   </div>
 </div>
diff --git a/app/templates/components/jobs-item.hbs b/app/templates/components/jobs-item.hbs
index f36325a4..43f0ccc9 100644
--- a/app/templates/components/jobs-item.hbs
+++ b/app/templates/components/jobs-item.hbs
@@ -34,6 +34,6 @@
 
   <div class="job-duration" title="Started {{pretty-date job.startedAt}}">
     <span class="icon-clock" aria-hidden="true"></span>
-    <span class="label-align" aria-label="Job duration">{{format-duration job.duration}}</span>
+    <time class="label-align" aria-label="Job duration" datetime="PT{{job.duration}}S">{{format-duration job.duration}}</time>
   </div>
 {{/link-to}}
diff --git a/app/templates/components/landing-row.hbs b/app/templates/components/landing-row.hbs
index b1ee129c..ba598235 100644
--- a/app/templates/components/landing-row.hbs
+++ b/app/templates/components/landing-row.hbs
@@ -52,8 +52,8 @@
           </g>
         </svg>
       </span>
-      <span class="label-align">
-        {{landing-page-last-build-time repo.lastBuildFinishedAt}}</span>
+      <time class="label-align" datetime="{{repo.lastBuildFinishedAt}}">
+        {{landing-page-last-build-time repo.lastBuildFinishedAt}}</time>
     </div>
   </div>
 </div>
diff --git a/app/templates/components/repos-list-item.hbs b/app/templates/components/repos-list-item.hbs
index 9772ffa5..109e6213 100644
--- a/app/templates/components/repos-list-item.hbs
+++ b/app/templates/components/repos-list-item.hbs
@@ -21,15 +21,15 @@
 
   <p>
     <span class="icon-clock"></span>
-    <span class="label-align">Duration: 
-    <time class="duration" datetime={{repo.lastBuildStartedAt}} title={{repo.lastBuildStartedAt}}>
+    <span class="label-align">Duration:
+    <time class="duration" datetime="PT{{repo.lastBuildDuration}}S" title={{repo.lastBuildStartedAt}}>
       {{format-duration repo.lastBuildDuration}}
     </time></span>
   </p>
 
   <p>
     <span class="icon-calendar"></span>
-    <span class="label-align">Finished: 
+    <span class="label-align">Finished:
     <time class="finished_at timeago" datetime={{repo.lastBuildFinishedAt}} title={{repo.lastBuildFinishedAt}}>
       {{format-time repo.lastBuildFinishedAt}}
     </time></span>
diff --git a/app/templates/components/running-jobs.hbs b/app/templates/components/running-jobs.hbs
index 96f7feaf..49220ea7 100644
--- a/app/templates/components/running-jobs.hbs
+++ b/app/templates/components/running-jobs.hbs
@@ -41,9 +41,9 @@
           </span>
           <span class="label-align">
             Duration:
-            <abbr class="duration" title={{job.startedAt}}>
+            <time class="duration" datetime={{job.startedAt}} title={{job.startedAt}}>
               {{format-duration job.duration}}
-            </abbr>
+            </time>
           </span>
         </p>