// B-pages.jsx — page components for Hanna Szekeres's site.

const { useState, useEffect, Fragment } = React;

// -------- Topbar / nav --------
function Topbar({ route, onNav }) {
  const items = [
  ['index', 'Index'],
  ['about', 'About me'],
  ['publications', 'Scientific publications'],
  ['projects', 'Applied work'],
  ['press', 'Writing & press'],
  ['msca', 'MSCA Project', 'highlight']];

  return (
    <header className="topbar">
      <nav>
        {items.map(([k, label, mod]) =>
        <a key={k} className={`${route === k ? 'on' : ''} ${mod || ''}`.trim()} onClick={(e) => {e.preventDefault();onNav(k);}}>{label}</a>
        )}
      </nav>
    </header>);

}

function Footer() {
  return (
    <footer className="footer">
      <span>© 2026 Made with Claude Design by Hanna Szekeres</span>
    </footer>);

}

// -------- Index (home) --------
function Index({ onNav }) {
  const news = [
  {
    tag: 'Now',
    title: 'Currently working on',
    body: <ul className="now-list">
        <li><b><a href="https://doi.org/10.1016/j.jesp.2025.104855" target="_blank" rel="noopener">Registered-report study</a></b> on a prejudice-reduction intervention among teachers.</li>
        <li>Research on promoting <b>youth civic engagement</b>.</li>
        <li>Learning new skills of <b>social data science</b>.</li>
      </ul>
  },
  {
    tag: 'Project',
    title: 'MSCA Postdoctoral Fellowship — Dual pathway of teacher prejudice',
    body: <>A two-year Marie Skłodowska-Curie Fellowship at the University of Amsterdam (2024–2026), testing how teachers’ <b>paternalistic</b> and <b>hostile</b> prejudice shape outcomes for ethnic-minority students. <a onClick={(e) => {e.preventDefault();onNav('msca');}}>Read more →</a></>
  },
  {
    tag: 'In the press',
    title: '“Miért van szükségünk beismerésre és bocsánatkérésre — és miért nem fogjuk megkapni”',
    body: <>Op-ed in <b>Qubit</b>, April 2026, on the social psychology of acknowledgement and apology. <a href="https://qubit.hu/2026/04/29/miert-van-szuksegunk-beismeresre-es-bocsanatkeresre-es-miert-nem-fogjuk-megkapni" target="_blank" rel="noopener">Read on Qubit ↗</a></>
  }];


  return (
    <div className="view">
      <section className="hero">
        <div className="hero-split">
          <div className="hero-name">
            <h1>Hanna<br /><span className="second">Szekeres.</span></h1>
            <span className="role">Political Psychologist & Data Scientist</span>
          </div>
          <img className="hero-portrait" src="assets/portrait.jpg" alt="Hanna Szekeres" />
          <div className="meta">
            <div>
              <div className="label">Position</div>
              <b>Marie Skłodowska-Curie Postdoctoral Fellow</b>, Dep. Psychology, University of Amsterdam, the Netherlands.<br />
              <b>Assistant Professor</b>, Dep. Social Psychology, Eötvös Loránd University Budapest, Hungary.
            </div>
            <div>
              <div className="label">Research</div>
              <b>Social &amp; Political Psychology:</b> Intergroup conflict and resolution, cognitive and social bias, moral decision-making, and psychology in educational and policy-relevant settings.
            </div>
            <div>
              <div className="label">Contact</div>
              <a href="mailto:h.f.szekeres@uva.nl">h.f.szekeres@uva.nl</a>
            </div>
            <div>
              <div className="label">Personal pages</div>
              <div style={{ display: 'flex', flexWrap: 'wrap', gap: '18px' }}>
                <a href="https://scholar.google.com/citations?user=MqJq3W8AAAAJ&hl=en&oi=ao" target="_blank" rel="noopener">Google Scholar ↗</a>
                <a href="https://www.researchgate.net/profile/Hanna-Szekeres" target="_blank" rel="noopener">ResearchGate ↗</a>
                <a href="http://www.linkedin.com/in/hanna-szekeres-48187a201" target="_blank" rel="noopener">LinkedIn ↗</a>
              </div>
            </div>
          </div>
        </div>
      </section>

      <section className="news">
        <div className="news-head">
          <h2>News &amp; Highlights</h2>
          <span className="news-date">Updated {new Date().toLocaleDateString('en-GB', { month: 'short', year: 'numeric' })}</span>
        </div>
        <div className="news-list">
          {news.map((n, i) =>
          <article className="news-item" key={i}>
              <span className="news-tag">{n.tag}</span>
              <div className="news-body">
                <h3>{n.title}</h3>
                <div className="news-body-text">{n.body}</div>
              </div>
            </article>
          )}
        </div>
      </section>

      <section className="pull">
        <blockquote>
          Science is far from a perfect instrument of knowledge. It's just the best we have.
        </blockquote>
        <cite>— Carl Sagan</cite>
      </section>
    </div>);

}

