/* ============================================================
BADIA PARTNERS — Tweaks panel
Drives aesthetic directions (mood / hero layout / focus / font)
onto data-attributes, which styles.css themes from.
============================================================ */
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"mood": "forest",
"hero": "split",
"focus": "finance",
"font": "caslon"
}/*EDITMODE-END*/;
function AbadiaTweaks() {
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
// apply to on every change (and on mount)
React.useEffect(() => {
const r = document.documentElement;
r.setAttribute("data-mood", t.mood);
r.setAttribute("data-hero", t.hero);
r.setAttribute("data-font", t.font);
if (window.AB) window.AB.setFocus(t.focus);
else r.setAttribute("data-focus", t.focus);
}, [t.mood, t.hero, t.font, t.focus]);
return (
setTweak("mood", v)} />
setTweak("hero", v)} />
setTweak("focus", v)} />
setTweak("font", v)} />
);
}
(function mountTweaks() {
const root = document.getElementById("tweaks-root");
if (root && window.ReactDOM) {
ReactDOM.createRoot(root).render();
}
})();