From 26273fdf4e31b4ac818fd6c75a3996df60c3836d Mon Sep 17 00:00:00 2001
From: Patrick Di Fazio <patrick.difazio@studio.unibo.it>
Date: Thu, 25 Dec 2025 21:26:13 +0100
Subject: [PATCH] unified style and added error handling

---
 src/handler.py                      | 169 ++++++------
 src/templates/html/login_error.html | 117 +++++++--
 src/templates/html/login_form.html  | 155 ++++++++++-
 src/templates/html/phpmyadmin.html  | 383 ++++++++++------------------
 src/templates/html/robots.txt       |   2 +
 src/templates/html/wp_login.html    | 157 ++++++------
 6 files changed, 553 insertions(+), 430 deletions(-)

diff --git a/src/handler.py b/src/handler.py
index 6a4b969..81f48fa 100644
--- a/src/handler.py
+++ b/src/handler.py
@@ -212,85 +212,99 @@ class Handler(BaseHTTPRequestHandler):
         
         time.sleep(1)
         
-        self.send_response(200)
-        self.send_header('Content-type', 'text/html')
-        self.end_headers()
-        self.wfile.write(html_templates.login_error().encode())
+        try:
+            self.send_response(200)
+            self.send_header('Content-type', 'text/html')
+            self.end_headers()
+            self.wfile.write(html_templates.login_error().encode())
+        except BrokenPipeError:
+            # Client disconnected before receiving response, ignore silently
+            pass
+        except Exception as e:
+            # Log other exceptions but don't crash
+            print(f"[ERROR] Failed to send response to {client_ip}: {str(e)}")
 
     def serve_special_path(self, path: str) -> bool:
         """Serve special paths like robots.txt, API endpoints, etc."""
         
-        if path == '/robots.txt':
-            self.send_response(200)
-            self.send_header('Content-type', 'text/plain')
-            self.end_headers()
-            self.wfile.write(html_templates.robots_txt().encode())
-            return True
-        
-        if path in ['/credentials.txt', '/passwords.txt', '/admin_notes.txt']:
-            self.send_response(200)
-            self.send_header('Content-type', 'text/plain')
-            self.end_headers()
-            if 'credentials' in path:
-                self.wfile.write(credentials_txt().encode())
-            else:
-                self.wfile.write(passwords_txt().encode())
-            return True
-        
-        if path in ['/users.json', '/api_keys.json', '/config.json']:
-            self.send_response(200)
-            self.send_header('Content-type', 'application/json')
-            self.end_headers()
-            if 'users' in path:
-                self.wfile.write(users_json().encode())
-            elif 'api_keys' in path:
-                self.wfile.write(api_keys_json().encode())
-            else:
-                self.wfile.write(api_response('/api/config').encode())
-            return True
-        
-        if path in ['/admin', '/admin/', '/admin/login', '/login']:
-            self.send_response(200)
-            self.send_header('Content-type', 'text/html')
-            self.end_headers()
-            self.wfile.write(html_templates.login_form().encode())
-            return True
-        
-        # WordPress login page
-        if path in ['/wp-login.php', '/wp-login', '/wp-admin', '/wp-admin/']:
-            self.send_response(200)
-            self.send_header('Content-type', 'text/html')
-            self.end_headers()
-            self.wfile.write(html_templates.wp_login().encode())
-            return True
-        
-        if path in ['/wp-content/', '/wp-includes/'] or 'wordpress' in path.lower():
-            self.send_response(200)
-            self.send_header('Content-type', 'text/html')
-            self.end_headers()
-            self.wfile.write(html_templates.wordpress().encode())
-            return True
-        
-        if 'phpmyadmin' in path.lower() or path in ['/pma/', '/phpMyAdmin/']:
-            self.send_response(200)
-            self.send_header('Content-type', 'text/html')
-            self.end_headers()
-            self.wfile.write(html_templates.phpmyadmin().encode())
-            return True
-        
-        if path.startswith('/api/') or path.startswith('/api') or path in ['/.env']:
-            self.send_response(200)
-            self.send_header('Content-type', 'application/json')
-            self.end_headers()
-            self.wfile.write(api_response(path).encode())
-            return True
-        
-        if path in ['/backup/', '/uploads/', '/private/', '/admin/', '/config/', '/database/']:
-            self.send_response(200)
-            self.send_header('Content-type', 'text/html')
-            self.end_headers()
-            self.wfile.write(directory_listing(path).encode())
-            return True
+        try:
+            if path == '/robots.txt':
+                self.send_response(200)
+                self.send_header('Content-type', 'text/plain')
+                self.end_headers()
+                self.wfile.write(html_templates.robots_txt().encode())
+                return True
+            
+            if path in ['/credentials.txt', '/passwords.txt', '/admin_notes.txt']:
+                self.send_response(200)
+                self.send_header('Content-type', 'text/plain')
+                self.end_headers()
+                if 'credentials' in path:
+                    self.wfile.write(credentials_txt().encode())
+                else:
+                    self.wfile.write(passwords_txt().encode())
+                return True
+            
+            if path in ['/users.json', '/api_keys.json', '/config.json']:
+                self.send_response(200)
+                self.send_header('Content-type', 'application/json')
+                self.end_headers()
+                if 'users' in path:
+                    self.wfile.write(users_json().encode())
+                elif 'api_keys' in path:
+                    self.wfile.write(api_keys_json().encode())
+                else:
+                    self.wfile.write(api_response('/api/config').encode())
+                return True
+            
+            if path in ['/admin', '/admin/', '/admin/login', '/login']:
+                self.send_response(200)
+                self.send_header('Content-type', 'text/html')
+                self.end_headers()
+                self.wfile.write(html_templates.login_form().encode())
+                return True
+            
+            # WordPress login page
+            if path in ['/wp-login.php', '/wp-login', '/wp-admin', '/wp-admin/']:
+                self.send_response(200)
+                self.send_header('Content-type', 'text/html')
+                self.end_headers()
+                self.wfile.write(html_templates.wp_login().encode())
+                return True
+            
+            if path in ['/wp-content/', '/wp-includes/'] or 'wordpress' in path.lower():
+                self.send_response(200)
+                self.send_header('Content-type', 'text/html')
+                self.end_headers()
+                self.wfile.write(html_templates.wordpress().encode())
+                return True
+            
+            if 'phpmyadmin' in path.lower() or path in ['/pma/', '/phpMyAdmin/']:
+                self.send_response(200)
+                self.send_header('Content-type', 'text/html')
+                self.end_headers()
+                self.wfile.write(html_templates.phpmyadmin().encode())
+                return True
+            
+            if path.startswith('/api/') or path.startswith('/api') or path in ['/.env']:
+                self.send_response(200)
+                self.send_header('Content-type', 'application/json')
+                self.end_headers()
+                self.wfile.write(api_response(path).encode())
+                return True
+            
+            if path in ['/backup/', '/uploads/', '/private/', '/admin/', '/config/', '/database/']:
+                self.send_response(200)
+                self.send_header('Content-type', 'text/html')
+                self.end_headers()
+                self.wfile.write(directory_listing(path).encode())
+                return True
+        except BrokenPipeError:
+            # Client disconnected, ignore silently
+            pass
+        except Exception as e:
+            print(f"[ERROR] Failed to serve special path {path}: {str(e)}")
+            pass
         
         return False
 