// -------- About --------
function About() {
  const aboutH2 = { fontSize: "16px", color: "rgb(129, 37, 168)" };
  return (
    <div className="view prose-page">
      <div className="prose-grid about-page">
        <h2 style={aboutH2}>Bio</h2>
        <div className="col">
          <p className="lede">I am a social and political psychologist whose research examines intergroup relations, conflict & resolution, prejudice, moral and political decision-making. I'm currently a Marie Skłodowska-Curie Actions Fellow at the University of Amsterdam, and an Assistant Professor at Eötvös Loránd University in Hungary.</p>
          <p className="lede">Alongside my academic research, I have extensive experience in applied and field work with NGOs, governmental institutions, schools, and civil society organizations. My applied projects have addressed issues such as intergroup conflict, education, and socio-political movements. I'm also committed to public engagement and science communication, including writing for broader audiences on social psychological perspectives on political and societal issues.</p>
        </div>

        <h2 style={aboutH2}>Approach</h2>
        <div className="col">
          <p>Evidence-based. Data-driven. Scientific scrutiny.</p>
          <p>Using quantitative and experimental methodology, and behavioral paradigms and measures.</p>
          <p>Committed to Open Science practices (see my <a href="https://osf.io/6kx2v/" target="_blank" rel="noopener">Open Science Framework profile</a>).</p>
        </div>

        <h2 style={aboutH2}>WORK TOPICS
</h2>
        <div className="col">
          <ul className="topics-list">
            <li>Inclusion in education and the workplace</li>
            <li>Psychological interventions</li>
            <li>Conflict resolution</li>
            <li>Bystander behavior</li>
            <li>Moral decision-making</li>
            <li>Cognitive heuristics in socio-political behavior</li>
            <li>Social movements</li>
            <li>Anti-Roma prejudice</li>
            <li>Antisemitism</li>
            <li>Political polarization</li>
            <li>Conspiracy theories, misinformation and radicalization</li>
          </ul>
        </div>

        <h2 style={aboutH2}>Training</h2>
        <div className="col">
          <p className="lede">My academic profile has been shaped by extensive international training and collaboration. I completed my academic training across several countries: in <i>Israel</i>, under the supervision of <a href="https://www.saguylab.com/" target="_blank" rel="noopener">Tamar Saguy</a> (Reichman University) and <a href="https://www.eranhalperin.com/" target="_blank" rel="noopener">Eran Halperin</a> (Hebrew University); in <i>Hungary</i>, under the supervision of <a href="https://www.ppk.elte.hu/en/staff/anna-kende" target="_blank" rel="noopener">Anna Kende</a> (Eötvös Loránd University); in the <i>United States</i>, under the supervision of <a href="https://www.asc.upenn.edu/news-events/news/memoriam-emile-bruneau-peace-and-conflict-neuroscientist" target="_blank" rel="noopener">Emile Bruneau</a> (MIT, UPenn) and <a href="https://www.intergroupneurosciencelaboratory.com/" target="_blank" rel="noopener">Mina Cikara</a> (Harvard University); and in the <i>Netherlands</i>, under the supervision of <a href="https://uvaculturalpsych.nl/currentmembers/" target="_blank" rel="noopener">Bertjan Doosje</a> (University of Amsterdam).</p>
        </div>

        <h2 style={aboutH2}>Grants &amp; Awards</h2>
        <div className="col">
          <div className="awards-list">
            <div className="award">
              <div className="body">
                <div className="ttl">Marie Skłodowska-Curie Action (MSCA) Postdoctoral fellowship</div>
                <div className="where">University of Amsterdam, the Netherlands</div>
              </div>
            </div>
            <div className="award">
              <div className="body">
                <div className="ttl">New National Excellence Programme (ÚNKP) scholarship</div>
                <div className="where">Eötvös Loránd University, Budapest, Hungary</div>
              </div>
            </div>
            <div className="award">
              <div className="body">
                <div className="ttl">Best Dissertation Award</div>
                <div className="where">International Society of Political Psychology (ISPP)</div>
              </div>
            </div>
            <div className="award">
              <div className="body">
                <div className="ttl">Fulbright fellowship</div>
                <div className="where">Harvard University, USA</div>
              </div>
            </div>
          </div>
        </div>

        <h2 style={aboutH2}>Teaching</h2>
        <div className="col">
          <p>I have many years of teaching experience at the university level, ranging from large undergraduate lecture courses to graduate seminars. I have supervised dozens of BA and MA theses, and I am currently supervising a PhD student.</p>
          <p>My courses cover <b>social psychology</b>, <b>research methods</b>, and <b>statistics</b>, as well as interdisciplinary programs for social workers, teachers, political scientists, and sociologists.</p>
          <p>I taught in Hungarian and in English, across several countries and in culturally diverse classrooms.</p>
          <p><b></b> </p>
        </div>
      </div>
    </div>);} // -------- MSCA Project --------
