From 6059f6cbead8a7fcde8306e8b4f4b7286bee9bc9 Mon Sep 17 00:00:00 2001
From: Alan Orth <alan.orth@gmail.com>
Date: Fri, 2 Sep 2016 10:18:18 +0300
Subject: [PATCH] Use HTML5 aside and section tags for sidebar

The HTML5 aside tag is for content that is tangentially related to
the content around the aside tag, but is considered separate from
that content. Section tags are semantic HTML5 elements that inform
computers about content structure, as opposed to div tags which
can be used for structure OR style.

See: http://diveinto.html5doctor.com/semantics.html
---
 layouts/partials/sidebar.html | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
index 05c665d..48d92bc 100644
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@@ -1,21 +1,21 @@
-<div class="col-sm-3 offset-sm-1 blog-sidebar">
-  <div class="sidebar-module sidebar-module-inset">
+<aside class="col-sm-3 offset-sm-1 blog-sidebar">
+  <section class="sidebar-module sidebar-module-inset">
     <h4>About</h4>
     <p>Etiam porta <em>sem malesuada magna</em> mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>
-  </div>
+  </section>
 
   {{ if isset .Site.Params.sidebar "num_recent_posts" }}
-  <div class="sidebar-module">
+  <section class="sidebar-module">
     <h4>Recent Posts</h4>
     <ol class="list-unstyled">
       {{ range first .Site.Params.sidebar.num_recent_posts .Site.Pages }}
       <li><a href="{{.RelPermalink}}">{{.Title}}</a></li>
       {{ end }}
     </ol>
-  </div>
+  </section>
   {{ end }}
 
-  <div class="sidebar-module">
+  <section class="sidebar-module">
     <h4>Archives</h4>
     <ol class="list-unstyled">
     <li><a href="#">March 2014</a></li>
@@ -31,13 +31,13 @@
     <li><a href="#">May 2013</a></li>
     <li><a href="#">April 2013</a></li>
     </ol>
-  </div>
-  <div class="sidebar-module">
+  </section>
+  <section class="sidebar-module">
     <h4>Elsewhere</h4>
     <ol class="list-unstyled">
     <li><a href="#">GitHub</a></li>
     <li><a href="#">Twitter</a></li>
     <li><a href="#">Facebook</a></li>
     </ol>
-  </div>
-</div><!-- /.blog-sidebar -->
+  </section>
+</aside><!-- /.blog-sidebar -->