From 1e4c565a5259c915d5531109189b337a34fc3e71 Mon Sep 17 00:00:00 2001
From: Gabriel De Los Rios <gabriel.delosrios@tutamail.com>
Date: Sat, 23 Nov 2024 20:26:10 -0300
Subject: [PATCH] fix: some minor improvements

---
 app/templates/layout/layout.html | 21 +++++++++++++++++++--
 app/templates/layout/menu.html   |  4 ++--
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/app/templates/layout/layout.html b/app/templates/layout/layout.html
index e9c7c18..543a1cd 100644
--- a/app/templates/layout/layout.html
+++ b/app/templates/layout/layout.html
@@ -31,11 +31,11 @@
           </div>
           {% if not session["id"] %}
           <div class="col-md-2 d-none d-lg-flex align-items-center justify-content-center">
-            <a type="button" class="btn btn-primary w-75" href="{{ROUTES['users']['login']}}" >Log In</a>
+            <a class="btn btn-primary w-75" href="{{ROUTES['users']['login']}}" >Log In</a>
           </div>
           {% else %}
           <div class="col-md-2 d-none d-lg-flex align-items-center justify-content-center">
-            <a type="button" class="btn btn-danger w-75" href="{{ROUTES['users']['logout']}}" >Log Out</a>
+            <a class="btn btn-danger w-75" href="{{ROUTES['users']['logout']}}" >Log Out</a>
           </div>
           {% endif %}
         </div>
@@ -52,6 +52,23 @@
         {% block footer %} 
         &copy; Copyright 2010 by <a href="http://domain.invalid/">you</a>. 
         {% endblock %}
+        <form action="https://validator.w3.org/check" class="text-center" enctype="multipart/form-data" method="post" target="_blank">
+            <input name="doctype" type="hidden" value="HTML5">
+            <input name="fragment" type="hidden">
+            <input alt="Validate" src="/static/I_heart_validator.png" type="image"> <!-- https://validator.w3.org/ -->
+        </form>
+        <script>
+            document.addEventListener('DOMContentLoaded', function() {
+                // Adapted from https://stackoverflow.com/a/10162353
+                const html = '<!DOCTYPE ' +
+                document.doctype.name +
+                (document.doctype.publicId ? ' PUBLIC "' + document.doctype.publicId + '"' : '') +
+                (!document.doctype.publicId && document.doctype.systemId ? ' SYSTEM' : '') +
+                (document.doctype.systemId ? ' "' + document.doctype.systemId + '"' : '') +
+                '>\n' + document.documentElement.outerHTML;
+                document.querySelector('form[action="https://validator.w3.org/check"] > input[name="fragment"]').value = html;
+            });
+        </script>
       </footer>
 
   </body>
diff --git a/app/templates/layout/menu.html b/app/templates/layout/menu.html
index 8f6dc38..fb41b0f 100644
--- a/app/templates/layout/menu.html
+++ b/app/templates/layout/menu.html
@@ -25,11 +25,11 @@
   <li class="nav-item">
     <a class="nav-link" href="{{ROUTES['contact-us']}}">Contact Us</a>
   </li>
+  {% if not session["id"] %}
   <li class="nav-item">
     <a class="nav-link" href="{{ROUTES['users']['register']}}">Register</a>
   </li>
-  {% if not session["id"] %}
-  <li class="nav-item">
+  <li class="nav-item d-block d-lg-none">
     <a class="nav-link" href="{{ROUTES['users']['login']}}">Log In</a>
   </li>
   {% endif %}