function MSCA() {
  const mscaH2 = { fontSize: "16px", color: "rgb(129, 37, 168)" };
  return (
    <div className="view prose-page">
      <div className="prose-grid about-page">
        <h2 style={mscaH2} data-comment-anchor="msca-description">Description</h2>
        <div className="col">
          <p>This project examines how ethnic minority girls are affected by bias in education. While educational inequality is often explained by structural barriers such as poverty or segregation, this project focuses on psychological barriers, especially teachers’ prejudice. It studies a subtle form of bias called <b>paternalism</b>: attitudes that may seem caring or supportive, but are also patronizing and based on low expectations. For example, educators may try to protect minority girls from failure, but in doing so, they may give them fewer challenges, less critical feedback, or fewer opportunities to show their abilities.</p>
          <p>The project investigates how paternalism shapes teachers’ decisions, students’ academic motivation, and students’ sense of empowerment. It also develops and tests psychological interventions for both educators and students. The overall aim is to reduce paternalistic bias, improve minority girls’ educational opportunities, and support them in developing confidence, autonomy, and academic success.</p>
        </div>

        <h2 style={mscaH2}>Details</h2>
        <div className="col">
          <p><b>Funder:</b> European Commission — Horizon Europe, Marie Skłodowska-Curie Actions (MSCA Postdoctoral Fellowship, 2024–2026).</p>
          <p><b>Acronym:</b> MGEMPOW</p>
          <p><b>Host institution:</b> University of Amsterdam, Department of Social Psychology.<br />
          <b>Host professor:</b> Bertjan Doosje.</p>
          <p><b>Link:</b> <a href="https://cordis.europa.eu/project/id/101106034" target="_blank" rel="noopener">cordis.europa.eu/project/id/101106034 ↗</a></p>
        </div>

        <h2 style={mscaH2}>Academic outputs</h2>
        <div className="col">
          <p className="lede"><b>1 · Understanding paternalism in education</b></p>
          <p>Szekeres, H., Bruneau, E., &amp; Doosje, B. (2025). Dual pathway of prejudice in education: Teachers’ paternalistic and hostile prejudice affecting minority girls. <i>Social Psychology of Education</i>, 28, 103. <a href="https://doi.org/10.1007/s11218-025-10061-5" target="_blank" rel="noopener">See report →</a></p>
          <p>Szekeres, H., de França, D. X., &amp; Doosje, B. An Intersectional Account of Teacher Prejudice: Paternalism vs. Hostility Toward Ethnoracially Minoritized Girls and Boys. <em>(Under review)</em></p>
          <p>This project examines how teacher bias shapes minority students’ educational opportunities by looking at three things together: the student’s intersecting identities, the nature of prejudice, and the type of educational outcome. Across studies with teachers in the Netherlands, the United States, and Brazil, the research asks whether minority girls and boys face different forms of bias, and whether these biases affect them in different ways. The findings show that prejudice in education is not one single attitude. Hostile bias may be more closely linked to whether students are welcomed and included in the classroom, while paternalism — a seemingly caring but patronizing form of bias — may lower expectations about students’ competence and independence. By showing how ethnicity/race, gender, prejudice type, and outcome type intersect, the project highlights the need for educational interventions that address both exclusion and subtle low expectations.</p>

          <p className="lede" style={{ marginTop: '28px' }}><b>2 · Paternalism-reduction intervention among teachers</b></p>
          <p>Szekeres, H., Gati, E., Onyeador, I. N., Kende, A., &amp; Doosje, B. (2026). Reducing paternalistic bias toward ethnic minority girls. <i>Journal of Experimental Social Psychology</i>, 123, 104855. <a href="https://doi.org/10.1016/j.jesp.2025.104855" target="_blank" rel="noopener">See report →</a></p>
          <p>This project develops and tests an intervention to reduce paternalistic bias toward ethnic minority girls in education. Paternalism refers to a seemingly supportive or caring attitude that can nevertheless communicate low expectations, overprotection, and doubts about students’ competence and autonomy. The project focuses on teachers, whose expectations and classroom decisions can shape students’ academic opportunities. The intervention is designed to reduce defensiveness, strengthen perceptions of minority girls’ competence and independence, raise awareness of the harms of paternalism, and encourage more empowering teaching practices. The study is being conducted in two countries: Hungary, focusing on Roma girls, and the United States, focusing on Black girls. Data collection is currently ongoing, with outcomes assessed immediately after the intervention and again one month later.</p>

          <p className="lede" style={{ marginTop: '28px' }}><b>3 · Reducing meta-paternalism among youth and promoting civic engagement</b></p>
          <p><em>(In progress)</em></p>
        </div>

        <h2 style={mscaH2}>Stakeholder outputs</h2>
        <div className="col">
          <p>Upcoming <em>(following completion of project)</em>.</p>
        </div>

        <h2 style={mscaH2}>Status</h2>
        <div className="col">
          <p>Ongoing project. Expected completion: <b>2026 / Q4</b>.</p>
        </div>
      </div>
    </div>);

}

