Slim pill-shaped search input. Submits site:viralmvp.com queries
to Google in a new tab. Magenta border + cyan/lemon stacked focus
shadow matches the Y2K palette.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Same root-cause fix as hype404: dropped the card-wide outer <a> that
was being auto-closed by the browser due to nested tag <a> links.
Card now uses a stretched-link pattern on the title (z-index: 1
::after overlay), tag links get z-index: 2 for independent clicks.
Grid container moved from .post-hero-link / .post-row-link onto
.post-hero / .post-row directly. Added min-width: 0 to grid items so
the image natural width can't blow out its 1.1fr track. Hero image
uses min-height: 360px instead of an undersized 280px.
Mobile media query selectors updated (the -link wrappers no longer
exist).
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
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.
