/* =========================================================== Sections =========================================================== */ /* ---------- HOME ---------- */ function HomeSection({ onNav }) { return (
{/* left: title */}
{DATA.role}

Thiru.

Thirumurugan Sivalingam

{DATA.tagline}

onNav("contact")}> Get in touch → onNav("watch")}> Watch talks
{/* right: terminal card */}
{/* corner ticks */} {["tl","tr","bl","br"].map(p => ( ))}
{/* title bar */}
~/thiru · zsh · 64×20
{/* body */}
{(() => { const accent = "var(--accent)"; const key = "oklch(0.78 0.09 230)"; const str = "var(--warm)"; const num = "var(--ink)"; const mute = "var(--ink-mute)"; const punc = "var(--ink-dim)"; const Prompt = () => $ ; const K = ({ children }) => "{children}"; const S = ({ children }) => "{children}"; const N = ({ children }) => {children}; return (
whoami
// ex-metis devrel · exploring ai + content
cat thiru.json
{"{"}
  hackathons_won: 25,
  workshops_hosted: 30,
  countries_visited: 15,
  years_in_web3: 4,
  now: exploring AI · creating content,
  learning: Japanese (JLPT),
  off_hours: running · gym · blogging,
  open_to: collabs · content · talks
{"}"}
 ); })()}
{/* availability strip */}
Open to work · responds within a day
); } /* ---------- ABOUT ---------- */ function AboutSection() { return ( {/* stats row */}
{DATA.stats.map(s => (
{s.v}
{s.k}
))}
{/* bio + timeline */}

I'm Thiru. Until May 2026 I was Lead DevRel at Metis Foundation, building the developer surface for onchain AI. Right now I'm heads-down exploring AI and creating content.

Four years in web3. I've worn the hats of founding dev, lead dev, DevRel, community lead, sometimes all in the same week. I learn by shipping, then I write down what I learned so the next builder doesn't trip over it.

Over four years and a handful of teams I've shipped protocols, SDKs and onchain games, written docs that actually get read, run hackathon programs people finish, and hosted 30+ workshops for chains and protocols from Starknet to Base. As Lead DevRel at Metis I owned the developer playbook end-to-end across Hyperion, LazAI and Andromeda, lifting onboarding 35%.

These days I'm exploring AI, creating content, and learning Japanese. I've contributed to Starknet, Okto, and ORA, write blogs, and ship the occasional protocol of my own. Off the keyboard: running and the gym. Twenty-five hackathon wins so far.

{/* skills mini-grid */}
Stack
{Object.entries(DATA.skills).map(([k, vals]) => (
{k}
{vals.map(v => ( {v} ))}
))}
{/* experience */}
Experience
{DATA.experience.map((e, i) => (
{e.when}
{e.role}
{e.org} · {e.kind}
    {e.bullets.map((b, j) =>
  • {b}
    • )}
))}
{/* chains */}
Chains shipped on
{DATA.chains.map(c => ( {c} ))}
{/* community & workshops */}
Community & workshops

Led developer communities and ran hands-on workshops for chains and protocols across the ecosystem.

{DATA.communities.map(c => ( {c} ))}
); } /* ---------- SPEAKING ---------- */ function SpeakingSection() { const [filter, setFilter] = React.useState("All"); const kinds = ["All", ...Array.from(new Set(DATA.speaking.map(s => s.kind)))]; const list = filter === "All" ? DATA.speaking : DATA.speaking.filter(s => s.kind === filter); return (
{kinds.map(k => { const active = filter === k; return ( ); })}
{list.map((t, i) => (
{ e.currentTarget.style.transform = "translateY(-3px)"; e.currentTarget.style.borderColor = "var(--accent-line)"; }} onMouseLeave={e => { e.currentTarget.style.transform = "translateY(0)"; e.currentTarget.style.borderColor = "var(--line)"; }} > {t.photo ? {t.where} : }
{t.kind} {t.when}
{t.flag}{t.where}
))}
); } /* ---------- PROJECTS ---------- */ function ProjectsSection() { return ( Things I'm proud of.} kicker="Protocols, SDKs, games and agents. The ones I'd show you first. Scroll, and they stack.">
{DATA.projects.map((p, i) => (
{/* corner ticks */} {["tl","tr","bl","br"].map(c => ( ))}
{/* left: text */}
00{i + 1} · {p.tag}

{p.name}

{p.blurb}

{p.stack.map(s => ( {s} ))}
{p.year} {(p.live || p.link) && ( Live ↗ )} {p.repo && ( Source ↗ )}
{/* right: visual */}
{p.photo === "npm" ? (
npm package
) : p.photo ? (
{p.name}
) : (
)}
))}
); } /* ---------- GALLERY ---------- */ function GallerySection() { const [lightbox, setLightbox] = React.useState(null); const enc = (s) => s.split("/").map(encodeURIComponent).join("/"); return ( {lightbox !== null && (
setLightbox(null)} > {DATA.gallery[lightbox].label} e.stopPropagation()} />
{DATA.gallery[lightbox].label} {DATA.gallery[lightbox].city && · {DATA.gallery[lightbox].city}}
)}
{DATA.gallery.map((photo, i) => (
setLightbox(i)} >
{photo.label} { e.currentTarget.style.transform = "scale(1.04)"; }} onMouseLeave={e => { e.currentTarget.style.transform = "scale(1)"; }} />
{photo.label}{photo.city ? ` · ${photo.city}` : ""}
))}
); } /* ---------- WATCH ---------- */ function WatchSection() { const [playing, setPlaying] = React.useState(null); const featured = DATA.watch.find(v => v.featured); const rest = DATA.watch.filter(v => !v.featured); const ytThumb = (id) => `https://i.ytimg.com/vi/${id}/hqdefault.jpg`; const PlayBtn = ({ size = 52 }) => ( e.currentTarget.style.transform = "scale(1.1)"} onMouseLeave={e => e.currentTarget.style.transform = "scale(1)"} > ); return ( {/* ── YouTube Modal ── */} {playing && (
setPlaying(null)} >
e.stopPropagation()} >