This portfolio is a statement: I shipped real production systems, not slide decks. Every project here runs in production or ran in a real lab. The interface is a tribute to Windows 95 — the OS I grew up troubleshooting on dusty hand-me-down PCs in the foothills of Manali.
I believe in three things:
Self-healing systems. Pages should be a last resort.
Zero-knowledge by default. Trust the user; encrypt the rest.
The mountain teaches latency. Slow networks force good architecture.
"Good systems, like good music, work because of the silence between the notes."
);
}
/* ===== Awards ===== */
function AwardsContent() {
const [sel, setSel] = React.useState(null);
if (sel !== null) {
const a = D.awards[sel];
return (
{a.title}
{a.year}
{a.photo ? (
{a.caption}
) : (
{a.caption}
)}
{a.desc}
);
}
return (
{D.awards.map((a,i) => (
setSel(i)} onClick={()=>setSel(i)}>
{a.title.split('—')[0].trim()}
{a.year}
))}
);
}
/* ===== Photos ===== */
// Map "assets/photos/Name.jpg" → optimized WebP in assets/photos/opt/ using a
// URL-safe slug (no spaces). Falls back to the original if the pattern misses.
function photoOpt(file, kind) {
const m = /^assets\/photos\/(.+)\.(jpe?g|png)$/i.exec(file || '');
if (!m) return file;
const slug = m[1].toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/-+/g, '-').replace(/^-|-$/g, '');
return `assets/photos/opt/${slug}${kind === 'thumb' ? '.thumb' : ''}.webp`;
}
function PhotosContent() {
const [sel, setSel] = React.useState(null);
if (sel !== null) {
const p = D.photos[sel];
return (