// -------- Publications --------
const PUBS = [
['2026', 'preprint', 'Reducing teachers’ paternalistic bias towards ethnic minority girls (Registered Report Stage I)', 'Szekeres, H., Gati, E., Onyeador, I., Kende, A., & Doosje, B.', 'Journal of Experimental Social Psychology, 123, 104855.', 'https://www.sciencedirect.com/science/article/pii/S0022103125001362?via%3Dihub'],
['2025', 'article', 'Dual pathway of prejudice in education: Teachers’ paternalistic and hostile prejudice affecting minority girls', 'Szekeres, H., Bruneau, E., & Doosje, B.', 'Social Psychology of Education, 28, 103.', 'https://doi.org/10.1007/s11218-025-10061-5'],
['2025', 'article', 'The power of warmth: Morality perception increases social change-oriented allyship with LGBTQ+ people', 'Ciordas, P., Hadarics, M., Szekeres, H., & Kende, A.', 'Sexuality and Culture, 1–24.', 'https://doi.org/10.1007/s12119-025-10373-w'],
['2025', 'article', 'Believing that social change is possible: Collective efficacy to promote engagement and mobilization of non-Roma as allies', 'Urbiola, A. I., López-Rodríguez, L., Torres-Vega, L. C., Posion, X. D., Lásticová, B., Pántya, J., Szekeres, H., & Kende, A.', 'British Journal of Social Psychology, 64, e12895.', 'https://doi.org/10.1111/bjso.12895'],
['2024', 'article', 'When the perspective-taking shoe does not fit: The role of perspective-taking orientation in a perspective-taking prejudice reduction intervention', 'Szekeres, H., Lantos, N. A., Faragó, L., Nyúl, B., & Kende, A.', 'Journal of Community & Applied Social Psychology, 34(2).', 'https://doi.org/10.1002/casp.2785'],
['2023', 'article', 'The aversive bystander effect whereby egalitarian bystanders overestimate the confrontation of prejudice', 'Szekeres, H., Halperin, E., Kende, A., & Saguy, T.', 'Scientific Reports, 13, 10538.', 'https://doi.org/10.1038/s41598-023-37601-3'],
['2023', 'article', 'The mother of violations: Motherhood as the primary expectation of women', 'Szekeres, H., Halperin, E., & Saguy, T.', 'British Journal of Social Psychology, 62(4).', 'https://doi.org/10.1111/bjso.12661'],
['2023', 'chapter', 'Moral emotions in intergroup relations — the motivations and consequences of advantaged group members\u2019 aims to challenge the intergroup inequality', 'Doosje, B., Szekeres, H., Quezada, E. C., Boiger, M., & Kende, J.', 'The Routledge International Handbook of the Psychology of Morality.', 'http://doi.org/10.4324/9781003125969-27'],
['2023', 'article', 'Myths and reality about confronting anti-gay prejudice: Who confronts and why (not)?', 'Szekeres, H., & Čabarkapa, Đ.', 'Journal of Homosexuality.', 'https://doi.org/10.1080/00918369.2022.2161085'],
['2023', 'article', 'When and why moral exemplars fail to motivate intergroup reconciliation', 'Szabó, Zs. P., Witkowska, M., & Szekeres, H.', 'Conflict Resolution Quarterly, 41(1).', 'https://doi.org/10.1002/crq.21391'],
['2022', 'article', 'Endorsing negative intergroup attitudes to justify failure to confront prejudice', 'Szekeres, H., Halperin, E., Kende, A., & Saguy, T.', 'Group Processes & Intergroup Relations, 1–26.', 'https://doi.org/10.1177/13684302221120488'],
['2020', 'article', 'Views of sexual assault following #MeToo: The role of gender and individual differences', 'Szekeres, H., Shuman, E., & Saguy, T.', 'Personality and Individual Differences, 166, 110203.', 'https://doi.org/10.1016/j.paid.2020.110203'],
['2020', 'article', 'Kedvelni vagy tisztelni? Az előítéletek csökkentése a melegszívűség és kompetencia dimenzióiban [Like or Respect? Reducing prejudice through dimensions of warmth and competence]', 'Szekeres, H.', 'Alkalmazott Pszichológia [Applied Psychology, HU], 20(4), 123–157.', 'http://doi.org/10.17627/ALKPSZICH.2020.4.15'],
['2020', 'article', 'Beyond dislike: Blatant dehumanization predicts teacher discrimination even (and especially) among teachers low in prejudice', 'Bruneau, E., Szekeres, H., Kteily, N., Tropp, L. R., & Kende, A.', 'Group Processes & Intergroup Relations, 23(4), 560–577.', 'https://doi.org/10.1177/1368430219845462'],
['2019', 'article', 'The effect of moral loss and gain mindset on confronting racism', 'Szekeres, H., Halperin, E., Kende, A., & Saguy, T.', 'Journal of Experimental Social Psychology, 84, 103833.', 'https://doi.org/10.1016/j.jesp.2019.103833'],
['2018', 'article', 'Changing minds via collective action: Exposure to the 2017 Women\u2019s March predicts over-time decrease in (some) men\u2019s gender system justification', 'Saguy, T., & Szekeres, H.', 'Group Processes & Intergroup Relations, 21(5), 678–689.', 'https://doi.org/10.1177/1368430217750475'],
['2015', 'article', 'Awareness of intergroup help can rehumanize the out-group', 'Saguy, T., Szekeres, H., Nouri, R., Goldenberg, A., Doron, G., Dovidio, J. F., Yunger, C., & Halperin, E.', 'Social Psychological and Personality Science, 6(5), 551–558.', 'https://doi.org/10.1177/1948550615574748']];


