Put all article content in sections

layouts/_default/home.html

@@ -1,28 +1,32 @@
 {{ define "main" }}
 <article>
-    {{ partial "paige-title.html" . }}
-    {{ partial "paige-description.html" . }}
-    {{ partial "paige-metadata.html" . }}
-    {{ with .Params.stretch }}
-    <div class="mb-3 mw-100 rounded-4 shadow" style="background-image: url('{{ relLangURL . }}'); background-position: center; background-size: cover; height: 20rem"></div>
-    {{ end }}
-    {{ with .Params.center }}
-    <p class="text-center">
-        <img class="mw-100 rounded-4 shadow" src="{{ relLangURL . }}" style="max-height: 20rem">
-    </p>
-    {{ end }}
-    {{ with .Params.greeting }}
-    <p class="display-5 fw-bold h2 text-center">{{ . | markdownify }}</p>
-    {{ end }}
-    {{ with .Params.blurb }}
-    <div class="container-fluid">
-        <div class="justify-content-center row">
-            <div class="col col-auto col-lg-7 px-0">
-                <p class="lead text-center">{{ . | markdownify }}</p>
+    <section>
+        {{ partial "paige-title.html" . }}
+        {{ partial "paige-description.html" . }}
+        {{ partial "paige-metadata.html" . }}
+    </section>
+    <section>
+        {{ with .Params.stretch }}
+        <div class="mb-3 mw-100 rounded-4 shadow" style="background-image: url('{{ relLangURL . }}'); background-position: center; background-size: cover; height: 20rem"></div>
+        {{ end }}
+        {{ with .Params.center }}
+        <p class="text-center">
+            <img class="mw-100 rounded-4 shadow" src="{{ relLangURL . }}" style="max-height: 20rem">
+        </p>
+        {{ end }}
+        {{ with .Params.greeting }}
+        <p class="display-5 fw-bold h2 text-center">{{ . | markdownify }}</p>
+        {{ end }}
+        {{ with .Params.blurb }}
+        <div class="container-fluid">
+            <div class="justify-content-center row">
+                <div class="col col-auto col-lg-7 px-0">
+                    <p class="lead text-center">{{ . | markdownify }}</p>
+                </div>
             </div>
         </div>
-    </div>
-    {{ end }}
+        {{ end }}
+    </section>
     {{ partial "paige-toc.html" . }}
     {{ partial "paige-content.html" . }}
     {{ partial "paige-social.html" . }}

layouts/partials/paige-social.html

@@ -1,13 +1,15 @@
 {{ with .Site.Params.paige.social }}
-<nav>
-    <div class="mb-3 text-center">
-        {{ range $k, $v := . }}
-        {{ if hasPrefix $v.url "mailto:" }}
-        <a href="#" data-a="{{ base64Encode (index (split $v.url `@`) 0) }}" data-b="{{ base64Encode `@` }}" data-c="{{ base64Encode (index (split $v.url `@`) 1) }}" onclick="this.href = atob(this.dataset.a) + atob(this.dataset.b) + atob(this.dataset.c)"><i class="bi bi-{{ $v.icon }} display-6 mx-2"><span class="visually-hidden">{{ $v.name }}</span></i></a>
-        {{ else }}
-        <a href="{{ $v.url }}"><i class="bi bi-{{ $v.icon }} display-6 mx-2"><span class="visually-hidden">{{ $v.name }}</span></i></a>
-        {{ end }}
-        {{ end }}
-    </div>
-</nav>
+<section>
+    <nav>
+        <div class="mb-3 text-center">
+            {{ range $k, $v := . }}
+            {{ if hasPrefix $v.url "mailto:" }}
+            <a href="#" data-a="{{ base64Encode (index (split $v.url `@`) 0) }}" data-b="{{ base64Encode `@` }}" data-c="{{ base64Encode (index (split $v.url `@`) 1) }}" onclick="this.href = atob(this.dataset.a) + atob(this.dataset.b) + atob(this.dataset.c)"><i class="bi bi-{{ $v.icon }} display-6 mx-2"><span class="visually-hidden">{{ $v.name }}</span></i></a>
+            {{ else }}
+            <a href="{{ $v.url }}"><i class="bi bi-{{ $v.icon }} display-6 mx-2"><span class="visually-hidden">{{ $v.name }}</span></i></a>
+            {{ end }}
+            {{ end }}
+        </div>
+    </nav>
+</section>
 {{ end }}