// om/nav.jsx — animated wordmark, day/night toggle, internal menu
function ModeToggle({ mode, onToggle }) {
return (
);
}
// DA ⇄ Das Awesome (periodic, keeps the D and A in place) · "That's Awesome!" on hover
function BrandMark() {
const [mono, setMono] = React.useState(false);
const [wink, setWink] = React.useState(false);
React.useEffect(() => {
const id = setInterval(() => setMono((m) => !m), 4600);
return () => clearInterval(id);
}, []);
const cls = 'brand' + (mono ? ' is-mono' : '') + (wink ? ' is-wink' : '');
const homeHref = (typeof document !== 'undefined' && document.documentElement.lang === 'th') ? '/th/' : '/';
return (
setWink(true)} onMouseLeave={() => setWink(false)}>
Das Awesome!
That’s Awesome!
);
}
function Nav({ mode, onToggle }) {
const y = useScroll();
return (
);
}
Object.assign(window, { Nav, ModeToggle, BrandMark });