@@ -306,6 +320,8 @@ class Handler(BaseHTTPRequestHandler):
             try:
                 stats = self.tracker.get_stats()
                 self.wfile.write(generate_dashboard(stats).encode())
+            except BrokenPipeError:
+                pass
             except Exception as e:
                 print(f"Error generating dashboard: {e}")
             return
@@ -337,6 +353,9 @@ class Handler(BaseHTTPRequestHandler):
             
             if Handler.counter < 0:
                 Handler.counter = self.config.canary_token_tries
+        except BrokenPipeError:
+            # Client disconnected, ignore silently
+            pass
         except Exception as e:
             print(f"Error generating page: {e}")
 
diff --git a/src/templates/html/login_error.html b/src/templates/html/login_error.html
index 8e4974d..3727c20 100644
--- a/src/templates/html/login_error.html
+++ b/src/templates/html/login_error.html
@@ -1,29 +1,108 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 <head>
     <meta charset="UTF-8">
-    <title>Login Failed</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="robots" content="noindex, nofollow">
+    <title>Error</title>
     <style>
-        body {{ font-family: Arial, sans-serif; background: #f0f0f0; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }}
-        .login-box {{ background: white; padding: 40px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); width: 300px; }}
-        h2 {{ margin-top: 0; color: #333; }}
-        .error {{ color: #d63301; background: #ffebe8; border: 1px solid #d63301; padding: 12px; margin-bottom: 20px; border-radius: 4px; }}
-        input {{ width: 100%; padding: 10px; margin: 10px 0; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; }}
-        button {{ width: 100%; padding: 10px; background: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer; }}
-        button:hover {{ background: #0056b3; }}
-        a {{ color: #007bff; font-size: 14px; }}
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+            background: #f5f5f5;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            min-height: 100vh;
+            padding: 20px;
+        }
+
+        .container {
+            background: white;
+            padding: 40px;
+            border-radius: 8px;
+            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+            width: 100%;
+            max-width: 400px;
+            text-align: center;
+        }
+
+        h1 {
+            font-size: 32px;
+            margin-bottom: 10px;
+            color: #d32f2f;
+        }
+
+        .error-message {
+            background: #ffebee;
+            border-left: 4px solid #d32f2f;
+            padding: 15px;
+            margin: 20px 0;
+            border-radius: 4px;
+            color: #c62828;
+            font-size: 14px;
+            line-height: 1.5;
+        }
+
+        p {
+            color: #666;
+            font-size: 14px;
+            margin: 15px 0;
+            line-height: 1.6;
+        }
+
+        .links-section {
+            margin-top: 20px;
+            font-size: 13px;
+        }
+
+        .links-section a {
+            color: #2196f3;
+            text-decoration: none;
+            margin: 0 10px;
+        }
+
+        .links-section a:hover {
+            text-decoration: underline;
+        }
+
+        .back-btn {
+            display: inline-block;
+            margin-top: 20px;
+            padding: 10px 20px;
+            background: #2196f3;
+            color: white;
+            text-decoration: none;
+            border-radius: 4px;
+            font-size: 14px;
+            font-weight: 500;
+        }
+
+        .back-btn:hover {
+            background: #1976d2;
+        }
     </style>
 </head>
 <body>
-    <div class="login-box">
-        <h2>Admin Login</h2>
-        <div class="error"><strong>ERROR:</strong> Invalid username or password.</div>
-        <form action="/admin/login" method="post">
-            <input type="text" name="username" placeholder="Username" required>
-            <input type="password" name="password" placeholder="Password" required>
-            <button type="submit">Login</button>
-        </form>
-        <p style="margin-top: 20px; text-align: center;"><a href="/forgot-password">Forgot your password?</a></p>
+    <div class="container">
+        <h1>⚠ Error</h1>
+        
+        <div class="error-message">
+            Login Failed. Please try again.
+        </div>
+
+        <p>If the problem persists, please contact support.</p>
+
+        <div class="links-section">
+            <a href="/forgot-password">Forgot password?</a>
+        </div>
+
+        <a href="/" class="back-btn">← Back to Home</a>
     </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/templates/html/login_form.html b/src/templates/html/login_form.html
index d39ede6..247355e 100644
--- a/src/templates/html/login_form.html
+++ b/src/templates/html/login_form.html
@@ -1,25 +1,156 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 <head>
     <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="robots" content="noindex, nofollow">
     <title>Admin Login</title>
     <style>
-        body {{ font-family: Arial, sans-serif; background: #f0f0f0; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }}
-        .login-box {{ background: white; padding: 40px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); width: 300px; }}
-        h2 {{ margin-top: 0; color: #333; }}
-        input {{ width: 100%; padding: 10px; margin: 10px 0; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; }}
-        button {{ width: 100%; padding: 10px; background: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer; }}
-        button:hover {{ background: #0056b3; }}
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+            background: #f5f5f5;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            min-height: 100vh;
+            padding: 20px;
+        }
+
+        .container {
+            background: white;
+            padding: 40px;
+            border-radius: 8px;
+            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+            width: 100%;
+            max-width: 400px;
+        }
+
+        h1 {
+            font-size: 28px;
+            margin-bottom: 10px;
+            color: #333;
+            text-align: center;
+        }
+
+        .subtitle {
+            text-align: center;
+            color: #666;
+            font-size: 14px;
+            margin-bottom: 30px;
+        }
+
+        label {
+            display: block;
+            margin: 15px 0 5px 0;
+            font-weight: 500;
+            color: #333;
+            font-size: 14px;
+        }
+
+        input[type="text"],
+        input[type="password"],
+        input[type="email"] {
+            width: 100%;
+            padding: 10px;
+            margin: 5px 0 15px 0;
+            border: 1px solid #ddd;
+            border-radius: 4px;
+            font-size: 14px;
+            transition: border-color 0.3s;
+        }
+
+        input[type="text"]:focus,
+        input[type="password"]:focus,
+        input[type="email"]:focus {
+            outline: none;
+            border-color: #2196f3;
+            box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.1);
+        }
+
+        .remember-me {
+            display: flex;
+            align-items: center;
+            margin: 15px 0;
+            font-size: 13px;
+        }
+
+        .remember-me input {
+            margin: 0 8px 0 0;
+            width: auto;
+        }
+
+        button {
+            width: 100%;
+            padding: 10px;
+            background: #2196f3;
+            color: white;
+            border: none;
+            border-radius: 4px;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: background 0.3s;
+            margin-top: 10px;
+        }
+
+        button:hover {
+            background: #1976d2;
+        }
+
+        button:active {
+            background: #1565c0;
+        }
+
+        .links {
+            text-align: center;
+            margin-top: 20px;
+            padding-top: 20px;
+            border-top: 1px solid #eee;
+            font-size: 13px;
+        }
+
+        .links a {
+            color: #2196f3;
+            text-decoration: none;
+            display: block;
+            margin: 8px 0;
+        }
+
+        .links a:hover {
+            text-decoration: underline;
+        }
     </style>
 </head>
 <body>
-    <div class="login-box">
-        <h2>Admin Login</h2>
+    <div class="container">
+        <h1>Admin Panel</h1>
+        <p class="subtitle">Please log in to continue</p>
+
         <form action="/admin/login" method="post">
-            <input type="text" name="username" placeholder="Username" required>
-            <input type="password" name="password" placeholder="Password" required>
-            <button type="submit">Login</button>
+            <label for="username">Username</label>
+            <input type="text" id="username" name="username" placeholder="Enter your username" autocomplete="username" autofocus required>
+
+            <label for="password">Password</label>
+            <input type="password" id="password" name="password" placeholder="Enter your password" autocomplete="current-password" required>
+
+            <div class="remember-me">
+                <input type="checkbox" id="remember" name="remember" value="1">
+                <label for="remember" style="margin: 0;">Remember me</label>
+            </div>
+
+            <button type="submit">Sign In</button>
         </form>
+
+        <div class="links">
+            <a href="/forgot-password">Forgot your password?</a>
+            <a href="/">← Back to Home</a>
+        </div>
     </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/templates/html/phpmyadmin.html b/src/templates/html/phpmyadmin.html
index e2a0ade..b19e9d7 100644
--- a/src/templates/html/phpmyadmin.html
+++ b/src/templates/html/phpmyadmin.html
@@ -1,285 +1,166 @@
 <!DOCTYPE html>
-<html lang="en" dir="ltr">
+<html>
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="robots" content="noindex,nofollow">
     <title>phpMyAdmin</title>
-    <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect fill='%236c78af' width='32' height='32' rx='4'/><text x='16' y='22' font-size='18' fill='white' text-anchor='middle' font-family='sans-serif' font-weight='bold'>pma</text></svg>">
     <style>
-        * {{
-            box-sizing: border-box;
-        }}
-        body {{
-            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-            font-size: 14px;
-            background: #fffffc;
+        body {
+            font-family: 'Segoe UI', Tahoma, sans-serif;
+            margin: 0;
+            background: #f0f0f0;
+        }
+        .header {
+            background: #2979ff;
+            color: white;
+            padding: 10px 20px;
+        }
+        .header h1 {
             margin: 0;
-            padding: 0;
-            color: #444;
-        }}
-        #page_content {{
-            margin: 0 auto;
-            max-width: 960px;
-            padding: 20px;
-        }}
-        .container-fluid {{
-            display: flex;
-            min-height: 100vh;
-        }}
-        #pma_navigation {{
-            width: 240px;
-            background: #f3f3f3;
-            border-right: 1px solid #ddd;
-            padding: 10px;
-        }}
-        #pma_navigation_header {{
-            text-align: center;
-            padding: 15px 10px;
-            border-bottom: 1px solid #ddd;
-            margin-bottom: 10px;
-        }}
-        #pma_navigation_header img {{
-            max-width: 160px;
-        }}
-        .logo-text {{
             font-size: 24px;
-            font-weight: bold;
-            color: #6c78af;
-        }}
-        .logo-text span {{
-            color: #f89c0e;
-        }}
-        #pma_main {{
-            flex: 1;
-            padding: 20px;
-            background: #fff;
-        }}
-        .login_form {{
-            max-width: 500px;
-            margin: 40px auto;
-            background: #fff;
+        }
+        .login {
+            background: white;
+            width: 400px;
+            margin: 100px auto;
+            padding: 30px;
+            border-radius: 4px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+        }
+        .login h2 {
+            margin-top: 0;
+            color: #333;
+            font-size: 18px;
+        }
+        input[type="text"],
+        input[type="password"],
+        select {
+            width: 100%;
+            padding: 8px;
+            margin: 8px 0;
             border: 1px solid #ddd;
             border-radius: 4px;
-            box-shadow: 0 1px 3px rgba(0,0,0,0.08);
-        }}
-        .login_form h1 {{
-            background: #f3f3f3;
-            margin: 0;
-            padding: 15px 20px;
-            font-size: 16px;
-            font-weight: normal;
-            border-bottom: 1px solid #ddd;
-            color: #333;
-        }}
-        .login_form h1 img {{
-            vertical-align: middle;
-            margin-right: 8px;
-        }}
-        .login_form form {{
-            padding: 20px;
-        }}
-        .item {{
-            margin-bottom: 15px;
-        }}
-        .item label {{
-            display: block;
-            margin-bottom: 5px;
-            font-weight: 500;
-            color: #333;
-        }}
-        .item input[type="text"],
-        .item input[type="password"],
-        .item select {{
-            width: 100%;
-            padding: 8px 10px;
-            border: 1px solid #aaa;
-            border-radius: 2px;
+            box-sizing: border-box;
             font-size: 14px;
-            background: #fff;
-        }}
-        .item input:focus,
-        .item select:focus {{
-            border-color: #6c78af;
+        }
+        input[type="text"]:focus,
+        input[type="password"]:focus,
+        select:focus {
+            border-color: #2979ff;
             outline: none;
-            box-shadow: 0 0 0 2px rgba(108, 120, 175, 0.2);
-        }}
-        .item select {{
-            cursor: pointer;
-        }}
-        .checkbox-item {{
-            display: flex;
-            align-items: center;
-            gap: 8px;
-        }}
-        .checkbox-item input {{
-            margin: 0;
-        }}
-        fieldset {{
-            border: 1px solid #ddd;
-            border-radius: 2px;
-            padding: 15px;
-            margin: 0 0 15px 0;
-        }}
-        legend {{
+            box-shadow: 0 0 0 2px rgba(41, 121, 255, 0.1);
+        }
+        label {
+            display: block;
+            margin: 12px 0 5px 0;
             font-weight: 500;
-            padding: 0 8px;
             color: #333;
-        }}
-        .btn {{
-            display: inline-block;
-            padding: 8px 20px;
-            background: #6c78af;
-            color: #fff;
+            font-size: 13px;
+        }
+        button {
+            width: 100%;
+            padding: 10px 20px;
+            background: #2979ff;
+            color: white;
             border: none;
-            border-radius: 2px;
+            border-radius: 4px;
             cursor: pointer;
             font-size: 14px;
             font-weight: 500;
-        }}
-        .btn:hover {{
-            background: #5a6699;
-        }}
-        .server-choice {{
-            display: flex;
-            gap: 10px;
-            margin-bottom: 15px;
-        }}
-        .server-choice label {{
-            display: flex;
-            align-items: center;
-            gap: 5px;
-            cursor: pointer;
-        }}
-        .footer {{
-            text-align: center;
-            margin-top: 20px;
-            padding-top: 15px;
-            border-top: 1px solid #ddd;
-            font-size: 12px;
-            color: #888;
-        }}
-        .footer a {{
-            color: #6c78af;
-            text-decoration: none;
-        }}
-        .footer a:hover {{
-            text-decoration: underline;
-        }}
-        .lang-select {{
+            margin-top: 15px;
+        }
+        button:hover {
+            background: #1565c0;
+        }
+        button:active {
+            background: #0d47a1;
+        }
+        .lang-select {
             margin-top: 15px;
             padding-top: 15px;
             border-top: 1px solid #eee;
-        }}
-        .lang-select label {{
+        }
+        .lang-select label {
             display: inline;
             margin-right: 10px;
-        }}
-        .lang-select select {{
+            margin: 0 10px 0 0;
+        }
+        .lang-select select {
             width: auto;
             padding: 5px 10px;
-        }}
-        .nav-item {{
-            padding: 8px 12px;
-            color: #333;
+            margin: 8px 0;
+        }
+        .footer {
+            text-align: center;
+            margin-top: 20px;
+            padding-top: 15px;
+            border-top: 1px solid #eee;
+            font-size: 12px;
+            color: #888;
+        }
+        .footer a {
+            color: #2979ff;
             text-decoration: none;
-            display: block;
-            border-radius: 2px;
-        }}
-        .nav-item:hover {{
-            background: #e8e8e8;
-        }}
-        .error-message {{
-            display: none;
-        }}
-        @media (max-width: 768px) {{
-            .container-fluid {{
-                flex-direction: column;
-            }}
-            #pma_navigation {{
-                width: 100%;
-                border-right: none;
-                border-bottom: 1px solid #ddd;
-            }}
-            .login_form {{
-                margin: 20px;
-            }}
-        }}
+        }
+        .footer a:hover {
+            text-decoration: underline;
+        }
+        @media (max-width: 480px) {
+            .login {
+                width: 90%;
+                margin: 50px auto;
+                padding: 20px;
+            }
+            .login h2 {
+                font-size: 16px;
+            }
+        }
     </style>
 </head>
 <body>
