// ==== Talks + Awards =================================================

function TalksAwards() {
  return (
    <section id="recognition" className="scene" data-screen-label="12 Talks & Awards">
      <div className="scene-head">
        <div className="eyebrow">Talks &amp; awards</div>
        <h2>BSides. NullCon.<br /><em>Harvard.</em> Linux Foundation.</h2>
          <p className="lede">Selected recognitions and a few of the rooms I’ve spoken in.</p>
      </div>

      <div className="label" style={{marginBottom: 10}}>talks · speaking · delegations</div>
      <div>
        {AYUSH.TALKS.map((t, i) => (
          <div key={i} className="list-card">
            <span className="yr">{t.yr}</span>
            <div>
              <h5>{t.title}</h5>
              <div className="meta">{t.venue}</div>
            </div>
            <span className="right">{t.kind}</span>
          </div>
        ))}
      </div>

      <div className="label" style={{margin: "40px 0 16px"}}>awards · recognition</div>
      <div className="awards-grid">
        {AYUSH.AWARDS.map((a, i) => (
          <div key={i} className="award-card">
            <div className="yr">{a.yr}</div>
            <h5>{a.name}</h5>
            <div className="org">{a.org}</div>
            {a.scope && <div className="scope">{a.scope}</div>}
          </div>
        ))}
      </div>
    </section>
  );
}

Object.assign(window, { TalksAwards });