Use datetime for time element

Josh Habdas · web-flow · commit 6fa27ead6330 · 2017-02-28T14:58:07.000+08:00
Currently metadata items are outputting a `time` element with a `datetime` attribute which is ISO 8601 compliant, but does not include information about time of day and timezone offset. This updates the output so it outputs all available information. Before: ```html <time class="icon-calendar pr20" datetime="2016-12-03" itemprop="datePublished">2016-12-03</time> ``` After ```html <time class="icon-calendar pr20" datetime="2016-12-03T08:00:00+08:00" itemprop="datePublished"> 2016-12-03</time> ``` References: http://devdocs.io/html/element/time for general info https://www.w3.org/TR/html51/infrastructure.html#dates-and-times for information about http://jekyll.tips/jekyll-cheat-sheet/ for liquid filter info
diff --git a/_includes/_meta_information.html b/_includes/_meta_information.html
@@ -9,7 +9,7 @@
 				{% endif %}
 
 				{% if page.date %}
-				<time class="icon-calendar pr20" datetime="{{ page.date | date: "%Y-%m-%d" }}" itemprop="datePublished"> {{ page.date | date: "%Y-%m-%d" }}</time>
+				<time class="icon-calendar pr20" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished"> {{ page.date | date: "%Y-%m-%d" }}</time>
 				{% endif %}
 
 				{% if page.categories %}<span class="icon-archive pr20"> {{ page.categories | join: ' · ' | upcase }}{% endif %}</span>
@@ -28,4 +28,4 @@
 				<div class="small-5 columns text-right"></div><!-- /.small-4.columns -->
 				{% endif %}
 			</div>
-			</div><!--  /.page-meta -->
+			</div><!--  /.page-meta -->
