basic panel with env based password

static/index.html

@@ -18,8 +18,7 @@
   <nav>
     <a class="nav-logo" href="#">samantha_vero_friis</a>
     <div class="nav-links">
-      <a onclick="openOverlay()" >login</a>
-
+      <a >login</a>
     </div>
   </nav>
 
@@ -436,11 +435,24 @@
     </div>
     <div class="footer-copy">© 2026 — all rights reserved</div>
   </footer>
+  <div id="login-overlay"  style="min-width: 50%; position: fixed; inset: 0; z-index: 100; display: none; align-items: center; justify-content: center; background: rgba(0,0,0,0.35); backdrop-filter: blur(12px);">
+    <div hx-get="login" hx-trigger="load" hx-swap="outerHTML">
+      <span class="spinner">Loading login page...</span>
+    </div>
+</div>
 
   <script>
   // just some fun.
   console.log("%c👀 hi there!", "font-size:20px")
 
+  function closelogin() {
+    document.getElementById('login-overlay').style.display = 'none';
+  }
+
+  document.querySelector('.nav-links a').addEventListener('click', e => {
+  e.preventDefault();
+  document.getElementById('login-overlay').style.display = 'flex';
+});
 
   function makeday() {
     themeRoot.classList.remove('night');