-    <div class="container-fluid">
-        <div id="pma_navigation">
-            <div id="pma_navigation_header">
-                <div class="logo-text">php<span>My</span>Admin</div>
-            </div>
-            <nav>
-                <a href="#" class="nav-item">Databases</a>
-                <a href="#" class="nav-item">SQL</a>
-                <a href="#" class="nav-item">Status</a>
-                <a href="#" class="nav-item">User accounts</a>
-                <a href="#" class="nav-item">Export</a>
-                <a href="#" class="nav-item">Import</a>
-                <a href="#" class="nav-item">Settings</a>
-            </nav>
-        </div>
-        <div id="pma_main">
-            <div class="login_form">
-                <h1>
-                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#6c78af" stroke-width="2" style="vertical-align: middle; margin-right: 8px;">
-                        <rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>
-                        <path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
-                    </svg>
-                    Log in
-                </h1>
-                <form method="post" action="/phpmyadmin/index.php" name="login_form" autocomplete="off">
-                    <fieldset>
-                        <legend>Log in</legend>
-                        <div class="item">
-                            <label for="input_servername">Server Choice:</label>
-                            <select name="server" id="input_servername">
-                                <option value="1">127.0.0.1</option>
-                                <option value="2">localhost</option>
-                            </select>
-                        </div>
-                        <div class="item">
-                            <label for="input_username">Username:</label>
-                            <input type="text" name="pma_username" id="input_username" value="" autocomplete="username" autofocus>
-                        </div>
-                        <div class="item">
-                            <label for="input_password">Password:</label>
-                            <input type="password" name="pma_password" id="input_password" value="" autocomplete="current-password">
-                        </div>
-                    </fieldset>
-                    <input type="hidden" name="token" value="a1b2c3d4e5f6g7h8i9j0">
-                    <input type="hidden" name="set_session" value="1">
-                    <button type="submit" class="btn" id="input_go" value="Log in">Log in</button>
-                    <div class="lang-select">
-                        <label for="lang_select">Language:</label>
-                        <select name="lang" id="lang_select">
-                            <option value="en" selected>English</option>
-                            <option value="de">Deutsch</option>
-                            <option value="es">Español</option>
-                            <option value="fr">Français</option>
-                            <option value="it">Italiano</option>
-                            <option value="ja">日本語</option>
-                            <option value="ko">한국어</option>
-                            <option value="nl">Nederlands</option>
-                            <option value="pl">Polski</option>
-                            <option value="pt">Português</option>
-                            <option value="ru">Русский</option>
-                            <option value="zh">中文</option>
-                        </select>
-                    </div>
-                </form>
-                <div class="footer">
-                    <a href="https://www.phpmyadmin.net/docs/" target="_blank">Documentation</a> |
-                    <a href="https://www.phpmyadmin.net/" target="_blank">Official Homepage</a> |
-                    <a href="https://github.com/phpmyadmin/phpmyadmin" target="_blank">Contribute</a>
-                    <br><br>
-                    phpMyAdmin 5.2.1
-                </div>
+    <div class="header">
+        <h1>phpMyAdmin</h1>
+    </div>
+    <div class="login">
+        <h2>MySQL Server Login</h2>
+        <form action="/phpmyadmin/index.php" method="post" autocomplete="off">            
+            <label for="username">Username:</label>
+            <input type="text" name="pma_username" id="username" placeholder="Username" autocomplete="username" autofocus>
+            
+            <label for="password">Password:</label>
+            <input type="password" name="pma_password" id="password" placeholder="Password" autocomplete="current-password">
+            
+            <button type="submit">Go</button>
+            
+            <div class="lang-select">
+                <label for="lang">Language:</label>
+                <select name="lang" id="lang">
+                    <option value="en" selected>English</option>
+                    <option value="de">Deutsch</option>
+                    <option value="es">Español</option>
+                    <option value="fr">Français</option>
+                    <option value="it">Italiano</option>
+                    <option value="ja">日本語</option>
+                    <option value="ko">한국어</option>
+                    <option value="nl">Nederlands</option>
+                    <option value="pl">Polski</option>
+                    <option value="pt">Português</option>
+                    <option value="ru">Русский</option>
+                    <option value="zh">中文</option>
+                </select>
             </div>
