// Page components — project-led portfolio. Single-viewport pages. const Pill = ({ children }) => {children}; const PageHeader = ({ kicker, title, sub }) => (
{kicker}

{title}

{sub &&

{sub}

}
); // Expandable abstract block const Expandable = ({ label = "Abstract", children }) => { const [open, setOpen] = React.useState(false); return (
{open &&
{children}
}
); }; // Decorative SVG glyphs that sit behind each home paragraph const ParaGlyph = ({ kind }) => { if (kind === "bloch") { return ( ); } if (kind === "forge") { return ( ); } // network return ( ); }; const PARA_GLYPHS = ["bloch", "forge", "network"]; // ── HOME ────────────────────────────────────────────────────────────────── const Home = ({ data, go }) => (

Ioannis D. Leonidas

Quantum scientist & engineer.

I work somewhere between{" "} quantum computing,{" "} AI systems,{" "} GPUs, and{" "} optimization problems where the math is not just pretty but has to survive contact with{" "} business logic.

I'm interested in the point where{" "} QPUs bring the{" "} weird physics,{" "} GPUs bring the{" "} brute force, and{" "} software makes them useful.

); // ── PROJECTS ────────────────────────────────────────────────────────────── const ProjectsPage = ({ data }) => { const [active, setActive] = React.useState(data.projects[0].id); const project = data.projects.find(p => p.id === active) || data.projects[0]; return (

Open source

{project.kind} Open source

{project.name}

{project.tagline}

{project.body}

{project.stack && project.stack.length > 0 && (
Stack
    {project.stack.map(s =>
  • {s}
    • )}
)} {project.url ? ( ↗{project.link} ) : (
○{project.link}
)}
); }; // ── WRITING ────────────────────────────────────────────────────────────── const WritingPage = ({ data }) => { const items = [ ...data.publications.map(p => ({ id: p.id, kind: "Publication", year: p.year, title: p.title, tag: p.venue, authors: p.authors, meta: `doi:${p.doi}`, abstract: p.abstract, linkLabel: `doi.org/${p.doi}`, url: p.url, group: "publications", })), ...data.theses.map(t => ({ id: t.id, kind: t.kind, year: t.year, title: t.title, tag: t.org, authors: null, meta: null, abstract: t.abstract, linkLabel: "Read at TUC library", url: t.url, group: "theses", })), ]; const [active, setActive] = React.useState(items[0].id); const sel = items.find(i => i.id === active) || items[0]; const pubs = items.filter(i => i.group === "publications"); const theses = items.filter(i => i.group === "theses"); const SidebarList = ({ rows }) => ( ); return (

Publications

{sel.kind} {sel.meta && {sel.meta}}

{sel.title}

{sel.authors && {sel.authors} · } {sel.tag}

{sel.abstract}

↗{sel.linkLabel}
); }; // ── CONTACT ────────────────────────────────────────────────────────────── const ContactPage = ({ data }) => { const [copied, setCopied] = React.useState(false); const copy = () => { navigator.clipboard?.writeText(data.email); setCopied(true); setTimeout(() => setCopied(false), 1600); }; return (

Contact

github {data.github} ↗ linkedin {data.linkedinHandle} ↗ scholar {data.scholarHandle} ↗
); }; Object.assign(window, { Home, ProjectsPage, WritingPage, ContactPage, PageHeader, });