theme: use <main> #88

layouts/404.html

@@ -41,14 +41,14 @@
     <div id="body" style="margin-left:0px;">
       <div id="overlay"></div>
       <div id="chapter">
-        <div id="body-inner">
+        <main id="body-inner">
           <h1>{{ T "title-404" }}</h1>
           <p></p>
           <p>{{ T "message-404" }}</p>
           <p></p>
           <p><a href="{{ "" | relLangURL }}">{{ T "Go-to-homepage" }}</a></p>
           <p><img src="{{ "/images/gopher-404.jpg" | relURL }}" style="width:50%" alt="Page not found!"></p>
-        </div>
+        </main>
       </div>
     </div>
   </body>

layouts/partials/footer.html

@@ -1,7 +1,7 @@
         {{- if .Params.chapter }}
         </div> <!-- end chapter-->
         {{- end }}
-        </div>
+        </main><!-- #body-inner -->
 {{- partial "custom-comments.html" . }}
       </div>
       <div id="navigation">

layouts/partials/header.html

@@ -90,7 +90,7 @@
     {{- if .Params.chapter }}
       <div id="chapter">
     {{- end }}
-      <div id="body-inner">
+      <main id="body-inner">
       {{- if and (not .IsHome) (not .Params.chapter) }}
         <h1>
           {{ if eq .Kind "term" }}{{ .Data.Singular }} :: {{ end }}{{ .Title }}

static/js/relearn.js

@@ -139,7 +139,7 @@ var getUrlParameter = function getUrlParameter(sPageURL) {
 };
 
 // Execute actions on images generated from Markdown pages
-var images = $("div#body-inner img").not(".inline");
+var images = $("main#body-inner img").not(".inline");
 // Wrap image inside a featherlight (to get a full size view in a popup)
 images.wrap(function(){
     var image =$(this);