Restores the MTV/Geocities-era visual identity in editorial form:
- Bungee Shade for the "mvp" word in the brand wordmark — built-in
3D bevel + drop shadow gives a sticker/bubble-letter pop without
needing extra layers
- Hot magenta + electric cyan + lemon yellow + electric purple as
multi-color palette (was just one magenta accent before)
- Body background picks up four subtle radial corner gradients in the
full palette (pink + cyan + lemon + purple) — barely there but adds
Y2K warmth instead of flat off-white
- post-hero-flag now renders as a Bungee sticker badge: solid magenta
pill with cyan + lemon stacked drop shadows and a -1.5deg tilt
- post-hero-tag and post-row-tag rotate through pastel sticker colors
via :nth-child (magenta, cyan, lemon, purple) for that MTV programme
guide energy
- Hero + row hover shadows shift from grey to magenta-tinted
- Drop cap chromatic Y2K stack: magenta letter + cyan offset + lemon
second offset
- hero-row alignment fixed (flex-end so nav baseline aligns with tagline)
- post-row image gets the same position: absolute inset: 0 fix as
hype404 so image always fills its grid cell cleanly
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Same magazine-style PostList as hype404: hero card for top story,
image-row cards for the rest. Posts without /images/* covers render
text-only via CSS :has() fallback. Adds .post-hero / .post-row CSS
to the existing light theme using the magenta accent var.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Replaces the Geocities/MTV rainbow stripe layout (Bungee Shade,
Rubik Glitch, hot-pink bg, repeating diagonal stripes, Comic Sans
body) with the same clean editorial magazine theme as hype404:
- Warm off-white bg (#fbfaf6), rich near-black ink
- Fraunces serif headlines + Inter body + JetBrains Mono code
- Magenta accent (#d4308f) — fits the creator-drama beat without
Geocities visual noise
- Same component classes (.post, .post-content, .tag, etc.) so
PostList and post pages cascade through unchanged
- Drop cap on the first paragraph, pill tags, hover lift on cards
- Brand wordmark "viralmvp" (mvp in magenta accent)
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Tag pages emitted <link rel="canonical" href="...tag/Foo Bar/">
with literal spaces. Wrap with encodeURIComponent so the canonical
matches the encoded URL in the sitemap.