+            
+            <input type="hidden" name="token" value="a1b2c3d4e5f6g7h8i9j0">
+            <input type="hidden" name="set_session" value="1">
+        </form>
+        
+        <div class="footer">
+            <a href="https://www.phpmyadmin.net/docs/" target="_blank">Documentation</a> |
+            <a href="https://www.phpmyadmin.net/" target="_blank">Official Homepage</a> |
+            <a href="https://github.com/phpmyadmin/phpmyadmin" target="_blank">Contribute</a>
+            <br><br>
+            phpMyAdmin 5.2.1
         </div>
     </div>
 </body>
diff --git a/src/templates/html/robots.txt b/src/templates/html/robots.txt
index 3e82414..2bae8ca 100644
--- a/src/templates/html/robots.txt
+++ b/src/templates/html/robots.txt
@@ -7,6 +7,8 @@ Disallow: /database/
 Disallow: /private/
 Disallow: /uploads/
 Disallow: /wp-admin/
+Disallow: /login/
+Disallow: /admin/login
 Disallow: /phpMyAdmin/
 Disallow: /admin/login.php
 Disallow: /api/v1/users
diff --git a/src/templates/html/wp_login.html b/src/templates/html/wp_login.html
index 38b8fe5..c20eff4 100644
--- a/src/templates/html/wp_login.html
+++ b/src/templates/html/wp_login.html
@@ -5,12 +5,12 @@
     <meta name="viewport" content="width=device-width">
     <meta name="robots" content="max-image-preview:large, noindex, noarchive">
     <title>Log In &lsaquo; WordPress &mdash; WordPress</title>
