/* global React, ReactDOM, useTweaks, TweaksPanel, TweakSection, TweakRadio, TweakColor, TweakToggle, Hero, Results, Work, About, Contact, Footer */
const { useEffect } = React;
function Nav() {
return (
);
}
function PortfolioApp() {
const [t, setTweak] = useTweaks(window.TWEAK_DEFAULTS);
useLang();
// Apply theme/accent to
useEffect(() => {
document.documentElement.setAttribute('data-theme', t.theme || 'cream');
const hex = t.accentHex || '#ff4d8b';
document.documentElement.style.setProperty('--lw-accent', hex);
const h = hex.replace('#','');
const x = h.length === 3 ? h.replace(/./g,c=>c+c) : h.padEnd(6,'0');
const n = parseInt(x.slice(0,6),16) || 0;
const r=(n>>16)&255, g=(n>>8)&255, b=n&255;
const light = (r*299+g*587+b*114) > 148000;
document.documentElement.style.setProperty('--lw-on-accent', light ? '#0a0a0a' : '#ffffff');
}, [t.theme, t.accentHex]);
// Background dots toggle
useEffect(() => {
document.documentElement.toggleAttribute('data-dots', t.dots !== false);
}, [t.dots]);
// Cursor toggle
useEffect(() => {
const dot = document.getElementById('cursor-dot');
const ring = document.getElementById('cursor-ring');
const off = t.cursor === 'off';
if (dot) dot.style.display = off ? 'none' : '';
if (ring) ring.style.display = off ? 'none' : '';
document.body.style.cursor = off ? 'auto' : 'none';
}, [t.cursor]);
// Hide loader once mounted
useEffect(() => {
const onLoaded = () => { if (window.__lwHideLoader) window.__lwHideLoader(); };
const id = setTimeout(onLoaded, 2400);
return () => clearTimeout(id);
}, []);
return (
setTweak('theme', v)} />
setTweak('accentHex', v)} />
setTweak('dots', v)} />
setTweak('heroVariant', v)} />
setTweak('showSkills', v)} />
setTweak('cursor', v)} />
);
}
window.__PortfolioApp = PortfolioApp;
if (!window.__COMBINED) {
ReactDOM.createRoot(document.getElementById('root')).render();
}