fixing login

frontend/index.html

@@ -36,7 +36,7 @@
             <div class="ms-auto d-flex align-items-center">
                 <span class="text-secondary small me-2" id="userDisplay"></span>
                 <button class="btn btn-outline-secondary btn-sm me-2 d-none" id="settingsBtn" data-bs-toggle="modal" data-bs-target="#settingsModal" title="Settings"><i class="fas fa-cog"></i></button>
-                <a href="/logout.php" class="btn btn-outline-secondary btn-sm"><i class="fas fa-sign-out-alt"></i></a>
+                <button class="btn btn-outline-secondary btn-sm" id="logoutBtn"><i class="fas fa-sign-out-alt"></i></button>
             </div>
         </div>
     </div>
@@ -375,6 +375,21 @@
     </div>
 </div>
 
+<!-- ==================== LOGIN OVERLAY ==================== -->
+<div id="loginOverlay" style="position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0e1a;z-index:9999;display:flex;align-items:center;justify-content:center;">
+    <div style="text-align:center;max-width:400px;padding:2rem;">
+        <i class="fas fa-globe text-primary mb-3" style="font-size:2.5rem;"></i>
+        <h1 class="fw-bold mb-1">Neptune</h1>
+        <p class="text-secondary mb-4">Cybersecurity Incident Journal</p>
+        <div id="loginError" class="alert alert-danger py-2 small" style="display:none;"></div>
+        <div id="loginSuccess" class="alert alert-success py-2 small" style="display:none;"></div>
+        <button id="loginBtn" class="btn btn-primary w-100 py-2 mb-2">
+            <i class="fas fa-right-to-bracket me-2"></i>Log in with Jakach Auth
+        </button>
+        <small class="text-secondary">First user automatically becomes admin</small>
+    </div>
+</div>
+
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
 <script src="assets/js/app.js"></script>
 </body>