-    <style>
-        html {{
+    <style type="text/css">
+        html {
             background: #f0f0f1;
             min-height: 100%;
-        }}
-        body {{
+        }
+        body {
             background: #f0f0f1;
             min-height: 100%;
             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@@ -19,34 +19,45 @@
             color: #3c434a;
             margin: 0;
             padding: 0;
-        }}
-        a {{
+        }
+        a {
             color: #2271b1;
             text-decoration: none;
-        }}
-        a:hover, a:active {{
+        }
+        a:hover, a:active {
             color: #135e96;
-        }}
-        #login {{
+        }
+        #login {
             width: 320px;
             padding: 8% 0 0;
             margin: auto;
-        }}
-        #login h1 {{
+        }
+        #login h1 {
             text-align: center;
-        }}
-        #login h1 a {{
-            background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4NCA4NCI+PHBhdGggZD0iTTQyIDBDMTguOCAwIDAgMTguOCAwIDQyczE4LjggNDIgNDIgNDIgNDItMTguOCA0Mi00MlM2NS4yIDAgNDIgMHptMCA3OC40QzIxLjggNzguNCA1LjYgNjIuMiA1LjYgNDJTMjEuOCA1LjYgNDIgNS42IDc4LjQgMjEuOCA3OC40IDQyIDYyLjIgNzguNCA0MiA3OC40ek0yMC4xIDQyYzAgNy42IDQuNSAxNC4yIDEwLjkgMTcuM2wtOS4yLTI1LjJjLTEuMSAyLjUtMS43IDUuMi0xLjcgNy45em0zNi44LTEuMWMwLTIuNC0uOS01LjYtMi40LTcuMi0xLjUtMi0zLTMuNC0zLTUuMiAwLTIgMS41LTMuOSAzLjctMy45aC4zYy00LjktNC42LTExLjQtNy40LTE4LjUtNy40LTkuNiAwLTE4IDQuOS0yMi45IDEyLjMuNiAwIDEuMiAwIDEuNyAwIDIuOCAwIDcuMi0uMyA3LjItLjNzLjItLjEuMi0uMi0xLjUtLjEtMS41LS4xYy45LTEuMSAxLjYtMy4xIDEuNi0zLjEuMiAwIDEuOS41IDIuNS41cy42LjEuNi4xYy0xLjMuOC0xLjUgMy4xLTEuNSAzLjFzMCAuNC40LjRjLjMgMCAuOC0uMy44LS4zLjguNCAxLjcgMi4xIDEuNyAyLjF2LS4yYy42IDEuNCAyLjMgNS4yIDIuMyA1LjIgMS4xIDMuMiAyLjggNS41IDQuMSA3LjIgMS4zIDEuNyAyLjggMy4xIDQuNCAzLjggNC4yLTEuMSA3LjItNC4zIDguNS03LjZsLjItLjVjLjEtLjMuMi0uNi40LTFsLTYuNi0xOGMtLjYtMS42LTEtMi43LTEuNC0zLjhoLS41Yy0uNCAwLS43LjEtLjcuMS0uMS4xLjIuMi4yLjJzMS40LjEgMi4yLjRjLjkuMiAyIC43IDIgLjcuMy4xLjcuMy43LjNzLjEgMCAuMS0uMWMwIDAgLjEtLjItLjQtLjQtLjMtLjEtMS0uMy0xLjYtLjUtLjUtLjEtLjktLjItMS0uMi0uMSAwLS4xLS4xLS4xLS4xdi0uMWMwIC4xLjEuMS4xLjFzMCAuMS0uMS4xYy0uMi4xLjEuMy41LjVzLjkuNSAxLjQuN2MuNi4zIDEuMS43IDEuNC45LjMuMy42LjkuOSAxLjIuMy40LjYgMS4xLjggMS43bDQuMSAxMy44YzIuNy0xLjEgNC42LTMuNyA0LjYtNi43eiIgZmlsbD0iIzMzMzMzMyIvPjwvc3ZnPg==');
-            background-size: 84px;
-            background-position: center top;
-            background-repeat: no-repeat;
+            margin: 0 0 20px;
+        }
+        #login h1 {
+            text-align: center;
+            margin: 0 0 30px;
+            font-size: 28px;
+            font-weight: 400;
             color: #3c434a;
