Tweaks LITMUS / v.01
set('mode','light')}>Light
set('mode','dark')}>Dark
set('mapOn', !state.mapOn)}/>
set('logo','strip')}>Strip
set('logo','stack')}>Stack
set('logo','dot')}>Dot
set('navFont','modern')}>Modern
set('navFont','editorial')}>Editorial
set('navFont','archive')}>Archive
set('headlineIdx',0)}>01
set('headlineIdx',1)}>02
set('headlineIdx',2)}>03
);
}
function App() {
const [page, setPageRaw] = useState(() => localStorage.getItem('litmus.page') || 'home');
const [tweaks, setTweaks] = useState(TWEAKS);
const [tweaksVisible, setTweaksVisible] = useState(false);
const setPage = (p) => {
setPageRaw(p);
localStorage.setItem('litmus.page', p);
window.scrollTo({ top: 0, behavior: 'instant' });
};
useEffect(() => {
document.documentElement.setAttribute('data-mode', tweaks.mode || 'light');
}, [tweaks.mode]);
useEffect(() => {
document.documentElement.setAttribute('data-nav-font', tweaks.navFont || 'modern');
}, [tweaks.navFont]);
// Tweak-mode protocol
useEffect(() => {
const onMsg = (e) => {
const d = e.data;
if (!d || typeof d !== 'object') return;
if (d.type === '__activate_edit_mode') setTweaksVisible(true);
if (d.type === '__deactivate_edit_mode') setTweaksVisible(false);
};
window.addEventListener('message', onMsg);
window.parent.postMessage({ type: '__edit_mode_available' }, '*');
return () => window.removeEventListener('message', onMsg);
}, []);
// Reveal on scroll
useEffect(() => {
const obs = new IntersectionObserver((entries) => {
entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('in'); });
}, { threshold: 0.1 });
document.querySelectorAll('.reveal').forEach(el => obs.observe(el));
return () => obs.disconnect();
}, [page]);
return (
<>
{page === 'home' && }
{page === 'thesis' && }
{page === 'portfolio' && }
{page === 'markets' && }
{page === 'network' && }
{page === 'insights' && }
{page === 'team' && }