e.stopPropagation()}>

[ OPERATOR INFORMATION ] CLEARANCE: SENIOR · V1.0

[ CALLSIGN: V1SHESH ]

VISHESH CHAITANYA

SENIOR SWE · BACKEND

STATUS● DEPLOYED

YRS ACTIVE4+

LOCATIONDELHI/NCR

CLEARANCESENIOR

STACKJAVA · KAFKA

TOTAL XP EARNED

10,750 XP

MISSION HISTORY · CHRONOLOGICAL ORDER

{DOSSIER_LEVELS.map((lvl, i) => { const isRevealed = lvl.status === 'locked' || i < revealed; return (

{lvl.status === 'locked' ? '⚿' : `LVL ${lvl.level}`}

{i < DOSSIER_LEVELS.length - 1 &&

}

{lvl.period} {lvl.status === 'unlocked' ? '✓ UNLOCKED' : lvl.status === 'active' ? '◉ ACTIVE' : '⚿ LOCKED'}

{lvl.title}

{lvl.org}

{lvl.status !== 'locked' && (

{lvl.detail}

)} {lvl.tags.length > 0 && (

{lvl.tags.map(t => {t})}

)} {lvl.xp !== null && (

+{lvl.xp.toLocaleString()} XP

)}

); })}

); } // ============== TARGET ANALYSIS HERO ============== function TypeWriter({ text, play, speed = 28 }) { const [count, setCount] = useState(0); useEffect(() => { if (!play) { setCount(0); return; } if (count >= text.length) return; const t = setTimeout(() => setCount(c => c + 1), speed); return () => clearTimeout(t); }, [play, count, text, speed]); return ( {text.substring(0, count)} {play && count < text.length && █} ); } const ANALYSIS_FIELDS = [ { id: 'callsign', label: 'CALLSIGN', value: 'V1SHESH', accent: 'gold', delay: 500 }, { id: 'name', label: 'OPERATOR', value: 'VISHESH CHAITANYA', accent: null, delay: 900 }, { id: 'role', label: 'DESIGNATION', value: 'SENIOR SOFTWARE ENGINEER', accent: null, delay: 1300 }, { id: 'status', label: 'STATUS', value: '● DEPLOYED', accent: 'green', delay: 1700 }, { id: 'location', label: 'LOCATION', value: 'DELHI/NCR · INDIA', accent: null, delay: 2000 }, { id: 'exp', label: 'EXPERIENCE', value: '4+ YEARS ACTIVE', accent: null, delay: 2200 }, { id: 'clearance', label: 'CLEARANCE', value: 'SENIOR', accent: 'gold', delay: 2500 }, ]; const HERO_STACK = [ { name: 'Java · Spring Boot', pct: 95, color: 'gold' }, { name: 'Kafka · Microservices', pct: 88, color: 'gold' }, { name: 'PostgreSQL · Redis', pct: 92, color: 'blue' }, ]; const HERO_METRICS = [ { val: '4+', lbl: 'YRS ACTIVE' }, { val: '120x', lbl: 'LATENCY GAIN' }, { val: '$36K', lbl: 'SAVED/YR' }, { val: '10M+', lbl: 'EVENTS/DAY' }, ]; function TargetAnalysis({ onOpenDossier }) { const [vis, setVis] = useState(new Set()); const [avatarBroken, setAvatarBroken] = useState(false); const [glassShards, setGlassShards] = useState([]); useEffect(() => { const TIMINGS = [ ['header', 0], ['avatar', 600], ...ANALYSIS_FIELDS.map(f => [f.id, f.delay]), ['match', 2800], ['stack', 3100], ['metrics', 3800], ['cta', 4400], ]; const timers = TIMINGS.map(([id, delay]) => setTimeout(() => setVis(prev => new Set([...prev, id])), delay) ); return () => timers.forEach(clearTimeout); }, []); const show = id => vis.has(id); const scanning = show('avatar') && !show('match'); const matched = show('match'); const avatarVisible = show('avatar'); const shatterAvatar = useCallback(() => { if (!avatarVisible || avatarBroken) return; const shards = Array.from({ length: 18 }, () => { const x = 14 + Math.random() * 136; const y = 14 + Math.random() * 136; const size = 10 + Math.random() * 18; const shardHeight = Math.max(8, size - 3); return { id: `${Date.now()}-${Math.random()}`, x, y, tx: -22 + Math.random() * 44, ty: Math.max(8, 160 - y - shardHeight), rot: -70 + Math.random() * 140, dur: 520 + Math.random() * 260, delay: Math.random() * 140, size, }; }); setGlassShards(shards); setAvatarBroken(true); }, [avatarBroken, avatarVisible]); useEffect(() => { if (!glassShards.length) return; const t = setTimeout(() => setGlassShards([]), 2300); return () => clearTimeout(t); }, [glassShards]); return (

◈ INITIATING TARGET ANALYSIS...

100%

{ if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); shatterAvatar(); } }} aria-label="Shoot to reveal operator photo" > {scanning &&

}

{avatarVisible && }

{!avatarBroken ? 'SHOOT TO REVEAL' : ''}

{glassShards.map((shard) => ( ))}

IDENTITY VERIFIED

{[1,2,3,4,5].map(i => (

))} {matched ? 'SIGNAL: 5/5' : 'SIGNAL: --'}

{ANALYSIS_FIELDS.map(f => (

{f.label} ▸ {show(f.id) && }

))}

PRIMARY STACK