const UNDER_REVIEW = [
['under review', 'An Intersectional Account of Teacher Prejudice: Paternalism vs. Hostility Toward Ethnoracially Minoritized Girls and Boys', 'Szekeres, H., de França, D. X., & Doosje, B.', 'British Journal of Social Psychology, invited to Special Issue.'],
['under review', 'The role of belonging in the heat of protest: Testing the social identity model of collective action during the Women, Life, Freedom protests in Iran', 'Szekeres, H., & Sam Nariman, H.'],
['under review', 'A systematic review on interventions targeting psychological mechanisms to counter radicalization toward violent extremism (Aggression and Violent Behavior, invited for special issue)', 'Szekeres, H., Kunst, B. M., Doosje, B., Sizoo, B. B., & Feddes, A. R.'],
['under review', '"Now you know, don\'t be indifferent": The emotional effects of learning about historical violence and their relationship with current prosocial motivation', 'Szilassi, M., Doosje, B., & Szekeres, H.'],
['under review', 'The impact of bystanders\' inaction and perpetrators\' action on emotions and collective action of stigmatized groups', 'Szekeres, H., Nyul, B., Kutlaca, M., & Kende, A.'],
['under review', 'Who stands with pride? Psychological profiles of LGBTQ+ supporters in the context of political turmoil', 'Gati, E., Ciordas, P., Kende, A., Doosje, B., & Szekeres, H.'],
['under review', 'Navigating digital solidarity: Allies\' change-focused communication empowers and comforts LGBTQ+ individuals more than connection-focused communication', 'Gati, E., Kende, A., Doosje, B., & Szekeres, H.'],
['under review', 'Prejudice reduction in a polarized context: Evidence for identity-based reactance', 'Paskuj, B., Bruneau, E., Szekeres, H., Kreko, P., & Orosz, G.']];


function highlightAuthors(authStr) {
  // bold "Szekeres, H." occurrences
  return authStr.replace(/(Szekeres,\s*H\.)/g, '<b>$1</b>');
}

function Publications() {
  const [filter, setFilter] = useState('all');
  const counts = {
    all: PUBS.length + UNDER_REVIEW.length,
    article: PUBS.filter((p) => p[1] === 'article').length,
    chapter: PUBS.filter((p) => p[1] === 'chapter').length,
    preprint: PUBS.filter((p) => p[1] === 'preprint').length,
    invited: PUBS.filter((p) => p[1] === 'invited').length,
    review: UNDER_REVIEW.length
  };
  const peerReviewed = counts.article + counts.chapter + counts.preprint;
  let list = [];
  if (filter === 'all' || filter === 'review') {
    if (filter === 'all') list = PUBS;else
    list = [];
  } else {
    list = PUBS.filter((p) => p[1] === filter);
  }

  return (
    <div className="view">
      <section className="pagehead">
        <h1>Publications.</h1>
        <div className="count"><b>{peerReviewed}</b>peer-reviewed<br />+ {counts.invited + counts.review} invited / under review / in prep</div>
      </section>
      <div className="filter-bar">
        {[
        ['all', 'All', counts.all],
        ['article', 'Articles', counts.article],
        ['chapter', 'Chapters', counts.chapter],
        ['preprint', 'Reg. reports', counts.preprint],
        ['review', 'Under review', counts.invited + counts.review]].
        map(([k, label, c]) =>
        <a key={k} className={filter === k ? 'on' : ''} onClick={(e) => {e.preventDefault();setFilter(k);}}>{label} / {c}</a>
        )}
      </div>

      {(filter === 'all' || filter !== 'review') &&
      <div className="pubs">
          {list.map(([yr, kind, ttl, auth, venue, doi], i) => {
          const typeLabel = kind === 'preprint' ? 'Reg. report' : kind === 'invited' ? 'Invited' : kind;
          const handleClick = doi ? (e) => {e.preventDefault();window.open(doi, '_blank', 'noopener');} : undefined;
          return (
            <a className="pub" key={i} href={doi || undefined} target={doi ? '_blank' : undefined} rel="noopener" onClick={handleClick} style={doi ? {} : { cursor: 'default' }}>
              <span className="yr">{yr}</span>
              <span className="type">{typeLabel}</span>
              <div className="body">
                <div className="ttl">{ttl}</div>
                <div className="auth" dangerouslySetInnerHTML={{ __html: highlightAuthors(auth) }} />
                <div className="venue">{venue}</div>
              </div>
              <span className="arrow">{doi ? '↗' : ''}</span>
            </a>);
        })}
        </div>
      }

      {(filter === 'all' || filter === 'review') &&
      <Fragment>
          <div className="filter-bar" style={{ borderTop: '1px solid var(--hairline)' }}>
            <a className="on" style={{ cursor: 'default' }}>UNDER REVIEW</a>
          </div>
          <div className="pubs">
            {UNDER_REVIEW.map(([status, ttl, auth, venue], i) =>
          <div className="pub" key={'r' + i}>
                <span className="yr">2026</span>
                <span className="type">{status}</span>
                <div className="body">
                  <div className="ttl">{ttl}</div>
                  <div className="auth" dangerouslySetInnerHTML={{ __html: highlightAuthors(auth) }} />
                  {venue && <div className="venue">{venue}</div>}
                </div>
                <span className="arrow">—</span>
              </div>
          )}
          </div>
        </Fragment>
      }
    </div>);

}

