From 1a9e357632169738d767fbb8b3efdde9c97f0c35 Mon Sep 17 00:00:00 2001 From: Paul Bakaus Date: Wed, 22 Apr 2026 14:54:09 -0700 Subject: [PATCH] =?UTF-8?q?restructure(site):=20Antidote=20=E2=86=92=208th?= =?UTF-8?q?=20tab=20inside=20The=20Case?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Remove section 03 (The Antidote) entirely as a standalone section. Bring the original pattern list (patterns-tabbed via /api/patterns) and gallery-stack-container back intact, and move them into a new 8th tab in The Case: "Anti-patterns, caught". The new tab panel shows the list + gallery side-by-side on wide viewports, stacked on narrow. Keeps the existing app.js wiring (renderPatternsWithTabs and initGalleryStack both auto-discover via IDs). Section numbers renumbered: Case 04→03, Live 05→04, Install 06→05, Changelog 07→06, FAQ 08→07. Sticky nav updated to match. --- public/css/workflow.css | 29 ++++++++ public/index.html | 149 +++++++++++++++------------------------- public/privacy.html | 3 - 3 files changed, 84 insertions(+), 97 deletions(-) diff --git a/public/css/workflow.css b/public/css/workflow.css index ef8de1304..e28a0a92c 100644 --- a/public/css/workflow.css +++ b/public/css/workflow.css @@ -3978,3 +3978,32 @@ gap: var(--spacing-sm); } } + +/* ============================================ + WHY — Anti-patterns, caught (tab 08 visual) + ============================================ */ + +.why-visual--antidote { + padding: 0; + background: transparent; + border: 0; + min-height: 0; + display: grid; + grid-template-columns: minmax(0, 1fr) minmax(260px, 320px); + gap: var(--spacing-md); + margin-bottom: var(--spacing-md); +} + +.why-visual--antidote .patterns-tabbed { + margin: 0; + min-width: 0; +} + +.why-visual--antidote .gallery-stack-container { + flex: none; + width: 100%; +} + +@media (max-width: 860px) { + .why-visual--antidote { grid-template-columns: 1fr; } +} diff --git a/public/index.html b/public/index.html index 727e8ed85..70cbd67f6 100644 --- a/public/index.html +++ b/public/index.html @@ -74,12 +74,11 @@ @@ -237,93 +236,13 @@ - -
-
- 03 -

The Antidote

-
-
-

25 named anti-patterns, detected on your code and in your browser. Before, and what Impeccable steers toward instead.

- -
- - -
-
-
Build the Future
Gradient text kills scannability.
-
-
Before
-
-
-
-
Build the future.
-
One weight, one voice, perfect scannability.
-
-
After
-
-
- 01 - Gradient Text -
- - - - -
-
-
Alert title
Thick colored stripe on one side.
-
-
Before
-
-
-
-
Alert
Alert title.
Full border, mono kicker, no side stripe.
-
-
After
-
-
- 02 - Side-Tab Cards -
- - - - -
-
-
10M+
Active users
99.9% uptime200ms p50
-
-
Before
-
-
-
-
This week
+18.4%
Conversion lift, from checkout fixes.
-
-
After
-
-
- 03 - Hero-Metric Template -
- -
- -
- Browse all 25 anti-patterns → - Detected by deterministic rules, flagged by the LLM layer, visualized in your browser. - Suggest a pattern → -
-
-
-
- 04 + 03

The Case

    @@ -334,6 +253,7 @@
    4. +
@@ -554,6 +474,50 @@

The Impeccable Chrome extension runs the same 25-rule detector on every page you visit, in-browser, with zero setup. Audit your own staging. Audit the design your PM showed in Slack. Audit your competitor on a Tuesday. The overlay highlights each issue in place so you never have to map a JSON report back to a DOM node.

Install from the Chrome Web Store →

+ +
@@ -562,7 +526,7 @@
- 05 + 04

Live Mode

@@ -724,7 +688,7 @@
- 06 + 05

Get Started

@@ -899,7 +863,7 @@
- 07 + 06

What's New

@@ -1047,7 +1011,7 @@
- 08 + 07

Frequently Asked Questions

@@ -1197,8 +1161,5 @@ - - - diff --git a/public/privacy.html b/public/privacy.html index 4139e711e..3a41097f0 100644 --- a/public/privacy.html +++ b/public/privacy.html @@ -77,8 +77,5 @@

Contact

Questions about this policy? Open an issue on GitHub or reach out to @pbakaus.

- - -