{HERO_STACK.map((r, i) => (

{r.name}

{r.pct}%

))}

{HERO_METRICS.map((m, i) => (

{m.val}

{m.lbl}

))}

); } // ============== SECTION 01 — BIO ============== function SectionBio() { const [dossierOpen, setDossierOpen] = useState(false); return ( <>

setDossierOpen(true)} />

setDossierOpen(false)} /> ); } // ============== SECTION 02 — EXPERIENCE ============== function SectionExp() { return (

{EXPERIENCE.map((e, i) => (

● {e.period}

{e.company}

{e.role}

{pt}

{e.tags.map(t => {t})}

↗ {e.stat}

))}

); } // ============== SECTION 03 — EDUCATION ============== function SectionEdu() { const [ref, inView] = useInView(0.25); return (

B.E. — ELECTRONICS AND COMMUNICATION ENGINEERING

// Netaji Subhash Institute of Technology · New Delhi

Aug 2018 – May 2022

Academic XP82%

{COURSEWORK.map(c => {c})}

CLASS XII — SCIENCE (PCM)

// NK Bagrodia Public School · New Delhi

Apr 2017 – Apr 2018

Academic XP93%

Competitive Programming

{CP_ROWS.map(r => (

{r.ico} {r.term} {r.desc}

))}

Field Ranks

{RANKS.map(r => (

{r.ico} {r.term} {r.desc}

))}

); } // ============== SECTION 04 — ARSENAL ============== function SectionArsenal() { const [cat, setCat] = useState('All loadouts'); const [equipped, setEquipped] = useState(new Set()); const filtered = cat === 'All loadouts' ? SKILLS : SKILLS.filter(s => s.cat === cat); const total = useMemo(() => { let sum = 0; SKILLS.forEach(s => { if (equipped.has(s.name)) sum += s.cost; }); return sum; }, [equipped]); const toggle = (name) => { setEquipped(prev => { const next = new Set(prev); if (next.has(name)) next.delete(name); else next.add(name); return next; }); }; useEffect(() => { SKILLS.forEach(s => { const gold = s.goldSrc || (s.slug ? `https://cdn.simpleicons.org/${s.slug}/d4a843` : null); const brand = s.brandSrc || (s.slug ? `https://cdn.simpleicons.org/${s.slug}` : null); [gold, brand].forEach(url => { if (url) { const img = new Image(); img.src = url; } }); }); }, []); const countFor = (c) => c === 'All loadouts' ? SKILLS.length : SKILLS.filter(s => s.cat === c).length; return (

{SKILL_CATS.map(c => ( ))}

{filtered.map(s => ( ))}

[CLICK] equip · [HOVER] inspect

{equipped.size > 0 && ( )} EQUIPPED${total}

); } // ============== SECTION 05 — MISSION BRIEFING ============== function SectionProjects() { return (

MISSION COUNT: {PROJECTS.length} CLEARANCE: SENIOR OPERATIVES DEPLOYED: 01

{PROJECTS.map((p, i) => (

CLASSIFIED

[ {p.typeLabel} ] {'★'.repeat(p.difficulty)}{'★'.repeat(5 - p.difficulty)}

{p.codename}

{p.hook}

{p.detail}

{p.tags.map(t => {t})}

⌥ GitHub {p.statsUrl && ⌥ Stats} {p.hasLive ? ⌥ Live : CLASSIFIED}

{p.statusLabel}

))}

); } // ============== SECTION 06 — OPERATION REPORT ============== function SectionReport() { const [ref, inView] = useInView(0.3); const [score, setScore] = useState({ w: 0, l: 0 }); useEffect(() => { if (!inView) return; let w = 0; const id = setInterval(() => { w += 1; setScore({ w, l: 0 }); if (w >= 5) clearInterval(id); }, 220); return () => clearInterval(id); }, [inView]); return (

MAPops_backend_systems

{score.w} : {score.l}

ROUND OVER · MVP HIGHLIGHTS

RANKACHIEVEMENTIMPACTSCALESTACKSTATUS

{ACHIEVEMENTS.map((a, i) => (

{a.mvp ? MVP : a.rank} {a.ach} {a.impact} {a.scale} {a.stack} {a.statusLabel}

))}

); } // ============== SECTION 07 — LIVE ============== function SectionLive() { const [ref, inView] = useInView(0.25); const [elapsed, setElapsed] = useState(0); useEffect(() => { const start = Date.now(); const id = setInterval(() => setElapsed(Math.floor((Date.now() - start) / 1000)), 1000); return () => clearInterval(id); }, []); const fmt = (s) => { const h = Math.floor(s / 3600).toString().padStart(2, '0'); const m = Math.floor((s % 3600) / 60).toString().padStart(2, '0'); const sec = (s % 60).toString().padStart(2, '0'); return `${h}:${m}:${sec}`; }; return (

LIVE ACTIVE BUILD · SECURITY PLATFORM SESSION {fmt(elapsed)}

{FEED.map((f, i) => (

{f.time} {f.parts.map((p, j) => p.cls ? {p.t} : {p.t} )} {f.chipLbl}

))}

Currently Exploring

// next deployment vectors

{EXPLORING.map((e, i) => (

{e.name} {e.pct}%

{e.desc}

))}

); } // ============== HEADER HELPER ============== function Header({ tag, title, accent, meta }) { return (

[ {tag} ]

{title} {accent}

{meta}

); } Object.assign(window, { SectionBio, SectionExp, SectionEdu, SectionArsenal, SectionProjects, SectionReport, SectionLive });