From f84b3700a5ddddd8d5ee75a30174de8e7e907d82 Mon Sep 17 00:00:00 2001
From: Amr Gaber <amrtgaber@gmail.com>
Date: Fri, 26 Jun 2026 16:04:08 -0500
Subject: [PATCH] chore(home): de-feature The King's Gauntlet now the
 tournament has ended
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The King's Gauntlet now renders as a regular menu row alongside Vagrant
Story — the marquee frame and pulse are gone — while the "Hosted by Hera"
host credit stays as a stacked subtitle beneath the label.

Split the bundled .crt-menu-row--featured rule into a layout-only
--stacked modifier (column direction so the subtitle sits under the label
line) and a decoration-only --featured modifier. --featured is now unused
but kept for the next featured event; the two compose when an event also
needs a subtitle.
---
 src/pages/home/crt.css            | 16 ++++++++++++----
 src/pages/home/home-page.test.tsx |  9 +++++++++
 src/pages/home/home-page.tsx      |  2 +-
 3 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/src/pages/home/crt.css b/src/pages/home/crt.css
index a2b7183..dd7295a 100644
--- a/src/pages/home/crt.css
+++ b/src/pages/home/crt.css
@@ -409,13 +409,21 @@
   }
 }
 
-/* Featured event — a phosphor frame plus a slower, brighter pulse lifts
-   the marquee event above the peer rows. Switching to a column stacks the
-   "hosted by" credit beneath the label line. */
-.crt-menu-row--featured {
+/* Stacked row — switches to a column so .crt-menu-row__line can carry the
+   horizontal label while a .crt-menu-subtitle (e.g. a host credit) sits
+   beneath it. Layout only, no frame or pulse, so a credited row still reads
+   as a peer of the plain rows. */
+.crt-menu-row--stacked {
   flex-direction: column;
   align-items: stretch;
   gap: 0.4rem;
+}
+
+/* Featured event — a phosphor frame plus a slower, brighter pulse to lift a
+   marquee event above its peers; pair with --stacked when it also needs a
+   subtitle. Currently unused (nothing is featured) — kept for reuse when the
+   next event lands. */
+.crt-menu-row--featured {
   padding: 0.7rem 0.85rem;
   font-size: 1.1rem;
   border: 1px solid color-mix(in oklch, var(--crt-primary) 50%, transparent);
diff --git a/src/pages/home/home-page.test.tsx b/src/pages/home/home-page.test.tsx
index f34364e..cc12b2a 100644
--- a/src/pages/home/home-page.test.tsx
+++ b/src/pages/home/home-page.test.tsx
@@ -24,6 +24,15 @@ describe("HomePage", () => {
     ).toHaveTextContent(/hosted by hera/i)
   })
 
+  it("renders The King's Gauntlet as a regular, non-featured row", async () => {
+    // The tournament has ended, so the marquee frame + pulse is dropped while
+    // the host credit (a stacked subtitle) stays.
+    await renderWithFileRoutes(<></>)
+    const gauntlet = screen.getByRole("link", { name: /king's gauntlet/i })
+    expect(gauntlet).not.toHaveClass("crt-menu-row--featured")
+    expect(gauntlet).toHaveClass("crt-menu-row--stacked")
+  })
+
   it("orders The King's Gauntlet above Vagrant Story in the menu", async () => {
     await renderWithFileRoutes(<></>)
     const gauntlet = screen.getByRole("link", { name: /king's gauntlet/i })
diff --git a/src/pages/home/home-page.tsx b/src/pages/home/home-page.tsx
index 2170bec..1571af9 100644
--- a/src/pages/home/home-page.tsx
+++ b/src/pages/home/home-page.tsx
@@ -47,7 +47,7 @@ export function HomePage() {
             >
               <li>
                 <a
-                  className="crt-menu-row crt-menu-row--active crt-menu-row--featured"
+                  className="crt-menu-row crt-menu-row--active crt-menu-row--stacked"
                   href="https://aoe2.criticalbit.gg/kings-gauntlet"
                 >
                   <span className="crt-menu-row__line">