html validation fixup (#73)

* html validation fixup

* OF - typo

* br format

* html5 style

Author: dave2wave

content/theme/templates/footer.html

@@ -2,9 +2,8 @@
     <div class="row">
       <div class="large-12 medium-12 columns">
         <p style="font-style: italic; font-size: 0.8rem; text-align: center;">
-          Copyright {{ CURRENTYEAR }}, <a href="https://www.apache.org/">The Apache Software Foundation</a>, Licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.<br/>
+          Copyright {{ CURRENTYEAR }}, <a href="https://www.apache.org/">The Apache Software Foundation</a>, Licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.<br>
           Apache&reg; and the Apache feather logo are trademarks of The Apache Software Foundation.
         </p>
       </div>
     </div>
-    <script type="application/ecmascript" src="/js/bootstrap.bundle.min.js" integrity="sha384-TYMA+uAx4f43rilxPIhmlqA+Vi+xbyMe+YVR3BcL15NyHLqd+7WYNtyBPdayiOPx"></script>

content/theme/templates/menu.html

@@ -1,7 +1,7 @@
 <!-- nav bar -->
 <nav class="navbar navbar-expand-lg navbar-dark bg-info" aria-label="Fifth navbar example">
   <div class="container-fluid">
-    <a class="navbar-brand" href="/"><img src="https://apache.org/img/asf_logo.png" alt="The Apache Software Foundation" style="height: 42px;"/>
+    <a class="navbar-brand" href="/"><img src="https://apache.org/img/asf_logo.png" alt="The Apache Software Foundation" style="height: 42px;">
       <span style="position: relative; top: 5px; margin-left: 16px;">Tooling Initiative</span></a>
     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarADP" aria-controls="navbarADP" aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>

content/theme/templates/page.html

@@ -16,33 +16,7 @@
         {% include "footer.html" %}
       </div>
     </main>
-    <script>
-      document.addEventListener("DOMContentLoaded", () => {
-      function decodeHtmlEntities(str) {
-        const txt = document.createElement("textarea");
-        txt.innerHTML = str;
-        return txt.value;
-      }
-      document.querySelectorAll("pre > code.language-mermaid").forEach((code, i) => {
-        let decoded = decodeHtmlEntities(code.innerHTML);
-        // Normalize whitespace
-        decoded = decoded.replace(/\t/g, "    ");
-        decoded = decoded.replace(/^\s*\n/, "").replace(/\n\s*$/, "");
-        const div = document.createElement("div");
-        div.className = "mermaid";
-        div.textContent = decoded;
-        code.parentElement.replaceWith(div);
-        console.log(`=== Mermaid block ${i} ===`);
-        console.log(decoded);
-      });
-      // Mermaid v10+ runs asynchronously
-      mermaid.run({ querySelector: ".mermaid" })
-        .catch(err => {
-          console.error("Mermaid rendering failed:", err);
-        });
-      });
-    </script>
-    <script>hljs.highlightAll();</script>
+    {% include "post.html" %}
   </body>
 </html>
 {% endblock %}

content/theme/templates/post.html

@@ -0,0 +1,28 @@
+    <script src="/js/bootstrap.bundle.min.js" integrity="sha384-TYMA+uAx4f43rilxPIhmlqA+Vi+xbyMe+YVR3BcL15NyHLqd+7WYNtyBPdayiOPx"></script>
+    <script>
+      document.addEventListener("DOMContentLoaded", () => {
+      function decodeHtmlEntities(str) {
+        const txt = document.createElement("textarea");
+        txt.innerHTML = str;
+        return txt.value;
+      }
+      document.querySelectorAll("pre > code.language-mermaid").forEach((code, i) => {
+        let decoded = decodeHtmlEntities(code.innerHTML);
+        // Normalize whitespace
+        decoded = decoded.replace(/\t/g, "    ");
+        decoded = decoded.replace(/^\s*\n/, "").replace(/\n\s*$/, "");
+        const div = document.createElement("div");
+        div.className = "mermaid";
+        div.textContent = decoded;
+        code.parentElement.replaceWith(div);
+        console.log(`=== Mermaid block ${i} ===`);
+        console.log(decoded);
+      });
+      // Mermaid v10+ runs asynchronously
+      mermaid.run({ querySelector: ".mermaid" })
+        .catch(err => {
+          console.error("Mermaid rendering failed:", err);
+        });
+      });
+    </script>
+    <script>hljs.highlightAll();</script>

content/theme/templates/styles.html

@@ -7,7 +7,7 @@
 <script src="/js/mermaid.min.js"></script>
 <!-- pagefind search -->
 <link href="/_pagefind/pagefind-ui.css" rel="stylesheet">
-<script src="/_pagefind/pagefind-ui.js" type="text/javascript"></script>
+<script src="/_pagefind/pagefind-ui.js"></script>
 <script>
   window.addEventListener('DOMContentLoaded', (event) => {
       new PagefindUI({ element: "#pagefind-search" });
@@ -26,7 +26,7 @@
   });
 </script>
 <!-- pagefind search box styling -->
-<style type="text/css">
+<style>
   .search-form {
       right: 0;
       left: initial !important;
@@ -41,6 +41,6 @@
       padding: 1em;
       background: #fff;
       border: 1px solid #d0d7de;
-      broder-radius: 6px;
+      border-radius: 6px;
   }
 </style>