Add article tag to home layout

layouts/_default/home.html

@@ -1,27 +1,29 @@
 {{ define "main" }}
-{{ partial "paige-title.html" . }}
-{{ partial "paige-description.html" . }}
-{{ partial "paige-date.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">
+<article>
+    {{ partial "paige-title.html" . }}
+    {{ partial "paige-description.html" . }}
+    {{ partial "paige-date.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">
+    </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>
-{{ end }}
-{{ partial "paige-content.html" . }}
-{{ partial "paige-social.html" . }}
+    </div>
+    {{ end }}
+    {{ partial "paige-content.html" . }}
+    {{ partial "paige-social.html" . }}
+</article>
 {{ end }}