// app.jsx — Tweaks, tema uygulaması, scroll-reveal ve render const { useEffect: useEffectA } = React; const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "yon": "Klasik", "accent": "#c99b4e", "isikHissi": 0.17, "basligFont": "Otomatik (yöne göre)", "overlay": 0.5, "mekanDokusu": true } /*EDITMODE-END*/; const HF_MAP = { "Otomatik (yöne göre)": "", "Playfair": "hf-playfair", "Cormorant": "hf-cormorant", "Bodoni": "hf-bodoni" }; function App() { const [t, setTweak] = useTweaks(TWEAK_DEFAULTS); const [menuOpen, setMenuOpen] = React.useState(false); // Tema değişkenlerini 'ye uygula (zemin de güncellensin diye) useEffectA(() => { const b = document.body; b.classList.toggle("dir-a", t.yon === "Klasik"); b.classList.toggle("dir-b", t.yon === "Modern"); Object.values(HF_MAP).forEach((c) => c && b.classList.remove(c)); const hf = HF_MAP[t.basligFont]; if (hf) b.classList.add(hf); b.style.setProperty("--accent", t.accent); b.style.setProperty("--bg-l", String(t.isikHissi)); b.style.setProperty("--hero-overlay", String(t.overlay)); b.classList.toggle("gizle-doku", !t.mekanDokusu); }, [t.yon, t.accent, t.isikHissi, t.basligFont, t.overlay, t.mekanDokusu]); // Sayfa yüklendiğinde URL'de #menu vb. varsa doğru pozisyona (header payı bırakarak) kaydır useEffectA(() => { if (window.location.hash && window.scrollToId) { const id = window.location.hash.substring(1); setTimeout(() => window.scrollToId(id), 100); } }, []); // Scroll-reveal useEffectA(() => { const els = Array.from(document.querySelectorAll(".reveal")); if (!("IntersectionObserver" in window)) {els.forEach((e) => e.classList.add("in"));return;} const io = new IntersectionObserver((entries) => { entries.forEach((en) => { if (en.isIntersecting) {en.target.classList.add("in");io.unobserve(en.target);} }); }, { threshold: 0.12, rootMargin: "0px 0px -8% 0px" }); els.forEach((e) => io.observe(e)); return () => io.disconnect(); }, []); return (
setMenuOpen(true)} /> setMenuOpen(false)} />