// Polycode marketing — tweak wiring. // // Three expressive controls that reshape feel: // palette ember | ink | oceanic — accent colour system // voice editorial | receipts — how headings carry themselves // hero cinematic | quiet — what dominates the hero // // Applies as data-* attributes on , picked up by CSS overrides at the // bottom of site.css. JSX changes are intentionally minimal so direct-edit // of the source markup keeps working in either state. const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "palette": "ember", "voice": "editorial", "hero": "cinematic" }/*EDITMODE-END*/; function applyTweaks(t) { const r = document.documentElement; r.setAttribute('data-palette', t.palette); r.setAttribute('data-voice', t.voice); r.setAttribute('data-hero', t.hero); } // Apply defaults synchronously so the first paint matches the persisted state. applyTweaks(TWEAK_DEFAULTS); function PolycodeTweaks() { const [t, setTweak] = useTweaks(TWEAK_DEFAULTS); React.useEffect(() => { applyTweaks(t); }, [t.palette, t.voice, t.hero]); return ( { const which = arr[0] === '#C55A1F' ? 'ember' : arr[0] === '#1C1915' ? 'ink' : 'oceanic'; setTweak('palette', which); }} /> setTweak('voice', v)} /> setTweak('hero', v)} /> ); } window.PolycodeTweaks = PolycodeTweaks;