// -------- Applied work / Projects --------
const PROJECTS = [
{
  yr: '2024 — 2025', status: '', done: true, kind: 'Project',
  title: 'Radicalization & psychosocial issues',
  desc: <>Research report for the <strong>Dutch Ministry of Justice and Security</strong> (for the WODC) on deradicalization interventions: "Radicalisering en psychosociale problematiek — beter begrijpen, beter ingrijpen." [Radicalization and psychosocial problems — better understanding, better intervention]</>,
  tags: ['NL · Ministry', 'Research'],
  placeholder: 'Report · WODC',
  href: 'https://repository.wodc.nl/entities/publication/19bbe25a-5000-4300-8f37-46291b792d95',
  img: 'assets/wodc-radicalisation.png',
  imgFit: 'contain',
  slotId: 'wodc-report-cover'
},
{
  yr: '2024 — 2025', status: '', done: true, kind: 'Project',
  title: 'Holocaust education program',
  desc: <>Impact assessment for the <strong>National Holocaust Museum</strong>'s educational program "Ontdek het Nationaal Holocaustmuseum" [Discover the National Holocaust Museum].</>,
  tags: ['NL · Museum', 'Impact assessment'],
  placeholder: 'Field study · museum',
  img: 'assets/holocaust-museum.png'
},
{
  yr: '2021 — 2024', status: '', done: true, kind: 'Work',
  title: 'School-Community Inclusion program',
  desc: <>Impact assessment for an EU-funded (Horizon 2020) <strong>Inclusion4Schools</strong> consortium on "School-Community Partnership for Reversing Inequality and Exclusion: Transformative Practices of Segregated Schools".</>,
  tags: ['EU · Civil society', 'Impact assessment'],
  placeholder: 'Multi-country · schools',
  href: 'https://inclusion4schools.eu/wp-content/uploads/2025/02/D1.4-Report-on-the-Results-of-the-Social-Impact-Analysis.pdf',
  img: 'assets/inclusion4schools.png',
  imgPos: '50% 80%'
},
{
  yr: '2022', status: '', done: true, kind: 'Project',
  title: 'Gender bias at a tech company',
  desc: <>Research and consultancy on gender bias at <strong>TOPdesk Hungary</strong> — diagnosing where bias enters hiring, advancement, and team dynamics, and advising on practical interventions.</>,
  tags: ['HU · Company', 'Research · Consulting'],
  placeholder: 'Workplace · gender',
  img: 'assets/topdesk-gender.png',
  imgFit: 'contain'
},
{
  yr: '2021 / 2023', status: '', done: true, kind: 'Project',
  title: 'Democratic and Social Activism in Action',
  desc: <>Impact assessments for <strong>Közélet Iskolája</strong> [The School for Public Life] — a Hungarian organisation training citizens, activists, and community organisers in democratic participation.</>,
  tags: ['HU · Civil society', 'Impact assessment'],
  placeholder: 'Civil society · training',
  img: 'assets/kozelet-iskolaja.png',
  imgFit: 'contain',
  links: [
  { label: 'Report 2021', href: 'https://kozeletiskolaja.hu/post/a-kozelet-iskolaja-kepzeseinek-hatasa-a-resztvevokre-osszefoglalo/' },
  { label: 'Report 2023', href: 'https://kozeletiskolaja.hu/post/kozelet-iskolaja-hatasmeres-2023/' }]

},
{
  yr: '2020 — 2022', status: '', done: true, kind: 'Project',
  title: 'Policies against antisemitism',
  desc: <>National researcher for Hungary on NOA — a study of how governmental agencies across Europe address antisemitism, run by <strong>CEJI</strong> (A Jewish Contribution to an Inclusive Europe) in Brussels.</>,
  tags: ['EU · Civil society', 'Research'],
  placeholder: 'Multi-country · policy',
  href: 'https://www.noa-project.eu/wp-content/uploads/2023/11/NOA_NationalReportCard_Hungary_28Nov2022_v2.pdf',
  img: 'assets/noa-antisemitism.png',
  imgFit: 'contain'
},
{
  yr: '2014 — 2016', status: '', done: true, kind: 'Project',
  title: 'Reducing anti-Roma bias in Europe',
  desc: <>Junior researcher for the project on "Shaking the psychological roots of resistance to Roma integration" funded by the <strong>Open Society Foundation</strong> and led by the late Emile Bruneau.</>,
  tags: ['USA · Civil society', 'Research'],
  placeholder: 'Field interventions',
  img: 'assets/anti-roma-bias.png',
  imgFit: 'contain'
},
{
  yr: '2013 — 2018', status: '', done: true, kind: 'Work',
  title: 'Applied Psychology Center for Social Change',
  desc: <>Applied research and consulting at the <strong>Applied Psychology Center for Social Change</strong> (today called aChord Center) at Reichman University (IDC), Israel, led by Eran Halperin and Tamar Saguy. Projects for <a href="https://www.propeace.de/en/israel-palestine" target="_blank" rel="noopener noreferrer">Forum ZFD</a>, <a href="https://en.sheatufim.org.il/" target="_blank" rel="noopener noreferrer">Collective impact</a>, <a href="https://shatil.org.il/en/" target="_blank" rel="noopener noreferrer">Shatil</a>, <a href="https://www.yadhanadiv.org.il/" target="_blank" rel="noopener noreferrer">Yad Hanadiv</a>, and <a href="https://www.edrf.org.il/en/programs/israeli-hope-in-academia/" target="_blank" rel="noopener noreferrer">President Rivlin’s Hope in Education initiative</a>.</>,
  tags: ['IL · Civil society, Ministry', 'Consulting'],
  placeholder: 'Workshops · consulting',
  img: 'assets/applied-psych-center.png',
  imgFit: 'contain'
}];


