Add 🌶️ Spicy Content 🌶️ gag link + /spicy/ landing page

- links/index.html: new link-btn at the bottom of the stack -> /spicy/
- spicy/index.html: "Why did you click?" gag page (noindex, missile backdrop)
- CLAUDE.md: documented the gag page + log entry

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: rollinsio

CLAUDE.md

@@ -11,6 +11,7 @@ The single GitHub Pages site for `rollins.io`. The repo is `rollinsio/rollinsio.
 - `/links/` — `links/index.html` (linktree-style stacked-button page for sharing in social bios)
 - `/workshop/` — `workshop/index.html` is the **archived "Agents Building Agents" workshop**, deliberately hidden: `<meta name="robots" content="noindex">` and **nothing on the site links to it**. Reachable only by typing the exact `/workshop/` URL. Kept intact so the event can be relaunched without rebuilding it. Its Stripe pricing links are still live until deactivated in the Stripe Dashboard.
 - `/about/` — `about/index.html` is a **redirect stub → `/`** (meta-refresh + JS, preserves `#hash`). The personal bio used to live here; it moved to `/`, so this stub keeps previously-shared `rollins.io/about/` links from 404ing.
+- `/spicy/` — `spicy/index.html` is a one-off **gag page** ("Why did you click?"), `noindex`, linked **only** from the `/links/` stack ("🌶️ Spicy Content 🌶️"). Not a real destination — keep it out of the nav and the home "Elsewhere" directory. Uses `data-aurora-mode="missile"` for fun.
 
 Plus a `/design-handoff/` directory containing a React+Babel-in-browser preview of past design variations — kept as a historical reference, not edited as part of the live site.
 
@@ -62,6 +63,7 @@ A static white-on-near-black token base, animated at runtime into a rolling spec
 ├── workshop/index.html    archived "Agents Building Agents" workshop — hidden (noindex, unlinked); kept for relaunch
 ├── consulting/index.html  consulting page (page-only CSS: .day-divider)
 ├── links/index.html       share-targeted link landing (no page-specific CSS)
+├── spicy/index.html       gag page ("Why did you click?") — noindex; linked only from /links/ (page-only CSS: .aurora-text)
 ├── design-handoff/        historical design exploration — React+Babel-in-browser preview, not part of the live site
 └── shared/
     ├── tailwind-init.js   shared tailwind.config — color tokens reference CSS vars
