// Kyle Hinkson — About page const { useState, useEffect, useRef } = React; const DA = window.SITE_DATA; function AboutPage({ theme, setTheme }) { const scopeRef = useRef(null); const dark = theme === "dark"; const bg = dark ? "#1a1612" : "#f0e9dc"; const fg = dark ? "#f0e9dc" : "#231d16"; const rule = dark ? "rgba(240,233,220,0.18)" : "rgba(35,29,22,0.18)"; const accent = dark ? "#d9a679" : "#7a4a1f"; return (
{/* Header */}
← back to home
Kyle Hinkson · about
say hello
{/* Hero */}
a longer answer —

More about{" "} me , in the order I'd actually tell you.

{DA.about.long_intro}

{/* Portrait + fact sheet */}
Kyle
Kyle, on a good day.

fact sheet

{DA.about.fact_sheet.map(([k, v], i) => (
{k}
{v}
))}
{/* Operating principles */}

how I work

opinions, slowly held

{DA.about.operating_principles.map((p, i) => (
{String(i + 1).padStart(2, "0")}.

{p.t}

{p.d}

))}
{/* Full timeline */}

full timeline

the whole résumé, in one place

{DA.timeline.map((r, i) => (
{r.y}
{r.t}
{r.o}
{r.d}
))}
{/* Off the clock + speaking */}

off the clock

    {DA.about.interests.map((it, i) => (
  • — {it}
    • ))}
{DA.about.background}

speaking & advisory

{DA.about.speaking}

good for —
  • — Executive coaching on AI/ML strategy
  • — Board observer or advisory roles
  • — Conference panels (fraud, applied ML, leadership)
  • — Quietly reviewing your model architecture
{/* Footer */}
); } window.AboutPage = AboutPage;