From 5aaa3c5c084e42c4d35ec6a10a256eef1f9a2f1d Mon Sep 17 00:00:00 2001 From: root Date: Fri, 17 Apr 2026 12:44:57 -0500 Subject: [PATCH] Mobile responsive: proof page works on phones MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Added @media(max-width:768px) breakpoints: - 2-col grids → single column on mobile - 3-col grids → single column - 4-col model cards → 2-col - Stats grid → 2-col - Tables: horizontal scroll, smaller text - Reduced padding and font sizes - Hero title scales down Co-Authored-By: Claude Opus 4.6 (1M context) --- mcp-server/index.ts | 25 ++++++++++++++++++++----- 1 file changed, 20 insertions(+), 5 deletions(-) diff --git a/mcp-server/index.ts b/mcp-server/index.ts index a91198a..5a42884 100644 --- a/mcp-server/index.ts +++ b/mcp-server/index.ts @@ -535,6 +535,21 @@ tr:hover{background:#111827} .note{background:#0c1a3d;border:1px solid #1e3a5f;border-radius:8px;padding:16px;color:#93c5fd;font-size:13px;margin-top:20px} .note strong{color:#60a5fa} .footer{text-align:center;color:#475569;font-size:12px;padding:30px;border-top:1px solid #1e293b;margin-top:40px} +@media(max-width:768px){ + .hero{padding:30px 16px} + .hero h1{font-size:22px} + .container{padding:16px 12px} + .stats{grid-template-columns:repeat(2,1fr);gap:10px} + .stat{padding:14px} + .stat .num{font-size:24px} + section{padding:16px !important;margin-bottom:20px !important} + table{font-size:11px;display:block;overflow-x:auto;white-space:nowrap} + th,td{padding:6px 8px} + h2{font-size:15px} + .g2{grid-template-columns:1fr !important} + .g3{grid-template-columns:1fr !important} + .g4{grid-template-columns:repeat(2,1fr) !important} +}

Your Morning Just Got Easier

@@ -547,7 +562,7 @@ tr:hover{background:#111827}

We know what your day looks like

-
+
RIGHT NOW — without this
@@ -583,7 +598,7 @@ tr:hover{background:#111827}

Here's what it actually did — just now, when you loaded this page:

-
+
${hybrid.sql_matches?.toLocaleString()}
Forklift operators in IL with 80%+ reliability
@@ -610,7 +625,7 @@ tr:hover{background:#111827}
What's different from your CRM:
-
+
It understands what you mean
Search "warehouse help" and it finds Forklift Operators, Loaders, Shipping Clerks — because it understands those ARE warehouse jobs. Your CRM would find nothing.
@@ -651,7 +666,7 @@ tr:hover{background:#111827} The AI reads every worker profile, understands the content, and converts it into a 768-dimension mathematical representation. When you search, it finds workers whose meaning matches — even if the words are completely different.

-
+
CRM Keyword Search
"warehouse work" → 0 results
@@ -700,7 +715,7 @@ tr:hover{background:#111827}

04 Local AI — your data, your models, your GPU

${g.name || "NVIDIA RTX A4000"} — ${g.used_mib || 0} / ${g.total_mib || 16376} MiB

-
+
qwen3
8.2B · Reasoning