/* Hub tweaks — explore layout + card style. Applies choices to
data-attributes; the heavy lifting is pure CSS in site.css. */
const HUB_TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"layout": "centered",
"cards": "magazine",
"ringMotion": true
}/*EDITMODE-END*/;
function HubTweaks() {
const [t, setTweak] = useTweaks(HUB_TWEAK_DEFAULTS);
React.useEffect(() => {
document.body.dataset.layout = t.layout;
document.body.dataset.cards = t.cards;
document.body.dataset.motion = t.ringMotion ? "on" : "off";
}, [t.layout, t.cards, t.ringMotion]);
return (
setTweak("layout", v)}
/>
setTweak("cards", v)}
/>
setTweak("ringMotion", v)}
/>
);
}
ReactDOM.createRoot(document.getElementById("tweaks-root")).render();