-            height: 84px;
-            font-size: 0;
+        }
+        
+        #login h1 a {
+            color: #2271b1;
+            text-decoration: none;
+            font-weight: 600;
+            font-size: 28px;
             display: block;
-            outline: 0;
-        }}
-        .login form {{
+            background: none;
+            height: auto;
+        }
+        
+        #login h1 a:hover {
+            color: #135e96;
+        }
+        .login form {
             margin-top: 20px;
             margin-left: 0;
             padding: 26px 24px 34px;
@@ -55,8 +66,8 @@
             background: #fff;
             border: 1px solid #c3c4c7;
             box-shadow: 0 1px 3px rgba(0, 0, 0, .04);
-        }}
-        .login form .input, .login input[type="text"], .login input[type="password"] {{
+        }
+        .login form .input, .login input[type="text"], .login input[type="password"] {
             font-size: 24px;
             width: 100%;
             padding: 3px;
@@ -66,29 +77,29 @@
             box-shadow: none;
             color: #2c3338;
             outline: none;
-        }}
-        .login form .input:focus {{
+        }
+        .login form .input:focus {
             border-color: #2271b1;
             box-shadow: 0 0 0 1px #2271b1;
-        }}
-        .login label {{
+        }
+        .login label {
             font-size: 14px;
             line-height: 1.5;
-            display: inline-block;
-            margin-bottom: 3px;
-        }}
-        .login .forgetmenot {{
+            display: block;
+            margin-bottom: 8px;
+        }
+        .login .forgetmenot {
             margin: 2px 0 24px;
-        }}
-        .login .forgetmenot label {{
+        }
+        .login .forgetmenot label {
             font-size: 12px;
             display: flex;
             align-items: center;
-        }}
-        .login .forgetmenot input {{
+        }
+        .login .forgetmenot input {
             margin: 0 4px 0 0;
-        }}
-        .wp-hide-pw {{
+        }
+        .wp-hide-pw {
             position: absolute;
             right: 0;
             top: 0;
@@ -98,17 +109,17 @@
             border: none;
             color: #2271b1;
             cursor: pointer;
-        }}
-        .wp-hide-pw:hover {{
+        }
+        .wp-hide-pw:hover {
             color: #135e96;
-        }}
-        .user-pass-wrap {{
+        }
+        .user-pass-wrap {
             position: relative;
-        }}
-        .wp-pwd {{
+        }
+        .wp-pwd {
             position: relative;
-        }}
-        #wp-submit {{
+        }
+        #wp-submit {
             float: right;
             text-decoration: none;
             font-size: 13px;
