/* EX Venture Careers — interactive app */ const { useState, useMemo, useRef, useLayoutEffect, useEffect } = React; /* ---------- tiny lucide-style icons ---------- */ const Ico = { search: (p) => ( ), chevron: (p) => ( ), arrowR: (p) => ( ), arrowUpR: (p) => ( ), pin: (p) => ( ), x: (p) => ( ), }; const APPLY_URL = "https://ex-venture.careers-page.com/"; /* highlight search term */ function highlight(text, q) { if (!q) return text; const i = text.toLowerCase().indexOf(q.toLowerCase()); if (i === -1) return text; return (<>{text.slice(0, i)}{text.slice(i, i + q.length)}{text.slice(i + q.length)}); } function modeClass(mode) { return mode === "Onsite" ? "onsite" : mode === "Remote" ? "remote" : "hybrid"; } /* ---------- Navbar ---------- */ function Navbar() { return ( ); } /* ---------- Hero ---------- */ function Hero({ roleCount, showPhoto }) { return (
{showPhoto && (
)}
CAREERS

Build what’s next.
On the ground in Bali.

We work alongside founders, operators and governments to accelerate clean energy, AI and infrastructure. Every role is hands on and onsite, in the room, not behind a desk.

); } function Stat({ n, label }) { return (
{n}
{label}
); } /* ---------- detail cell ---------- */ function Detail({ label, value }) { return (
{label}
{value}
); } /* ---------- Job card ---------- */ function JobCard({ role, q, open, onToggle, delay }) { const bodyRef = useRef(null); const [h, setH] = useState(0); useLayoutEffect(() => { if (bodyRef.current) setH(open ? bodyRef.current.scrollHeight : 0); }, [open, role]); return (
Apply now {role.detailUrl ? "View full role" : "Learn more"}
); } /* ---------- App ---------- */ const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "accent": "#fb2f5a", "heroPhoto": true, "singleOpen": true }/*EDITMODE-END*/; function App() { const data = window.CAREERS_DATA; const [t, setTweak] = useTweaks(TWEAK_DEFAULTS); const [q, setQ] = useState(""); const [dept, setDept] = useState("All"); const [openId, setOpenId] = useState(null); const [openSet, setOpenSet] = useState({}); useEffect(() => { document.documentElement.style.setProperty("--exv-magenta", t.accent); document.documentElement.style.setProperty("--accent", t.accent); }, [t.accent]); const deptCounts = useMemo(() => { const m = { All: data.roles.length }; data.departments.forEach((d) => { m[d] = data.roles.filter((r) => r.dept === d).length; }); return m; }, [data]); const filtered = useMemo(() => { const ql = q.trim().toLowerCase(); return data.roles.filter((r) => { if (dept !== "All" && r.dept !== dept) return false; if (!ql) return true; return (r.title + " " + r.blurb + " " + r.dept).toLowerCase().includes(ql); }); }, [data, q, dept]); const isOpen = (id) => (t.singleOpen ? openId === id : !!openSet[id]); const toggle = (id) => { if (t.singleOpen) setOpenId((p) => (p === id ? null : id)); else setOpenSet((p) => ({ ...p, [id]: !p[id] })); }; return (
{/* toolbar */}
setQ(e.target.value)} /> {q && }
setDept("All")} /> {data.departments.map((d) => ( setDept(d)} /> ))}
{/* list */}
{filtered.length} {filtered.length === 1 ? "role" : "roles"} {dept !== "All" && · {dept}} {q && · “{q}”}
Bali, Indonesia · Onsite · 4 to 6 month programs
{filtered.map((r, i) => ( toggle(r.id)} delay={Math.min(i * 0.05, 0.4)} /> ))}
{filtered.length === 0 && (
No roles match that search

Try a different keyword, or clear your filters.

)}
); } function Chip({ label, active, count, onClick }) { return ( ); } /* ---------- Footer ---------- */ function Footer() { return ( ); } function FCol({ items }) { return (
{items.map(([l, h]) => {l})}
); } /* ---------- Tweaks ---------- */ function TweaksUI({ t, setTweak }) { return ( setTweak("accent", v)} /> setTweak("heroPhoto", v)} /> setTweak("singleOpen", v)} /> ); } ReactDOM.createRoot(document.getElementById("root")).render();