/* Chameleon Space — site chrome (header + footer) + shared helpers. */
const CS = window.ChameleonSpaceDesignSystem_1abbe1;
const { Button, Eyebrow, Marquee } = CS;
/* ---- shared: scroll-reveal wrapper ---- */
function Reveal({ children, delay = 0, tag = "div", className = "", style }) {
const ref = React.useRef(null);
React.useEffect(() => {
const el = ref.current;
if (!el) return;
const show = () => { if (ref.current) ref.current.classList.add("in"); };
let io;
if ("IntersectionObserver" in window) {
io = new IntersectionObserver((es) => {
es.forEach((e) => { if (e.isIntersecting) { show(); io.unobserve(e.target); } });
}, { threshold: 0.1, rootMargin: "0px 0px -6% 0px" });
io.observe(el);
}
// Reliable fallback: reveal right after mount regardless of viewport/visibility state.
const t = setTimeout(show, 80 + delay);
return () => { if (io) io.disconnect(); clearTimeout(t); };
}, [delay]);
const Tag = tag;
return {children};
}
/* ---- shared: section header (eyebrow + big Anton headline) ---- */
function SectionHead({ kicker, title, note, invert, max = 900, align = "left" }) {
return (
{kicker}
{title}
{note ?
{note} : null}
);
}
/* ---- header ---- */
const NAV = [
["Our mission", "mission"],
["What we’re about", "about"],
["Opening soon", "opening"],
["The scholarship", "scholarship"],
["Apply", "apply"],
];
function SiteHeader() {
const [open, setOpen] = React.useState(false);
const go = (id) => (e) => { e.preventDefault(); setOpen(false); const t = document.getElementById(id); if (t) t.scrollIntoView({ behavior: "smooth" }); };
return (
);
}
/* ---- footer ---- */
function SiteFooter() {
return (
);
}
Object.assign(window, { Reveal, SectionHead, SiteHeader, SiteFooter });
Chameleon