html validation fixup

Author: dave2wave

content/theme/templates/footer.html

@@ -7,4 +7,3 @@
         </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/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>