@@ -123,57 +134,57 @@
             box-sizing: border-box;
             background: #2271b1;
             color: #fff;
-        }}
-        #wp-submit:hover {{
+        }
+        #wp-submit:hover {
             background: #135e96;
             border-color: #135e96;
             color: #fff;
-        }}
-        p.submit {{
+        }
+        p.submit {
             margin-bottom: 0;
-        }}
-        #nav {{
+        }
+        #nav {
             margin: 24px 0 0 0;
             padding: 0;
             text-align: center;
-        }}
-        #nav a {{
+        }
+        #nav a {
             color: #50575e;
-        }}
-        #nav a:hover {{
+        }
+        #nav a:hover {
             color: #135e96;
-        }}
-        #backtoblog {{
+        }
+        #backtoblog {
             margin: 16px 0 0 0;
             padding: 0;
             text-align: center;
-        }}
-        #backtoblog a {{
+        }
+        #backtoblog a {
             color: #50575e;
-        }}
-        #backtoblog a:hover {{
+        }
+        #backtoblog a:hover {
             color: #135e96;
-        }}
-        .privacy-policy-page-link {{
+        }
+        .privacy-policy-page-link {
             text-align: center;
             margin-top: 16px;
-        }}
-        .privacy-policy-page-link a {{
+        }
+        .privacy-policy-page-link a {
             color: #50575e;
             font-size: 12px;
-        }}
-        @media screen and (max-width: 400px) {{
-            #login {{
+        }
+        @media screen and (max-width: 400px) {
+            #login {
                 width: 100%;
                 padding: 20px;
                 box-sizing: border-box;
-            }}
-        }}
+            }
+        }
     </style>
 </head>
 <body class="login js login-action-login wp-core-ui locale-en-us">
     <div id="login">
-        <h1><a href="https://wordpress.org/">Powered by WordPress</a></h1>
+        <h1><a href="https://wordpress.org/">WordPress Login</a></h1>
         <form name="loginform" id="loginform" action="/wp-login.php" method="post">
             <p>
                 <label for="user_login">Username or Email Address</label>