/* ============================================================
DM.MEDIA — панель Tweaks
Управляет первым экраном, акцентом и шрифтом через CSS-переменные
и data-атрибуты на . Сама страница — обычный HTML.
============================================================ */
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"hero": "a",
"layout": "left",
"accent": ["#7c5cff", "#5a6bf0"],
"font": "Golos Text"
}/*EDITMODE-END*/;
const HERO_LABELS = {
a: "«Реклама, которую видят»",
b: "«На 35 экранах Ижевска»",
c: "«Там, где ваша аудитория»"
};
function DMTweaks(){
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
React.useEffect(function(){
const r = document.documentElement;
r.setAttribute("data-hero", t.hero);
r.setAttribute("data-hero-layout", t.layout);
const a = Array.isArray(t.accent) ? t.accent : ["#7c5cff","#5a6bf0"];
r.style.setProperty("--violet", a[0]);
r.style.setProperty("--indigo", a[1] || a[0]);
r.style.setProperty("--font-display", '"'+t.font+'", system-ui, sans-serif');
}, [t.hero, t.layout, t.accent, t.font]);
return (
setTweak("hero", v)} />
{HERO_LABELS[t.hero]}
setTweak("layout", v)} />
setTweak("accent", v)} />
setTweak("font", v)} />
);
}
(function mount(){
const node = document.createElement("div");
node.id = "dm-tweaks-root";
document.body.appendChild(node);
ReactDOM.createRoot(node).render();
})();