Measurement ID G-2WWKKGDL6H wired via site.analytics.measurementId.
Layout conditionally injects the gtag.js loader + dataLayer init +
config call when analytics.measurementId is set, mirroring the
AdSense conditional pattern.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Shares the same publisher account as qipaobuzz (ca-pub-9763775565109295).
site.ads = { enabled: true, publisherId: '9763775565109295' }; Layout
conditionally injects the adsbygoogle.js loader in <head> when ads are
enabled, letting Google's auto-ads system place units automatically
(no manual <ins> slots — start with auto-ads, can add explicit slots
later if specific placements are needed).
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Generic 'Street Culture Blog' replaced with a tagline that matches
the actual editorial angle from about.md ('guide to the anatomy of
online attention', 'lifecycle of hype: birth, peak, collapse', 'when
the hype is gone, all that's left is a 404'):
'Street culture - Anatomy of online hype, from peak to 404'
Flows through to <meta description>, og:description, twitter:description
and the visible header tagline.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Slim pill-shaped search input next to the nav links. On submit,
opens Google with site:hype404.com prefixed to the query in a new
tab. No external API or signup needed. Phosphor lime focus ring
with accent-soft glow matches the dark CRT palette. Width expands
on focus (150px → 200px).
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
The card markup wrapped the entire .post-hero / .post-row in an outer
<a> while ALSO containing inner <a> tags for tag links. HTML5 forbids
nested <a>, so the browser auto-closed the outer link when it hit each
tag link, restructuring the DOM and breaking the grid layout — body
content rendered outside its column, overlapping the image.
Fix:
- Drop the card-wide <a>; image cell is plain div, body cell is plain
div, only title <a class="card-link"> and tag <a> remain
- Apply "stretched link" pattern: title link's ::after uses position:
absolute inset: 0 to overlay the entire card (clickable everywhere)
- Tag links get position: relative + z-index: 2 so they remain
independently clickable above the title overlay
- Grid container moved from removed .post-hero-link to .post-hero
itself (and .post-row-link → .post-row)
- Add min-width: 0 to grid items so the image's intrinsic width can't
blow out the 1.1fr track and crowd the body cell
- Replace post-hero-img aspect-ratio with min-height: 360px (more
predictable in grid contexts)
- Switch numerals in the brand wordmark from Fraunces to Inter — the
extra-bold display digits at 42px were rendering with mangled
glyphs that read as broken text instead of "404"
- Drop scanline overlay (mix-blend-mode: screen interacted poorly
with text glows)
- Soften phosphor glow on .cursor (12px @ 35% opacity instead of
22px @ 55%)
- Replace nav.nav [bracket] mono links with clean uppercase Inter
sans + phosphor underline-on-hover
- Rebalance hero ratio at desktop, fix mobile media query selectors
(.post-hero-link / .post-row-link no longer exist)
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Alignment fixes:
- hero-row uses align-items: flex-end so nav baseline aligns with
tagline instead of floating in the middle of the brand block
- post-row image switched to position: absolute inset: 0 inside a
position: relative cell, so the image always exactly fills its
grid cell regardless of body height (no more min-height: 160 forcing
uneven row heights)
- .cursor reverted to Fraunces (same as "hype" wordmark) so baseline
aligns; identity comes from color + chromatic CRT text-shadow
(lime + offset magenta + offset cyan)
Multi-color retro character (CRT phosphor + magenta + amber + cyan):
- VT323 mono accent font added for: post-hero-flag (with "// " lime
prefix + magenta glow), post-hero-meta date (amber), post-hero-tag
(cyan with magenta # prefix), post-row time (amber), post-row-tag
(cyan with magenta # prefix), nav.nav links (with [ ] magenta brackets)
- body bg picks up a third radial-gradient corner in amber (50% 100%)
- Very faint scanline overlay (1.8% opacity, mix-blend-mode: screen)
for ambient CRT texture without affecting readability
- Drop cap scaled up + chromatic aberration (lime + magenta + cyan)
- Headlines + body text remain Fraunces + Inter for clean reading
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
