From 6c05a679954a8d45a7232b60690e34343b0ee733 Mon Sep 17 00:00:00 2001
From: Bud Parr <budparr@gmail.com>
Date: Mon, 7 Jan 2019 19:41:02 -0500
Subject: [PATCH] Improve semantic structure of pages (#151)

Fixes #149
---
 layouts/_default/list.html   |  6 +++---
 layouts/_default/single.html |  6 +++---
 layouts/post/list.html       | 10 +++++-----
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 7e73dfc..130a357 100755
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -1,8 +1,8 @@
 {{ define "main" }}
   <article class="pa3 pa4-ns nested-copy-line-height nested-img">
-  <main class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy mid-gray">
-    {{- .Content -}}
-  </main>
+    <section class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy mid-gray">
+      {{- .Content -}}
+    </section>
     <section class="flex-ns flex-wrap justify-around mt5">
       {{ range .Paginator.Pages }}
         <div class="relative w-100 w-30-l mb4 bg-white">
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 73ed130..beeb148 100755
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -34,13 +34,13 @@
       {{ end }}
     </header>
 
-    <main class="nested-copy-line-height lh-copy serif f4 nested-links nested-img mid-gray pr4-l w-two-thirds-l">
-        {{- .Content -}}
+    <section class="nested-copy-line-height lh-copy serif f4 nested-links nested-img mid-gray pr4-l w-two-thirds-l">
+      {{- .Content -}}
       {{- partial "tags.html" . -}}
       <div class="mt6">
         {{ template "_internal/disqus.html" . }}
       </div>
-    </main>
+    </section>
 
     <aside class="w-30-l mt6-l">
       {{- partial "menu-contextual.html" . -}}
diff --git a/layouts/post/list.html b/layouts/post/list.html
index e1a9223..73c9b5c 100644
--- a/layouts/post/list.html
+++ b/layouts/post/list.html
@@ -3,10 +3,10 @@
   This template is the same as the default and is here to demonstrate that if you have a content directory called "post" you can create a layouts directory, just for that section.
    */}}
   <article class="pa3 pa4-ns nested-copy-line-height nested-img">
-  <main class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy mid-gray">
-    {{ .Content }}
-  </main>
-    <section class="flex-ns flex-wrap justify-around mt5">
+    <section class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy mid-gray">
+      {{ .Content }}
+    </section>
+    <aside class="flex-ns flex-wrap justify-around mt5">
       {{ range .Paginator.Pages }}
         <div class="relative w-100 w-30-l mb4 bg-white">
           {{/*
@@ -15,7 +15,7 @@
           {{ .Render "summary" }}
         </div>
       {{ end }}
-    </section>
+    </aside>
     {{ template "_internal/pagination.html" . }}
   </article>
 {{ end }}