HTML5 Validation & Cleanup

1 files changed, 18 insertions, 24 deletions

diff --git a/templates/base.html b/templates/base.html
index 0bbd48d..b1a3615 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -5,9 +5,9 @@
 <!DOCTYPE html>
 <html lang="{{ config.extra.language_code | default(value="en-US") }}">
 <head>
-  <meta charset="utf-8">
-  <meta http-equiv="x-ua-compatible" content="ie=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
   {{- macros_head::resource() }}
   {{- macros_head::stylesheet() }}
   {%- block seo %}
@@ -19,29 +19,30 @@
   {%- endblock seo %}
   {{- macros_head::favicons() }}
   {{- macros_head::security() }}
-  <meta name="HandheldFriendly" content="True">
-  <meta name="mobile-web-app-capable" content="yes">
-  <meta name="apple-mobile-web-app-capable" content="yes">
-  <meta name="apple-mobile-web-app-status-bar-style" content="default">
+  <meta name="HandheldFriendly" content="True" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="default" />
   {{- macros_head::math() }}
+  <noscript><style>.searchd{display:none;}</style></noscript>
 </head>
 <body>
 {%- block header %}
   <header>
     <nav>
-      <header>
+      <div>
         {%- if config.extra.logo %}
-        <h1><a href="{{ config.base_url | safe }}{%- if config.extra.uglyurls %}/index.html{%- endif %}">{%- if config.extra.logo.file %}<img src="{{ config.base_url | safe }}/{{ config.extra.logo.file | safe }}" {%- if config.extra.logo.alt %}alt="{{ config.extra.logo.alt | safe }}" {%- endif %}{%- if config.extra.logo.width %}width="{{ config.extra.logo.width | safe }}" {%- endif %}{%- if config.extra.logo.height %}height="{{ config.extra.logo.height | safe }}"{%- endif %}/>{%- endif %}{%- if config.extra.logo.text %}{{ config.extra.logo.text | safe }}{%- endif %}</a></h1>
+        <h1><a href="{{ config.base_url | safe }}{%- if config.extra.uglyurls %}/index.html{%- endif %}">{%- if config.extra.logo.file %}<img src="{{ config.base_url | safe }}/{{ config.extra.logo.file | safe }}"{%- if config.extra.logo.alt %} alt="{{ config.extra.logo.alt | safe }}"{%- endif %}{%- if config.extra.logo.width %} width="{{ config.extra.logo.width | safe }}"{%- endif %}{%- if config.extra.logo.height %} height="{{ config.extra.logo.height | safe }}"{%- endif %} />{%- endif %}{%- if config.extra.logo.text %}{{ config.extra.logo.text | safe }}{%- endif %}</a></h1>
         {%- elif config.extra.textlogo %}
         <h1><a href="{{ config.base_url | safe }}{%- if config.extra.uglyurls %}/index.html{%- endif %}">{{ config.extra.textlogo | safe }}</a></h1>
         {%- elif config.title %}
         <h1><a href="{{ config.base_url | safe }}{%- if config.extra.uglyurls %}/index.html{%- endif %}">{{ config.title | safe }}</a></h1>
         {%- endif %}
-      </header>
+      </div>
       <div>
         <ul>
           {%- for i in config.extra.menu %}
-          <li><h2><a href="{{ get_url(path=i.url, trailing_slash=i.slash) }}{%- if i.slash and config.extra.uglyurls %}index.html{%- endif %}">{{ i.name | safe }}</a></h2></li>
+          <li><h2><a href="{{ get_url(path=i.url, trailing_slash=i.slash) }}{%- if i.slash and config.extra.uglyurls %}index.html{%- endif %}">{{ i.name | safe }}</a></h2> </li>
           {%- endfor %}
         </ul>
       </div>
@@ -49,14 +50,8 @@
       <div>
         <form onsubmit="return goSearch()">
           <div class="searchd">
-            <input id="userinput" type="search" placeholder="Search" autocomplete="off">
-            <button type="submit" title="Search">
-              {%- if config.extra.fontawesome %}
-              <i class="svgs fa-solid fa-magnifying-glass"></i>
-              {%- else %}
-              <i class="svgs search"></i>
-              {%- endif %}
-            </button>
+            <input id="userinput" type="search" placeholder="Search" autocomplete="off" />
+            <button type="submit" title="Search">{%- if config.extra.fontawesome %}<i class="svgs fa-solid fa-magnifying-glass"></i>{%- else %}<i class="svgs search"></i>{%- endif %}</button>
           </div>
           <div><div id="suggestions"></div></div>
         </form>
@@ -69,7 +64,7 @@
     {%- endif %}
     {%- endif %}
     {%- if config.extra.headhr %}
-    <hr>
+    <hr />
     {%- endif %}
   </header>
 {%- endblock header %}
@@ -80,9 +75,9 @@
 {%- block footer %}
   <footer>
     {%- if config.extra.foothr %}
-    <hr>
+    <hr />
     {%- endif %}
-    <center>
+    <div class="c">
       <p>
         {{- social_macros::social_links(social_config=config.extra.social) }}
       </p>
@@ -107,9 +102,8 @@
       <p>Powered by <a href="https://www.getzola.org/">Zola</a> and <a href="https://github.com/jieiku/abridge/">Abridge</a></p>
       {%- endif %}
       {%- endif %}
-    </center>
+    </div>
   </footer>
 {%- endblock footer %}
-<noscript><style>.searchd{display:none;}</style></noscript>
 </body>
 </html>
\ No newline at end of file