/* ============ ATHARV.OS โ€” Window Content Components ============ */ const ICO = window.ATHARV_ICONS; const D = window.ATHARV_DATA; const Ico = ({ name, size = 32, color }) => { const fn = ICO[name]; if (!fn) return null; return ; }; /* ===== About ===== */ function AboutContent() { const [tab, setTab] = React.useState('general'); return (
{['general','contact','philosophy'].map(t => )}
{tab==='general' && ( <>
Atharv Sharma

{D.identity.name}

aka devarv

{D.identity.role}

Education:{D.education.school} Degree:{D.education.degree} GPA:{D.education.gpa} Graduation:{D.education.grad} Location:{D.identity.location}

Summary

{D.summary}

Core Pillars

    {D.pillars.map((p,i)=>
  • {p}
    • )}
)} {tab==='contact' && ( <>

Contact

Phone:{D.identity.phone} Email:{D.identity.email} LinkedIn:linkedin.com/in/atharv-sharma-a3b6a0251 GitHub:github.com/Atharv5873 Live:SecurePass Vault ยท Cyber Cordon ยท Mego Forex
)} {tab==='philosophy' && ( <>

Why ATHARV.OS

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."

)}
); } /* ===== Project window ===== */ function ProjectContent({ proj }) { const [tab, setTab] = React.useState('overview'); const tabs = [ {id:'overview', label:'Overview'}, {id:'highlights', label:'Highlights'}, {id:'stack', label:'Stack'}, {id:'links', label:'Links'}, ]; return (

{proj.name} {proj.version}

{proj.tagline}
{proj.headlineMetric}
{proj.stack.slice(0,8).map((t,i) => {t})}
{tabs.map(t => )}
{tab==='overview' && ( <>

Tagline

{proj.tagline}

Metadata

Duration:{proj.duration} Last worked:{proj.lastWorked} Headline metric:{proj.headlineMetric}
)} {tab==='highlights' && ( <>

Key Highlights

    {proj.highlights.map((h,i)=>
  • {h}
    • )}
)} {tab==='stack' && ( <>

Tech Stack

{proj.stack.map((t,i) => {t})}
)} {tab==='links' && (
{proj.repo && ๐Ÿ“ฆ Repository} {proj.live && ๐ŸŒ Live demo}
)}
); } /* ===== Experience ===== */ function ExperienceContent() { return (
{D.experience.map((e,i) => (

{e.role}

{e.period}
{e.company}{e.link && <> ยท {e.link.replace(/https?:\/\//,'')}}
    {e.bullets.map((b,j) =>
  • {b}
    • )}
))}
); } /* ===== Skills ===== */ function SkillsContent() { const [active, setActive] = React.useState(D.skillCategories[0].name); const cat = D.skillCategories.find(c => c.name === active); return (
{D.skillCategories.map(c => (
setActive(c.name)} style={{ padding:'4px 8px', cursor:'pointer', fontSize:11, background: active===c.name ? '#000080' : 'transparent', color: active===c.name ? '#fff' : '#000', marginBottom:1 }}>{c.name}
))}
{cat.name} โ€” {cat.skills.length} items
{cat.skills.map((s,i) => (
{s.n}
{s.lvl}%
))}
); } /* ===== 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.title}/
{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 ===== */ function PhotosContent() { const [sel, setSel] = React.useState(null); if (sel !== null) { const p = D.photos[sel]; return (
{sel+1} of {D.photos.length}

{p.caption}

{p.note}

[EXIF]
Camera: {p.exif.camera}
Date: {p.exif.date}
ISO: {p.exif.iso}
{p.exif.f}
{p.exif.shutter}
Focal: {p.exif.focal} {p.exif.gps && <>
GPS: {p.exif.gps}}
); } return (
{D.photos.map((p,i) => (
setSel(i)}>
{p.caption}
))}
); } /* ===== Notes ===== */ function NotesContent({ notepadText, setNotepadText }) { return (