Samraaj BathandClaude Fable 5
9aed2540aa
Fixes from the cropin.com / ooni.com audit reviews:
- walker: preserve whitespace-only text in inline elements ("ofthe" bug);
capture ::placeholder styles for inputs
- css: emit visibility (hidden-at-rest wordmark artifact); exempt list
markers from inherited elision (lost bullets); ::placeholder rules
- seo: sanitize og:type to Next's enum (render crash -> dev badge leak);
generated next.config disables devIndicators
- capture/stabilize: promote lazy-loader data attrs before snapshots
(collapsed sections, viewport-inconsistent captures); settle autoplay
carousels to home slide before every snapshot; force-reveal hidden
videos for poster shots + log failures
- generate: ship downloaded video files as local <video src>; keep
picture>source through IR prune with srcset rewrite (mobile-crop-on-
desktop heroes); pin Tailwind named screens to computeBands boundaries
- capture/graft: capture cross-origin iframe subtrees (Klaviyo signup
forms) with element-screenshot fallback; asset download retry +
visual-assets-missing reporting
Checkpoint commit: wave 4 (reveal settling, 206 range-response fix,
hidden-geometry banding, bare-zero utility gating) is mid-implementation.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
26 lines
921 B
HTML
26 lines
921 B
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Newsletter embed</title>
|
|
<style>
|
|
body { margin: 0; background: #1a1a2e; color: #ffffff; font-family: Arial, sans-serif; }
|
|
form { padding: 12px; }
|
|
label { display: block; margin-bottom: 6px; font-size: 13px; }
|
|
input { display: block; width: 200px; color: #ffffff; background: #333344; border: 1px solid #555577; padding: 6px; }
|
|
input::placeholder { color: rgb(200, 150, 100); }
|
|
button { margin-top: 8px; background: #e94560; color: #ffffff; border: 0; padding: 8px 16px; }
|
|
a { color: #8888ff; font-size: 12px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<form id="signup" action="/subscribe">
|
|
<label for="email">Email</label>
|
|
<input id="email" type="email" placeholder="Enter your email">
|
|
<button type="submit">Sign up</button>
|
|
<a href="#terms">Terms</a>
|
|
<img src="/pixel.png" alt="" width="10" height="10">
|
|
</form>
|
|
</body>
|
|
</html>
|