docs(home): wrap all content in <main> & use <section> (#31580)

Co-authored-by: XhmikosR <xhmikosr@gmail.com>

diff --git a/site/layouts/_default/home.html b/site/layouts/_default/home.html
index c03de11abbed9032b0b98cd25fc9a1528f8b889d..105c86b54bcc0f3e0ff6e2fa41148655bf5b308c 100644 (file)
--- a/site/layouts/_default/home.html
+++ b/site/layouts/_default/home.html
@@ -8,8 +8,10 @@
 
     {{ partial "docs-navbar" . }}
 
-    {{ partial "home/masthead" . }}
-    {{ partial "home/masthead-followup" . }}
+    <main>
+      {{ partial "home/masthead" . }}
+      {{ partial "home/masthead-followup" . }}
+    </main>
 
     {{ .Content }}
 

diff --git a/site/layouts/partials/home/masthead-followup.html b/site/layouts/partials/home/masthead-followup.html
index da183bfa09e5da5ee8f5bed79e880cfe4f3708d3..53acd1eb59b57f37e95a70ab939710d490eabfba 100644 (file)
--- a/site/layouts/partials/home/masthead-followup.html
+++ b/site/layouts/partials/home/masthead-followup.html
@@ -1,5 +1,5 @@
 <div class="container masthead-followup px-4 px-md-3">
-  <div class="row mb-5 pb-md-4 align-items-center">
+  <section class="row mb-5 pb-md-4 align-items-center">
     <div class="col-md-5">
       <div class="masthead-followup-icon d-inline-block mb-2 text-white bg-success">
         {{ partial "icons/code.svg" (dict "width" "32" "height" "32") }}
@@ -15,9 +15,9 @@
       {{ highlight "npm install bootstrap" "sh" "" }}
       {{ highlight (printf ("gem install bootstrap -v %s") .Site.Params.current_ruby_version) "sh" "" }}
     </div>
-  </div>
+  </section>
 
-  <div class="row mb-5 pb-md-4 align-items-center">
+  <section class="row mb-5 pb-md-4 align-items-center">
     <div class="col-md-5">
       <div class="masthead-followup-icon d-inline-block mb-2 text-white bg-primary">
         {{ partial "icons/cloud-fill.svg" (dict "width" "32" "height" "32") }}
@@ -39,9 +39,9 @@
 <script src="%s" integrity=%q crossorigin="anonymous"></script>
 `) .Site.Params.cdn.popper (.Site.Params.cdn.popper_hash | safeHTMLAttr) .Site.Params.cdn.js (.Site.Params.cdn.js_hash | safeHTMLAttr)) "html" "" }}
     </div>
-  </div>
+  </section>
 
-  <div class="row mb-5 pb-md-4 align-items-center">
+  <section class="row mb-5 pb-md-4 align-items-center">
     <div class="col-md-5">
       <div class="masthead-followup-icon d-inline-block mb-2 text-white bd-bg-purple-bright">
         {{ partial "icons/circle-square.svg" (dict "width" "32" "height" "32") }}
@@ -61,9 +61,9 @@
                                                src="/docs/{{ .Site.Params.docs_version }}/assets/img/bootstrap-icons.png"
                                                alt="Bootstrap Icons" width="966" height="600" loading="lazy">
     </div>
-  </div>
+  </section>
 
-  <div class="row mb-5 pb-md-4 align-items-center">
+  <section class="row mb-5 pb-md-4 align-items-center">
     <div class="col-md-5">
       <div class="masthead-followup-icon d-inline-block mb-2 text-white bg-danger">
         {{ partial "icons/droplet-fill.svg" (dict "width" "32" "height" "32") }}
@@ -83,5 +83,5 @@
                                                src="/docs/{{ .Site.Params.docs_version }}/assets/img/bootstrap-themes.png"
                                                alt="Bootstrap Icons" width="700" height="500" loading="lazy">
     </div>
-  </div>
+  </section>
 </div>

diff --git a/site/layouts/partials/home/masthead.html b/site/layouts/partials/home/masthead.html
index 1b60e5cb9018565b5d8f961c26331fabfbe3136f..bdbc05cd10c583d87c3857d14c46d1ea837b924f 100644 (file)
--- a/site/layouts/partials/home/masthead.html
+++ b/site/layouts/partials/home/masthead.html
@@ -1,4 +1,4 @@
-<main class="bd-masthead mb-3 mb-md-5" id="content">
+<div class="bd-masthead mb-3 mb-md-5" id="content">
   <div class="container px-4 px-md-3">
     <div class="row align-items-lg-center">
       <div class="col-8 mx-auto col-md-4 order-md-2 col-lg-5">
@@ -23,4 +23,4 @@
     </div>
     {{ partial "ads.html" . }}
   </div>
-</main>
+</div>