lazier

commit e2040d058c4aa9c343106a4e20da47fbbd549960
parent f686d7ee9f67c97eb91723531a5ca059e7a89c04
Author: Pablo Murad <pblmrd@gmail.com>
Date:   Mon, 26 Jan 2026 20:04:10 -0300

small fix

Diffstat:
M
lazier/web/templates/login.html
 | 
53
++++++++++++++++++++++++++++++++++++++++++++++++++++-

1 file changed, 52 insertions(+), 1 deletion(-)
diff --git a/lazier/web/templates/login.html b/lazier/web/templates/login.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Login - Lazier</title>
+    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>📢</text></svg>">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Work+Sans:wght@300;400;500;600;700&display=swap" rel="stylesheet">
@@ -19,12 +20,14 @@
             background: linear-gradient(135deg, #1a237e 0%, #283593 50%, #3949ab 100%);
             background-attachment: fixed;
             display: flex;
+            flex-direction: column;
             justify-content: center;
             align-items: center;
             min-height: 100vh;
             padding: 20px;
+            padding-bottom: 0;
             position: relative;
-            overflow: hidden;
+            overflow-x: hidden;
         }
 
         body::before {
@@ -157,6 +160,37 @@
             border: 1px solid rgba(211, 47, 47, 0.2);
         }
 
+        /* ===== FOOTER ===== */
+        .main-footer {
+            background: linear-gradient(135deg, #1a237e 0%, #283593 100%);
+            color: rgba(255, 255, 255, 0.9);
+            padding: 16px 24px;
+            margin-top: auto;
+            width: 100%;
+            position: relative;
+            overflow: hidden;
+        }
+
+        .main-footer::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 1px;
+            background: linear-gradient(90deg, transparent, rgba(255, 179, 0, 0.5), transparent);
+        }
+
+        .footer-bottom {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding-top: 8px;
+            border-top: 1px solid rgba(255, 255, 255, 0.1);
+            text-align: center;
+            color: rgba(255, 255, 255, 0.7);
+            font-size: 0.75rem;
+        }
+
         @media (max-width: 480px) {
             .login-container {
                 padding: 32px 24px;
@@ -165,6 +199,10 @@
             h1 {
                 font-size: 2rem;
             }
+
+            .main-footer {
+                padding: 12px 16px;
+            }
         }
     </style>
 </head>
@@ -198,5 +236,18 @@
             <button type="submit">Entrar</button>
         </form>
     </div>
+
+    <!-- Footer Principal -->
+    <footer class="main-footer">
+        <div class="footer-bottom">
+            <p>Desenvolvido com ❤️ por Pablo Murad - <span id="currentYear"></span></p>
+        </div>
+    </footer>
+
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            document.getElementById('currentYear').textContent = new Date().getFullYear();
+        });
+    </script>
 </body>
 </html>