From 6c05a679954a8d45a7232b60690e34343b0ee733 Mon Sep 17 00:00:00 2001
From: Bud Parr <budparr@gmail.com>
Date: Tue, 08 Jan 2019 00:41:02 +0000
Subject: [PATCH] Improve semantic structure of pages (#151)
---
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 }}
--
Gitblit v1.10.0