function Projects() {
  return (
    <div className="view">
      <section className="pagehead">
        <h1>Applied work.</h1>
        <div className="count" style={{ fontSize: "22px" }}><b>{'\n'}</b>field &amp; policy</div>
      </section>
      <div className="projects">
        {PROJECTS.map((p, i) =>
        <article className="project" key={i}>
            {p.href ?
          <a className="ph ph-link" href={p.href} target="_blank" rel="noopener noreferrer" aria-label={p.title}>
                {p.img ?
            <img src={p.img} alt={p.title} className="ph-img" style={{ ...(p.imgFit ? { objectFit: p.imgFit } : null), ...(p.imgPos ? { objectPosition: p.imgPos } : null) }} /> :

            <image-slot id={p.slotId} shape="rect" placeholder={p.placeholder}></image-slot>
            }
              </a> :
          p.links ?
          <div className="ph ph-img-wrap ph-multi">
                <img src={p.img} alt={p.title} className="ph-img" style={{ ...(p.imgFit ? { objectFit: p.imgFit } : null), ...(p.imgPos ? { objectPosition: p.imgPos } : null) }} />
                <div className="ph-links">
                  {p.links.map((l) =>
              <a key={l.href} href={l.href} target="_blank" rel="noopener noreferrer">{l.label} ↗</a>
              )}
                </div>
              </div> :
          p.img ?
          <div className="ph ph-img-wrap"><img src={p.img} alt={p.title} className="ph-img" /></div> :
          <div className="ph">{p.placeholder}</div>
          }
            <div className="yr-row">
              <span>{p.yr}</span>
              {p.status ? <span className={`status ${p.done ? 'done' : ''}`}>{p.status}</span> :
            p.kind ? <span className="kind">{p.kind}</span> : null}
            </div>
            <h3>{p.title}</h3>
            <p>{p.desc}</p>
            <div className="tags">
              {p.tags.map((t) => <span className="tag" key={t}>{t}</span>)}
            </div>
          </article>
        )}
      </div>
    </div>);

}

// -------- Teaching --------
const TEACHING = [
{ term: 'Currently · UvA', items: [
  ['—', 'Supervision (UvA)', 'BA thesis (6), MA thesis (3), PhD co-supervision (1).', 'University of Amsterdam', 'BA / MA / PhD']]
},
{ term: '2017 — 2023 · ELTE', items: [
  ['—', 'Supervision (ELTE)', 'BA thesis (18), MA thesis (4) at the Department of Social Psychology.', 'Eötvös Loránd University', 'BA / MA'],
  ['SOC-MA', 'Intergroup Relations', 'Lecture and seminar on prejudice, discrimination, social identity, and conflict.', 'ELTE · Budapest', 'MA'],
  ['SOC-MA', 'Survey & Intervention Experiments', 'Designing experiments and field interventions in social psychology.', 'ELTE · Budapest', 'MA'],
  ['SOC-BA', 'Experimental Methods in Social Psychology', 'Hands-on seminar in experimental design.', 'ELTE · Budapest', 'BA']]
},
{ term: 'Service & training', items: [
  ['—', 'PhD Student Union President', '2020 · ELTE.', 'Eötvös Loránd University', 'Service'],
  ['—', 'ERC Grant Ethics Coordinator', '2014–2016 · Reichman University.', 'Reichman University (IDC)', 'Service'],
  ['—', 'ISPP Summer Academy', '2019 · Lisbon, Portugal.', 'ISPP', 'Training'],
  ['—', 'SISPP Summer Institute', '2015 · Northeastern University.', 'SISPP · Boston', 'Training']]
}];


function Teaching() {
  return (
    <div className="view">
      <section className="pagehead">
        <h1>Teaching.</h1>
        <div className="count">Mostly in English<br />across cultures.</div>
      </section>
      <div className="teaching">
        {TEACHING.map((b, i) =>
        <div className="term-block" key={i}>
            <div className="term-label">
              <span>{b.term}</span>
              <span>{b.items.length} items</span>
            </div>
            {b.items.map(([code, ttl, desc, where, level], j) =>
          <div className="course" key={j}>
                <span className="code">{code}</span>
                <div>
                  <div className="ttl">{ttl}</div>
                  <div className="desc">{desc}</div>
                </div>
                <div className="where">{where}</div>
                <div className="level">{level}</div>
              </div>
          )}
          </div>
        )}
      </div>
    </div>);

}

// -------- Press / writing --------
const OPEDS = [
['2026', 'Op-ed', 'Waarom blijven we stil als mensen racistisch worden behandeld?', 'Trouw (NL)', 'https://www.trouw.nl/opinie/opinie-waarom-blijven-we-stil-als-mensen-racistisch-worden-behandeld~b99ce3de/'],
['2025', 'Op-ed', 'Mensen stemmen eerder met hun identiteit, dan voor of tegen beleid', 'de Volkskrant (NL)', 'https://www.volkskrant.nl/columns-opinie/opinie-mensen-stemmen-eerder-met-hun-identiteit-dan-voor-of-tegen-beleid~bd0258fa4/'],
['2023', 'Op-ed', 'Exploring discrepancies between anti-prejudice values and behavior', 'PsyPost', 'https://www.psypost.org/exploring-discrepancies-between-anti-prejudice-values-and-behavior/'],
['2023', 'Op-ed', 'Bystander inaction breeds prejudice: the alarming impact on attitudes and society’s tolerance', 'PsyPost', 'https://www.psypost.org/bystander-inaction-breeds-prejudice-the-alarming-impact-on-attitudes-and-societys-tolerance/'],
['2022', 'Op-ed', 'Nem bírlak, pedig nem is ismerlek — az előítélet természetrajza', 'HVG Pszichológia (HU)', null],
['2022', 'Op-ed', 'Vlagyimir a varázshalnak: "rendben, akkor vájd ki az egyik szemem!"', 'Qubit (HU)', 'https://qubit.hu/2022/03/29/vlagyimir-a-varazshalnak-rendben-akkor-vajd-ki-az-egyik-szemem'],
['2018', 'Op-ed', 'A nemi előítélet nem csak "női" előítélet', 'Mérce (HU)', 'https://merce.hu/2018/10/28/a-nemi-eloitelet-nem-csak-noi-eloitelet/']];


