/* global React, ReactDOM, Nav, Footer, Home, OurWork, Ambassador, Research, Officers, Outreach, Community, Donate, GetHelp, Chapters, TweaksPanel, useTweaks, TweakSection, TweakColor, TweakToggle, TweakRadio */ const { useState, useEffect } = React; const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "palette": ["#5C7C5F", "#2C3D2E", "#C5D2BE", "#E3EADD"], "showParticles": true, "displayFont": "serif", "density": "comfortable" }/*EDITMODE-END*/; const PAGES = { home: Home, ourwork: OurWork, ambassador: Ambassador, research: Research, officers: Officers, outreach: Outreach, community: Community, donate: Donate, gethelp: GetHelp, chapters: Chapters, }; const PAGE_LABELS = { home: "Home", ourwork: "Our Work", ambassador: "Ambassador", research: "Professors", officers: "Officers", outreach: "Contribute", community: "About", donate: "Donate", gethelp: "Get Help", chapters: "Chapters", }; function applyTweaks(t) { const root = document.documentElement; if (Array.isArray(t.palette) && t.palette.length >= 2) { root.style.setProperty("--sage", t.palette[0]); root.style.setProperty("--sage-deep", t.palette[1]); if (t.palette[2]) root.style.setProperty("--sage-soft", t.palette[2]); if (t.palette[3]) root.style.setProperty("--sage-tint", t.palette[3]); } root.style.setProperty("--maxw", t.density === "compact" ? "1180px" : "1240px"); } function JoinPopup({ go, onClose }) { return (
{/* backdrop — fixed so it doesn't scroll away */}
{/* centering wrapper — fills scroll container, centers card */}
Now hiring

We're looking for a
Social Media Lead.

You'll lead a team of ~30 members, own our presence on Instagram and TikTok, and shape Willow's brand image. We'll get back to you within 72 hours.

); } function App() { const [current, setCurrent] = useState(() => { const h = (window.location.hash || "").replace("#/", ""); return PAGES[h] ? h : "home"; }); const [dark, setDark] = useState(false); const [tweaks, setTweak] = useTweaks(TWEAK_DEFAULTS); const [showPopup, setShowPopup] = useState(false); const [applyTarget, setApplyTarget] = useState(null); useEffect(() => { if (sessionStorage.getItem("willow_popup_seen")) return; const t = setTimeout(() => setShowPopup(true), 7000); return () => clearTimeout(t); }, []); useEffect(() => { document.body.classList.toggle("theme-dark", dark); }, [dark]); useEffect(() => { applyTweaks(tweaks); }, [tweaks]); const go = (id, opts = {}) => { if (opts.role) setApplyTarget({ page: id, role: opts.role, key: Date.now() }); setCurrent(id); window.location.hash = `/${id}`; window.scrollTo({ top: 0, behavior: "instant" }); }; useEffect(() => { const onHash = () => { const h = (window.location.hash || "").replace("#/", ""); if (PAGES[h]) setCurrent(h); }; window.addEventListener("hashchange", onHash); return () => window.removeEventListener("hashchange", onHash); }, []); const Page = PAGES[current] || Home; return ( <>