From 385a79a4a1197514fa8887cae32f3a7aeb2c01a2 Mon Sep 17 00:00:00 2001
From: aamoghS <aamoghsawantt@gmail.com>
Date: Thu, 24 Sep 2026 23:34:11 -0400
Subject: [PATCH] fix(hacklytics): countdown time, nav links on 404, mobile
 menu a11y

- The countdown targeted new Date("2027-02-26T23:59:59") with no offset,
  which means midnight in each visitor's own timezone. Check-in opens at
  5pm ET (the JSON-LD startDate), so ET visitors saw it keep running ~7h
  after doors and PT visitors' target was ~3am ET Saturday.
- Navbar links always preventDefault'd, then bailed when the section was
  not on the page: on the 404 page About/FAQ did nothing, and cmd/ctrl-
  click could never open a new tab. They now fall through to normal
  navigation in both cases.
- The closed mobile menu is hidden only by opacity, so its links sat in
  the tab order and accessibility tree. It is now inert when closed, and
  the toggle reports aria-expanded / aria-controls.
- MLH badge link: add rel="noopener noreferrer" like every other
  external link.
- Remove public/index.html, Firebase's "Hosting Setup Complete"
  boilerplate, which sits at the same path as the app's / page (next dev
  reports the conflict; a copy-order change would ship it).
---
 sites/hacklytics2027/app/page.tsx          |   5 +-
 sites/hacklytics2027/components/Navbar.tsx |  11 +-
 sites/hacklytics2027/public/index.html     | 157 ---------------------
 3 files changed, 14 insertions(+), 159 deletions(-)
 delete mode 100644 sites/hacklytics2027/public/index.html