const INTERVIEWS = [
['2022', 'Interview', 'Tüntetések lélektana — tiltakozás, sztrájk, tanárok', 'WMN (HU)', 'https://wmn.hu/ugy/58853-tuntetesek-lelektana-tiltakozas-sztrajk-tanarok'],
['2022', 'Interview', 'Futball, rasszizmus, zsidózás — interjú Szekeres Hannával', 'Népszava (HU)', 'https://nepszava.hu/3173699_futball-rasszizmus-zsidozas-szekeres-hanna-szocialpszichologus-interju'],
['2022', 'Interview', 'Csak úgy tudjuk csökkenteni az előítéleteket, ha beszélünk róluk', 'Új Egyenlőség (HU)', 'https://ujegyenloseg.hu/csak-ugy-tudjuk-csokkenteni-az-eloiteleteket-ha-beszelunk-roluk/']];


const INPRESS = [
['2021', 'Feature', 'Diverzitás az, amikor mindenkit meghívunk a buliba, inklúzió pedig, ha fel is kérjük őket táncolni', 'HR Power (HU)', 'https://hrpwr.hu/cikk/diverzitas-az-amikor-mindenkit-meghivunk-a-buliba-inkluzio-pedig-ha-fel-is-kerjuk-oket-tancolni'],
['2021', 'Feature', 'When the movement moves us: How #MeToo succeeded', 'Psychology in Action', 'https://www.psychologyinaction.org/metoo/'],
['2015', 'Feature', 'On bias and blind spots', 'Jeneen Interlandi', 'https://jeneeninterlandi.com/2015/04/19/on-bias-and-blind-spots-2/'],
['2015', 'Feature', 'What drives subconscious racial prejudice?', 'Scientific American', 'https://www.scientificamerican.com/blog/mind-guest-blog/what-drives-subconscious-racial-prejudice/']];


function Press() {
  const [filter, setFilter] = useState('all');
  const counts = {
    all: OPEDS.length + INTERVIEWS.length + INPRESS.length,
    opeds: OPEDS.length,
    interviews: INTERVIEWS.length,
    inpress: INPRESS.length
  };

  const sections = [];
  if (filter === 'all' || filter === 'opeds') sections.push(['Op-eds (author)', OPEDS, null]);
  if (filter === 'all' || filter === 'interviews') sections.push(['Interviews', INTERVIEWS, 'Selected']);
  if (filter === 'all' || filter === 'inpress') sections.push(['Feature', INPRESS, 'Selected']);

  return (
    <div className="view">
      <section className="pagehead">
        <h1>Writing &amp; press.</h1>
        <div className="count"><b>{counts.all}</b>op-eds, interviews<br />&amp; press</div>
      </section>
      <div className="filter-bar">
        {[
        ['all', 'All', counts.all],
        ['opeds', 'Op-eds', counts.opeds],
        ['interviews', 'Interviews', counts.interviews],
        ['inpress', 'Feature', counts.inpress]].
        map(([k, label, c]) =>
        <a key={k} className={filter === k ? 'on' : ''} onClick={(e) => {e.preventDefault();setFilter(k);}}>{label} / {c}</a>
        )}
      </div>

      {sections.map(([sectionLabel, items, badge], si) =>
      <Fragment key={si}>
          {filter === 'all' &&
        <div className="filter-bar" style={{ alignItems: 'center', ...(si === 0 ? null : { borderTop: '1px solid var(--hairline)' }) }}>
              <a className="on" style={{ cursor: 'default' }}>{sectionLabel.toUpperCase()}</a>
              {badge && <span style={{ marginLeft: '16px', color: 'var(--slate)', fontSize: '12px', letterSpacing: '0.1em', textTransform: 'uppercase' }}>· {badge}</span>}
            </div>
        }
          <div className="press">
            {items.map(([date, kind, ttl, outlet, href], i) => {
            const handleClick = href ? (e) => {e.preventDefault();window.open(href, '_blank', 'noopener');} : undefined;
            return (
              <a className="press-row" key={i} href={href || undefined} target={href ? '_blank' : undefined} rel="noopener" onClick={handleClick} style={href ? null : { cursor: 'default' }}>
                <span className="date">{date}</span>
                <span className="kind">{kind}</span>
                <span className="ttl">{ttl}</span>
                <span className="outlet">{outlet}</span>
                <span className="arrow">{href ? '↗' : ''}</span>
              </a>);
          })}
          </div>
        </Fragment>
      )}
    </div>);

}

// Export
Object.assign(window, { Topbar, Footer, Index, About, MSCA, Publications, Projects, Teaching, Press });