/* MFM Research Hub — public landing + login */ const HERO_QUOTES = [ { q: "Medicine is a science of uncertainty and an art of probability.", a: "Sir William Osler", role: "Physician (1849–1919)" }, { q: "Listen to your patient — they are telling you the diagnosis.", a: "Sir William Osler", role: "Physician" }, { q: "Far better an approximate answer to the right question than an exact answer to the wrong one.", a: "John W. Tukey", role: "Statistician" }, { q: "All models are wrong, but some are useful.", a: "George E. P. Box", role: "Statistician" }, { q: "There is no substitute for sound clinical observation.", a: "Sir William Osler", role: "Physician" }, { q: "The good physician treats the disease; the great physician treats the patient who has the disease.", a: "Sir William Osler", role: "Physician" }, { q: "Knowing is not enough; we must apply. Willing is not enough; we must do.", a: "Johann Wolfgang von Goethe", role: "Polymath" }, { q: "Wherever the art of medicine is loved, there is also a love of humanity.", a: "Hippocrates", role: "Physician (c. 460–370 BCE)" }, { q: "The aim of medicine is to prevent disease and prolong life; the ideal of medicine is to eliminate the need of a physician.", a: "William J. Mayo", role: "Surgeon, Mayo Clinic" }, { q: "In examining disease we gain wisdom about anatomy and physiology. In examining the person with the disease, we gain wisdom about life.", a: "Oliver Sacks", role: "Neurologist & author" }, { q: "Science is built up with facts, as a house is built with stones. But a collection of facts is no more a science than a heap of stones is a house.", a: "Henri Poincaré", role: "Mathematician" }, { q: "The greatest enemy of knowledge is not ignorance — it is the illusion of knowledge.", a: "Daniel J. Boorstin", role: "Historian" }, { q: "Whenever a theory appears to you as the only possible one, take this as a sign that you have neither understood the theory nor the problem it was intended to solve.", a: "Karl Popper", role: "Philosopher of science" }, { q: "The plural of anecdote is not data — but neither is data the plural of certainty.", a: "On clinical evidence", role: "Adapted" }, ]; const HeroQuote = () => { const seed = React.useMemo(() => Math.floor(Math.random() * HERO_QUOTES.length), []); const [idx, setIdx] = React.useState(seed); const q = HERO_QUOTES[idx]; const next = () => setIdx((idx + 1) % HERO_QUOTES.length); return (
{/* Emblem — abstract Kaplan-Meier graph, no labels */}
{/* Plot area background */} {/* Subtle gridlines */} {[1, 2, 3].map(i => ( ))} {[1, 2, 3].map(i => ( ))} {/* Axes */} {/* Long-cervix group (maroon, ends higher) — smooth curve */} {[{ x: 84, y: 15 }, { x: 132, y: 19 }, { x: 178, y: 30 }, { x: 222, y: 50 }, { x: 262, y: 80 }].map((c, i) => ( ))} {/* Short-cervix group (grey, ends lower) — smooth curve */} {[{ x: 82, y: 25 }, { x: 138, y: 65 }, { x: 195, y: 105 }, { x: 235, y: 128 }].map((c, i) => ( ))} {/* Gold accent marker on maroon curve */}
{/* Quote card */}
A thought for the day
“{q.q}”
{q.a}
{q.role}
); }; const PublicNav = ({ navigate, route, setShowLogin }) => { const sections = [ { id: 'about', label: 'About' }, { id: 'philosophy', label: 'How we work' }, { id: 'projects', label: 'Projects' }, { id: 'people', label: 'People' }, { id: 'publications', label: 'Publications' }, { id: 'achievements', label: 'Achievements' }, { id: 'contact', label: 'Contact' }, ]; const scroll = (id) => { document.getElementById(id)?.scrollIntoView({ behavior: 'smooth', block: 'start' }); }; return (
M
MFM Research Hub
Maternal-Fetal Medicine
{sections.map(s => ( ))}
); }; const PublicLanding = ({ navigate, setShowLogin }) => { const activeProjects = PROJECTS.filter(p => !['Completed', 'Archived', 'Accepted / Published'].includes(p.status)); const [activeBin, setActiveBin] = useState(BINS[0].id); const [quickProject, setQuickProject] = useState(null); const stats = [ { v: '12', l: 'Active projects' }, { v: '9', l: 'Trainees & collaborators' }, { v: '24', l: 'Peer-reviewed publications' }, { v: '6', l: 'Years operating' }, ]; const team = PEOPLE.filter(p => ['Principal Investigator', 'Co-Investigator', 'Co-Supervisor', 'MFM Fellow', 'Resident'].includes(p.role)).slice(0, 8); return (
{/* HERO */}
{/* Decorative editorial pattern */} {/* Concentric rings reminiscent of fetal ultrasound */} {[80, 140, 200, 260, 320].map(r => ( ))} {[0, 30, 60, 90, 120, 150].map(a => { const x2 = 300 + Math.cos(a * Math.PI / 180) * 320; const y2 = 300 + Math.sin(a * Math.PI / 180) * 320; return ; })}
Maternal-Fetal Medicine · Ontario, Canada

Better questions.
Better patient care.

A clinician-led research group asking the questions that come up at the bedside — placental insufficiency, hypertensive disorders, obstetric ultrasound, twin pregnancy, neonatal outcomes. We work with curious clinicians and collaborators at every stage — students, residents, fellows, research coordinators and volunteers.

{/* Right column — rotating thoughtful quote */}
{/* AT A GLANCE — refined stats */}
{[ { v: PROJECTS.filter(p => !['Completed', 'Archived'].includes(p.status)).length, l: 'Active projects', sub: 'across 5 clinical areas' }, { v: PEOPLE.filter(p => ['Resident', 'MFM Fellow', 'Medical Student', 'Volunteer'].includes(p.role)).length, l: 'Trainees', sub: 'med students to fellows' }, { v: PUBLICATIONS.length + '+', l: 'Peer-reviewed papers', sub: 'last 3 years · synced from PubMed' }, { v: '6', l: 'Years operating', sub: 'continuous research output' }, ].map((s, i) => (
{s.v}
{s.l}
{s.sub}
))}
{/* PHILOSOPHY — three principles */}
How we work

How we approach the work.

Done carefully, clinical research makes us better physicians and our patients safer. These three commitments are how we try to keep ours honest — grounded in real questions, respectful of evidence, and connected to the patients whose care it should improve.

{[ { n: '01', title: 'The question comes first.', body: "Every project starts from something we actually noticed in clinic — a Doppler that didn't fit the textbook, a question from a family we couldn't quite answer. We try not to chase data. We try to find questions worth answering, and we keep checking that the answer would change something we do." }, { n: '02', title: 'Method before novelty.', body: "Pre-registered protocols when they make sense. Code and analysis files under version control. Clear data dictionaries from day one. The slow, careful parts of research are the ones that decide whether the work holds up — and whether anyone should change practice because of it." }, { n: '03', title: 'Findings that change care.', body: "A study isn't finished when the paper appears. We ask, project by project: how does this actually change how we counsel patients, run an ultrasound list, or manage a complicated pregnancy? When the answer is 'it doesn't,' we want to know why we did the work in the first place." }, ].map(p => (
{p.n}

{p.title}

{p.body}

))}
{/* PULL QUOTE — editorial moment */}
"
The best research questions are still walking past us in clinic. Our job is to notice them, slow down enough to listen, and then do the careful work of answering them.
EA
Dr. Eran Ashwal
Principal Investigator, MFM Research Hub
{/* PROJECT BINS — clinical categories */}
Current projects

What we're working on right now

{activeProjects.length} active studies, organized by clinical focus. Click a project to see a quick review.

{/* Bin pills */}
{BINS.map(b => { const n = activeProjects.filter(p => p.bin === b.id).length; const active = activeBin === b.id; return ( ); })}
{/* Active bin description card */} {(() => { const bin = BINS.find(b => b.id === activeBin); const items = activeProjects.filter(p => p.bin === activeBin); return ( <>
{items.length} active
{bin.label}

{bin.desc}

{items.length === 0 ? (
No active projects in this area right now.

Watch this space — we onboard new projects twice a year.

) : (
{items.map(p => { const lead = personById(p.lead); return ( ); })}
)} ); })()}
{/* PEOPLE */}
Team

Clinicians, trainees and collaborators

Our group is built around clinical fellows, residents, medical students and biostatistical collaborators — the people doing the day-to-day research work.

{team.map(p => (
{p.name}
{p.role}
{p.training}
{p.focus &&
{p.focus}
}
))}
{/* PUBLICATIONS */}
Recent publications

Peer-reviewed output

Synced automatically from PubMed for author Ashwal E. {PUBLICATIONS.length} publications shown.

PubMed sync active
Last refreshed 2 hours ago
{PUBLICATIONS.map((pub, i) => { const authorsParts = pub.authors.split('Ashwal E'); return (
{pub.year}
{pub.month}
{pub.title}
{authorsParts.length > 1 ? ( <>{authorsParts[0]}Ashwal E{authorsParts.slice(1).join('Ashwal E')} ) : pub.authors}
{pub.journal} · {pub.volume} · {pub.pages} {pub.pmid && pub.pmid !== 'in-press' && · PMID: {pub.pmid}} {pub.doi && pub.doi !== 'pending' && · DOI: {pub.doi}}
{pub.type} {pub.status === 'Accepted' && In press} {pub.source === 'manual' && Manual}
{pub.doi && pub.doi !== 'pending' && ( Open )}
); })}
{/* ACHIEVEMENTS — Awards · Grants · Presentations */} {/* CONTACT FOOTER */}
Join the research hub

Curious about MFM research? There’s a place for you here.

We welcome medical students, residents, fellows, research volunteers and clinician collaborators with an interest in maternal-fetal medicine. Whether you want a focused short project, a year of immersive research, or an ongoing collaboration — reach out and tell us what you’re curious about.

Replies usually within a week.
© 2026 MFM Research Hub · Ontario, Canada
Research operations prototype Privacy Terms
{/* QUICK REVIEW MODAL */} {quickProject && setQuickProject(null)} onSignIn={() => { setQuickProject(null); setShowLogin(true); }} />}
); }; const Achievements = () => { const [tab, setTab] = React.useState('awards'); const totalActiveFunding = GRANTS.filter(g => g.status === 'active').reduce((s, g) => s + g.amount, 0); const tabs = [ { id: 'awards', label: 'Awards & honours', n: AWARDS.length, icon: 'star' }, { id: 'grants', label: 'Grants & funding', n: GRANTS.length, icon: 'flag' }, { id: 'presentations', label: 'Presentations', n: PRESENTATIONS.length, icon: 'message' }, ]; return (
Recognition, funding & output

Achievements

Awards the group has received, funding that supports the work, and where we have presented our findings.

{AWARDS.length}
Awards
${(totalActiveFunding / 1000).toFixed(0)}k
Active funding
{PRESENTATIONS.length}
Presentations
{/* Tab switcher */}
{tabs.map(t => ( ))}
{/* AWARDS */} {tab === 'awards' && (
{AWARDS.map((aw, i) => { const recipient = personById(aw.recipient); const tierColor = { international: 'var(--maroon)', national: 'var(--bayfront)', institutional: 'var(--kingsforest)' }[aw.tier] || 'var(--muted)'; return (
{aw.year}
{aw.title}
{aw.org}
{aw.desc}
{aw.tier} {recipient && (
{recipient.name}
)}
); })}
)} {/* GRANTS */} {tab === 'grants' && (
{GRANTS.map((g, i) => { const linkedProjects = g.projects.map(pid => PROJECTS.find(p => p.id === pid)).filter(Boolean); return (
{g.status === 'active' ? 'Active' : 'Completed'} {g.role} {g.mechanism}
{g.title}
{g.funder}
{g.start} → {g.end}
{linkedProjects.length > 0 && (
Supports: {linkedProjects.map(p => ( {p.acronym} ))}
)}
${(g.amount / 1000).toFixed(0)}k
{g.currency}
); })}
)} {/* PRESENTATIONS */} {tab === 'presentations' && (
{PRESENTATIONS.map((pr, i) => { const presenter = personById(pr.presenter); const linkedProject = pr.linkedProject ? PROJECTS.find(p => p.id === pr.linkedProject) : null; const typeColors = { oral: { bg: 'var(--maroon-wash)', fg: 'var(--maroon)' }, poster: { bg: 'var(--bayfront-wash)', fg: 'var(--bayfront)' }, invited: { bg: 'var(--gold-wash)', fg: '#8C6517' }, }; const tc = typeColors[pr.type]; return (
{pr.year}
{pr.month}
{pr.type === 'oral' ? 'Oral presentation' : pr.type === 'poster' ? 'Poster' : 'Invited talk'} {linkedProject && ( {linkedProject.acronym} )}
{pr.title}
{pr.conference} · {pr.location}
{pr.authors}
Presenter
{presenter && (
{presenter.name}
)}
); })}
)}
); }; const ProjectQuickReview = ({ project, onClose, onSignIn }) => { const lead = personById(project.lead); const pi = personById(project.pi); const members = project.members.map(personById).filter(Boolean); const milestones = MILESTONES[project.id] || []; const doneCount = milestones.filter(m => m.status === 'done').length; const bin = BINS.find(b => b.id === project.bin); return (
e.stopPropagation()}>
{project.acronym} {bin && ( {bin.label} )}

{project.title}

{project.description}

Status
{healthLabel(project.health)} · {project.progress}% complete
Lead trainee
{lead?.name}
{lead?.training}
Supervising PI
{pi?.name}
{pi?.role}
Design
{project.studyDesign}
{project.dataSource}
Timeline
{fmtDate(project.start)} → {fmtDate(project.target)}
{doneCount} of {milestones.length || '—'} milestones complete
Target journal
{project.targetJournal}
REB status
{project.reb}
{members.length > 0 && (
Team ({members.length})
)}
Full project details, milestones and files require sign-in.
); }; const LoginModal = ({ open, onClose, onSignIn }) => { const [mode, setMode] = useState('login'); const [email, setEmail] = useState(''); const [pwd, setPwd] = useState(''); const [picked, setPicked] = useState(null); const [authErr, setAuthErr] = useState(''); const [authBusy, setAuthBusy] = useState(false); const [signupMode, setSignupMode] = useState(false); const [signupNote, setSignupNote] = useState(''); if (!open) return null; const accounts = [ { user: PEOPLE[0], roleLabel: 'PI / Admin', desc: 'Full access to all projects, analytics, reports and trainees.' }, { user: PEOPLE[5], roleLabel: 'MFM Fellow', desc: 'Sees own projects, submits updates, manages tasks.' }, { user: PEOPLE[3], roleLabel: 'Resident', desc: 'Sees own projects, submits progress updates.' }, { user: PEOPLE[10], roleLabel: 'Research Coordinator', desc: 'Operations, REB, agreements, files.' }, ]; return (
e.stopPropagation()}>
{/* Brand side */}
M
MFM Research Hub
Sign in to your trainee or supervisor workspace.
 Sign in with your account email
Or use a demo account to browse the site without signing in.
{/* Form */}
{signupMode ? 'Create account' : 'Sign in'}
{!window.AuthService && (
Authentication is not initialized yet. Please push the latest code to your GitHub repo.
)} {authErr && (
{authErr}
)} {signupNote && (
{signupNote}
)}
Email
setEmail(e.target.value)} placeholder="you@example.ca" style={{ width: '100%' }} />
Password
{!signupMode && ( )}
setPwd(e.target.value)} type="password" placeholder="••••••••" style={{ width: '100%' }} />
{signupMode ? 'Already have an account? ' : "Don't have an account yet? "}
); }; Object.assign(window, { PublicLanding, LoginModal });