// ─── ICONS ───────────────────────────────────────────────────────────────────
function ExternalIcon() {
return (
);
}
function ScholarIcon() {
return (
);
}
function GithubIcon() {
return (
);
}
function WebsiteIcon() {
return (
);
}
// ─── NAV ─────────────────────────────────────────────────────────────────────
function Nav({ active }) {
const [scrolled, setScrolled] = React.useState(false);
React.useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 10);
window.addEventListener("scroll", onScroll);
return () => window.removeEventListener("scroll", onScroll);
}, []);
return (
);
}
// ─── FOOTER ──────────────────────────────────────────────────────────────────
function Footer() {
return (
);
}
// ─── MARQUEE ─────────────────────────────────────────────────────────────────
function Marquee() {
const items = [
"Model Compression","·","Federated Learning","·","Continual Learning","·",
"Edge AI","·","Neural Architecture Search","·","Knowledge Distillation","·",
"Quantization","·","Efficient Transformers","·","Scalable Systems","·","Domain Applications","·",
];
const doubled = [...items, ...items];
return (
{doubled.map((it, i) => (
{it}
))}
);
}
Object.assign(window, { ExternalIcon, ScholarIcon, GithubIcon, WebsiteIcon, Nav, Footer, Marquee });