@@ -195,4 +197,5 @@ Both route to the single Workspace inbox. Use Gmail filters (`to:contact-me@…`
 - **2026-05-16 (cont. 4)** — Capped backdrop asteroid density at **3 per page**: `/about/` `data-aurora-asteroids` 12→3 (home already 3, consulting 1, links 0 + `ship="off"`); added the 3-asteroid cap note to the Design-system doc. Committed (`31b1fdf`) + pushed to `main` (live rollins.io deploy) at the user's explicit request, as a separate commit ahead of the cont. 3 Missile Command rework.
 - **2026-05-16 (cont. 5)** — Home (`/`) hero `<header>` and Curriculum `<section id="details">` wrapped in `.card p-8 md:p-10` so the moving backdrop stops drifting through that copy. Dropped the shared **`.card`** base alpha `0.78 → 0.25` (frosted veil; the `blur(12px)` carries legibility) — site-wide, so all `.card` blocks (incl. `/about/`, `/consulting/`) lighten; `.tier`/`.featured` emphasis surfaces left heavier. `index.html` + `shared/base.css` + this doc. Committed + pushed to `main` (live rollins.io deploy) at the user's explicit request.
 - **2026-05-16 (cont. 6)** — Copy-tightening pass across all four content pages (visible prose: index `701→~501`, about `188→149`, consulting `968→700`, links `103→91`) plus the user's own parallel hand-edits (hero h1 → "Build an Agent", terser subhead, step-01 title → "Execution Environment", links Workshop title → "Build an Agent"). Shared **`.card`** alpha set to **`0`** per the user (fully transparent fill — border + `blur(12px)` only; overrides the cont. 5 `0.25`). **Open caveat (not yet reconciled):** the home hero subhead no longer contains the literal "Two hours, live" sync token, while the home `<meta>`/og description and the `/about/` Workshop card still read "Two hours, live: 60m building a Python agent on screen, then 60m of deep Q&A." — the documented duration sync points (hero / Curriculum "first hour…full hour" / Logistics "60m build + 60m Q&A" / FAQ "60-minute Q&A") drifted and need a follow-up reconcile. Committed + pushed to `main` (live rollins.io deploy) at the user's explicit "commit everything and push".
+- **2026-06-01** — Added a gag link: a "🌶️ Spicy Content 🌶️" `.link-btn` at the bottom of the `/links/` stack pointing to a new `spicy/index.html` ("Why did you click?" — centered hero, `.aurora-text` gradient on "click?", a `← back to rollins.io` ghost button, `data-aurora-mode="missile"` backdrop, `noindex`). Linked only from `/links/`; intentionally kept out of the nav + home "Elsewhere" (not a real destination). `links/index.html` + new `spicy/index.html` + this doc. Verified locally (screenshots of `/spicy/` + `/links/`).
 - **2026-05-31** — **IA reverted: bio is the home again, the workshop is fully hidden.** (1) The personal bio (`about/index.html`) became the root `index.html` (home convention header; nav dropped "about"; the Workshop `.featured.lg` card and the "Host of the Δ-V live-build workshop" tagline removed; meta/og made generic-bio). (2) The Formspree contact funnel **moved onto the home page** per the user (instead of reverting to plain email): generic "Get in touch" framing, default `_subject` = `Contact — rollins.io`, CTX trimmed to `consulting-one-day` / `consulting-two-day`, error fallback switched `workshop@` → `contact-me@rollins.io`; the form `<style>` + inline submit JS came along. (3) The former root `index.html` (the "Agents Building Agents" workshop) moved to `workshop/index.html`, **overwriting the old redirect stub** — added `noindex`, removed every inbound link, stripped its interest form + form CSS + form JS (those moved to home), fixed its nav (home as a link, dropped about), avatar now links to `/`. Stripe pricing links **kept and still live** — flagged in the doc to deactivate in the Stripe Dashboard if undesired while hidden. (4) `about/index.html` became a **redirect stub → `/`** (mirrors the old workshop stub) so previously-shared `/about/` links don't 404. (5) `links/index.html`: the Workshop featured card was replaced by a **Beyond Test Coverage** featured card at the very top (→ `github.com/rollinsio/beyond-test-coverage`, badge "New · Claude skill", "A Claude skill that iteratively improves the quality of your tests") — repo is **not public yet**, so the link 404s until published; nav dropped "about"; subtitle "live-build host" → "CTO"; Contact row → `/#interest`. (6) `consulting/index.html`: nav dropped "about"; Inquire CTAs unchanged (they now land on the home form). Resolves the cont. 6 "Two hours, live" duration-sync caveat — those tokens now live only inside the archived `/workshop/` file; the live home/bio is evergreen. CLAUDE.md updated throughout. Verified locally (python http.server + full-page screenshots of `/` and `/links/`). **Not committed** — left in the working tree pending the user's explicit go-ahead (no-commit-on-`main` rule).

links/index.html

@@ -99,6 +99,10 @@ <h1 class="text-xl font-medium tracking-tight mb-1.5">Michael Rollins</h1>
                 <span class="left"><span class="label">Contact</span><span class="sub">Get in touch</span></span>
                 <span class="arrow">→</span>
             </a>
+            <a href="/spicy/" class="link-btn fade-in" style="animation-delay:0.28s">
+                <span class="left"><span class="label">🌶️ Spicy Content 🌶️</span><span class="sub">Tap to reveal</span></span>
+                <span class="arrow">→</span>
+            </a>
         </section>
 
         <!-- Footer -->

spicy/index.html

@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en" class="scroll-smooth">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Why did you click? — rollins.io</title>
+    <meta name="description" content="🌶️ Spicy Content 🌶️">
+    <meta name="robots" content="noindex">
+    <meta property="og:title" content="🌶️ Spicy Content 🌶️">
+    <meta property="og:description" content="Why did you click?">
+    <meta property="og:url" content="https://rollins.io/spicy/">
+    <meta name="twitter:card" content="summary">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Geist+Mono:wght@400;500&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="/shared/tokens.css">
+    <link rel="stylesheet" href="/shared/base.css">
+    <link rel="stylesheet" href="/shared/components.css">
+    <link rel="stylesheet" href="/shared/aurora-live.css">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="/shared/tailwind-init.js"></script>
+    <script defer src="/shared/aurora-live.js"></script>
+    <script defer src="/shared/spectrum-wave.js"></script>
+    <style>
+        .aurora-text {
+            background: linear-gradient(90deg, var(--accent), var(--accent2));
+            -webkit-background-clip: text;
+            background-clip: text;
+            -webkit-text-fill-color: transparent;
+            color: transparent;
+            font-weight: 500;
+        }
+    </style>
+</head>
+<body class="aurora-page antialiased" data-aurora-mode="missile" data-aurora-asteroids="3">
+
+    <main class="max-w-prose mx-auto px-6 min-h-screen flex flex-col items-center justify-center text-center">
+
+        <div class="eyebrow mb-6 fade-in">🌶️ Spicy Content 🌶️</div>
+
+        <h1 class="text-5xl md:text-7xl font-medium tracking-tight leading-[0.95] mb-7 fade-in" style="animation-delay:0.05s">
+            Why did you<br><span class="aurora-text">click?</span>
+        </h1>
+
+        <p class="text-muted text-lg leading-relaxed mb-10 fade-in" style="animation-delay:0.1s">
+            That's it. That's the whole page.
+        </p>
+
+        <a href="/" class="btn btn-ghost fade-in" style="animation-delay:0.15s">← back to rollins.io</a>
+
+    </main>
+
+</body>
+</html>