// landing-tweaks.jsx — Wisbid expressive tweaks panel. // Three controls that reshape feel, not single properties: // • Mood — Editorial (warm light) / Frosted (glassy mid-day) / Midnight (inverted dark) // • Voice — Calm / Bold / Quiet — overall type rhythm + heading weight + tracking // • Motion — Lively / Easeful / Off — global scroll-reveal + animation tempo // // Each tweak sets a few CSS vars on that other stylesheets // already key off via attribute selectors below. No layout rewrites. (function () { const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "mood": "editorial", "voice": "calm", "motion": "lively" }/*EDITMODE-END*/; const WisbidTweaks = () => { const [t, setTweak] = useTweaks(TWEAK_DEFAULTS); // Push attribute selectors onto so they cascade to everything. useEffect(() => { const html = document.documentElement; html.setAttribute("data-tweak-mood", t.mood); html.setAttribute("data-tweak-voice", t.voice); html.setAttribute("data-tweak-motion", t.motion); }, [t.mood, t.voice, t.motion]); return ( setTweak("mood", v)} /> setTweak("voice", v)} /> setTweak("motion", v)} /> ); }; window.WisbidTweaks = WisbidTweaks; })();