diff --git a/sites/hacklytics2027/app/page.tsx b/sites/hacklytics2027/app/page.tsx
index a044f74e..4d976b3d 100644
--- a/sites/hacklytics2027/app/page.tsx
+++ b/sites/hacklytics2027/app/page.tsx
@@ -124,6 +124,7 @@ export default function HomePage() {
         <a
           href="https://mlh.io/na?utm_source=na-hackathon&utm_medium=TrustBadge&utm_campaign=2026-season&utm_content=white"
           target="_blank"
+          rel="noopener noreferrer"
           className="absolute top-0 right-5 md:right-12 z-50 w-[9%] max-w-[90px] min-w-[56px] hover:scale-105 hover:brightness-110 transition-all duration-300"
         >
           <img src="/mlh-trust-badge.svg" alt="Major League Hacking 2027" className="w-full drop-shadow-2xl" />
@@ -202,7 +203,9 @@ export default function HomePage() {
             </a>
           </div>
 
-          <Countdown targetDate={new Date("2027-02-26T23:59:59")} />
+          {/* Check-in opens 5pm ET (the JSON-LD startDate). Without an offset
+              the string meant midnight in each visitor's own timezone. */}
+          <Countdown targetDate={new Date("2027-02-26T17:00:00-05:00")} />
 
         </div>
         
diff --git a/sites/hacklytics2027/components/Navbar.tsx b/sites/hacklytics2027/components/Navbar.tsx
index c4608986..e50dcb0f 100644
--- a/sites/hacklytics2027/components/Navbar.tsx
+++ b/sites/hacklytics2027/components/Navbar.tsx
@@ -52,11 +52,14 @@ export default function Navbar() {
   }, [open]);
 
   const handleNavClick = (e: React.MouseEvent<HTMLAnchorElement>, href: string) => {
-    e.preventDefault();
+    // Cmd/ctrl-click opens a new tab; that is the browser's to handle.
+    if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || e.button !== 0) return;
     setOpen(false);
     const id = href.replace("/#", "");
     const el = document.getElementById(id);
+    // Off the home page (the 404), let the link navigate to /#id.
     if (!el) return;
+    e.preventDefault();
     clickScrolling.current = true;
     setVisible(true);
     const offset = (headerRef.current?.offsetHeight ?? 0) + 16;
@@ -120,6 +123,8 @@ export default function Navbar() {
 
           <button
             aria-label="Toggle menu"
+            aria-expanded={open}
+            aria-controls="mobile-menu"
             onClick={() => setOpen((s) => !s)}
             className="md:hidden w-11 h-11 flex flex-col justify-center items-center gap-[6px] border border-white/15 hover:border-white/40 transition-colors bg-transparent"
           >
@@ -137,6 +142,10 @@ export default function Navbar() {
       </header>
 
       <div
+        id="mobile-menu"
+        // Hidden only by opacity, so without inert its links stayed in the tab
+        // order and the accessibility tree while closed.
+        inert={!open}
         className={`
           fixed inset-0 z-40 flex flex-col
           bg-[#04040a]/98
diff --git a/sites/hacklytics2027/public/index.html b/sites/hacklytics2027/public/index.html
deleted file mode 100644
index 9e3b4398..00000000
--- a/sites/hacklytics2027/public/index.html
+++ /dev/null
@@ -1,157 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>Welcome to Firebase Hosting</title>
-
-    <!-- update the version number as needed -->
-    <script defer src="/__/firebase/12.13.0/firebase-app-compat.js"></script>
-    <!-- include only the Firebase features as you need -->
-    <script defer src="/__/firebase/12.13.0/firebase-auth-compat.js"></script>
-    <script
-      defer
-      src="/__/firebase/12.13.0/firebase-database-compat.js"
-    ></script>
-    <script
-      defer
-      src="/__/firebase/12.13.0/firebase-firestore-compat.js"
-    ></script>
-    <script
-      defer
-      src="/__/firebase/12.13.0/firebase-functions-compat.js"
-    ></script>
-    <script
-      defer
-      src="/__/firebase/12.13.0/firebase-messaging-compat.js"
-    ></script>
-    <script
-      defer
-      src="/__/firebase/12.13.0/firebase-storage-compat.js"
-    ></script>
-    <script
-      defer
-      src="/__/firebase/12.13.0/firebase-analytics-compat.js"
-    ></script>
-    <script
-      defer
-      src="/__/firebase/12.13.0/firebase-remote-config-compat.js"
-    ></script>
-    <script
-      defer
-      src="/__/firebase/12.13.0/firebase-performance-compat.js"
-    ></script>
-    <!--
-      initialize the SDK after all desired features are loaded, set useEmulator to false
-      to avoid connecting the SDK to running emulators.
-    -->
-    <script defer src="/__/firebase/init.js?useEmulator=true"></script>
-
-    <style media="screen">
-      body {
-        background: #eceff1;
-        color: rgba(0, 0, 0, 0.87);
-        font-family: Roboto, Helvetica, Arial, sans-serif;
-        margin: 0;
-        padding: 0;
-      }
-      #message {
-        background: white;
-        max-width: 360px;
-        margin: 100px auto 16px;
-        padding: 32px 24px;
-        border-radius: 3px;
-      }
-      #message h2 {
-        color: #ffa100;
-        font-weight: bold;
-        font-size: 16px;
-        margin: 0 0 8px;
-      }
-      #message h1 {
-        font-size: 22px;
-        font-weight: 300;
-        color: rgba(0, 0, 0, 0.6);
-        margin: 0 0 16px;
-      }
-      #message p {
-        line-height: 140%;
-        margin: 16px 0 24px;
-        font-size: 14px;
-      }
-      #message a {
-        display: block;
-        text-align: center;
-        background: #039be5;
-        text-transform: uppercase;
-        text-decoration: none;
-        color: white;
-        padding: 16px;
-        border-radius: 4px;
-      }
-      #message,
-      #message a {
-        box-shadow:
-          0 1px 3px rgba(0, 0, 0, 0.12),
-          0 1px 2px rgba(0, 0, 0, 0.24);
-      }
-      #load {
-        color: rgba(0, 0, 0, 0.4);
-        text-align: center;
-        font-size: 13px;
-      }
-      @media (max-width: 600px) {
-        body,
-        #message {
-          margin-top: 0;
-          background: white;
-          box-shadow: none;
-        }
-        body {
-          border-top: 16px solid #ffa100;
-        }
-      }
-    </style>
-  </head>
-  <body>
-    <div id="message">
-      <h2>Welcome</h2>
-      <h1>Firebase Hosting Setup Complete</h1>
-      <p>
-        You're seeing this because you've successfully setup Firebase Hosting.
-        Now it's time to go build something extraordinary!
-      </p>
-      <a target="_blank" href="https://firebase.google.com/docs/hosting/"
-        >Open Hosting Documentation</a
-      >
-    </div>
-    <p id="load">Firebase SDK Loading&hellip;</p>
-
-    <script>
-      document.addEventListener("DOMContentLoaded", function () {
-        const loadEl = document.querySelector("#load");
-        // // 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
-
-        try {
-          let app = firebase.app();
-          let features = [
-            "auth",
-            "database",
-            "firestore",
-            "functions",
-            "messaging",
-            "storage",
-            "analytics",
-            "remoteConfig",
-            "performance",
-          ].filter((feature) => typeof app[feature] === "function");
-          loadEl.textContent = `Firebase SDK loaded with ${features.join(", ")}`;
-        } catch (e) {
-          console.error(e);
-          loadEl.textContent =
-            "Error loading the Firebase SDK, check the console.";
-        }
-      });
-    </script>
-  </body>
-</html>