{
const EDGE = 2;
const sl = Math.max(EDGE, rect.left - PAD);
const st = Math.max(EDGE, rect.top - PAD);
const sr = Math.min(window.innerWidth - EDGE, rect.left + rect.width + PAD);
const sb = Math.min(window.innerHeight - EDGE, rect.top + rect.height + PAD);
return { top: st, left: sl, width: sr - sl, height: sb - st };
})()}
/>
) : (
)}
e.stopPropagation()}>
STEP {step + 1} / {TOUR_STEPS.length}
{current.title}
{current.desc}
{step > 0 && }
);
}
// ---------- BOOT SCREEN ----------
const BOOT_LINES = [
'Connecting to ops/portfolio.v2 ...',
'Loading operator credentials ...',
'Initialising render engine ...',
'Parsing skill manifest ... OK',
'Mounting deployment history ... OK',
'Loading mission intel ... OK',
'Starting live feed ... OK',
'Welcome, recruiter.',
];
function Boot({ onDone }) {
const [hide, setHide] = useState(false);
const [done, setDone] = useState(false);
const [visibleLines, setVisibleLines] = useState(0);
useEffect(() => {
const timers = [];
BOOT_LINES.forEach((_, i) => {
timers.push(setTimeout(() => setVisibleLines(v => Math.max(v, i + 1)), 800 + i * 220));
});
timers.push(setTimeout(() => setHide(true), 4400));
timers.push(setTimeout(() => { setDone(true); onDone && onDone(); }, 5100));
return () => timers.forEach(clearTimeout);
}, []);
useEffect(() => {
const skip = (e) => {
if (e.type === 'click' || e.key === 'Escape') {
setHide(true);
setTimeout(() => { setDone(true); onDone && onDone(); }, 600);
}
};
window.addEventListener('click', skip);
window.addEventListener('keydown', skip);
return () => {
window.removeEventListener('click', skip);
window.removeEventListener('keydown', skip);
};
}, []);
if (done) return null;
return (
OPERATOR
portfolio · v2.0 · initialising
{BOOT_LINES.slice(0, visibleLines).map((line, i) => {
const okMatch = line.match(/(.*?)( OK)$/);
return (
>
{okMatch ? (
<>{okMatch[1]}{okMatch[2]}
) : line}
);
})}
[ CLICK OR ESC TO SKIP ]
);
}
// ---------- HUD TOP ----------
function HudTop() {
return (
VISHESH CHAITANYA
//
SENIOR SOFTWARE ENGINEER
ops/portfolio.v2
ONLINE · 8ms
press ~ to open console
);
}
function SvgGithub() {
return (
);
}
function SvgCode() {
return (
);
}
function SvgChef() {
return (
);
}
function SvgIn() {
return (
);
}
// ---------- HUD BOTTOM ----------
const SOCIAL_LINKS = [
{ label: 'GitHub', href: 'https://github.com/visheshchaitanya', icon:
},
{ label: 'LinkedIn', href: 'https://www.linkedin.com/in/visheshchaitanya/', icon:
},
{ label: 'LeetCode', href: 'https://leetcode.com/u/visheshchaitanya/', icon:
},
{ label: 'CodeChef', href: 'https://www.codechef.com/users/visheshc21', icon:
},
];
const isMac = /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent);
function HudBottom({ onConsole }) {
return (
↑↓Scroll
BArsenal
TABReport
Console
Impacts
);
}
// ---------- LEFT NAV ----------
function NavLeft({ active, onJump }) {
return (
{SECTIONS.map((s, i) => (
RADAR · {String(active + 1).padStart(2, '0')}/{SECTIONS.length}
{SECTIONS.map((s, i) => (
))}
SYS · OK
LAT · 8ms
BUILD · v2.0
);
}
// ---------- CONSOLE ----------
function Console({ open, onClose, onCommand }) {
const [history, setHistory] = useState([
{ type: 'info', text: 'tactical console v2.0 — type "help" for commands' },
]);
const [val, setVal] = useState('');
const inputRef = useRef(null);
const outRef = useRef(null);
useEffect(() => {
if (open) setTimeout(() => inputRef.current && inputRef.current.focus(), 100);
else inputRef.current && inputRef.current.blur();
}, [open]);
useEffect(() => {
if (outRef.current) outRef.current.scrollTop = outRef.current.scrollHeight;
}, [history]);
const run = (cmd) => {
const c = cmd.trim().toLowerCase();
setHistory(h => [...h, { type: 'cmd', text: cmd }]);
let resp;
switch (c) {
case 'help':
resp = { type: 'out', text: 'available: whoami, status, contact, github, resume, skills, jump
, clear' };
break;
case 'whoami':
resp = { type: 'out', text: 'callsign: V1SHESH\nrole: Senior Software Engineer · Backend\ncurrent: QuilrAI (May 2025 – present)\nlocation: Delhi/NCR\nstack: Java · Spring Boot · Kafka · PostgreSQL · Redis · ClickHouse' };
break;
case 'status':
resp = { type: 'ok', text: 'all systems nominal · 8ms latency · particle field stable' };
break;
case 'contact':
resp = { type: 'out', text: 'linkedin → https://www.linkedin.com/in/visheshchaitanya/\nemail → visheshchaitanya@gmail.com' };
break;
case 'github':
resp = { type: 'info', text: '→ https://github.com/visheshchaitanya' };
break;
case 'resume':
resp = { type: 'info', text: 'linkedin → https://www.linkedin.com/in/visheshchaitanya/' };
break;
case 'skills':
resp = { type: 'info', text: 'press B or jump to section 04 — the arsenal.' };
break;
case 'clear':
setHistory([]); setVal(''); return;
default:
if (c.startsWith('jump ')) {
const target = c.slice(5);
const idx = SECTIONS.findIndex(s => s.id === target || s.label.includes(target));
if (idx >= 0) { onCommand && onCommand('jump', idx); resp = { type: 'ok', text: `> jumping to ${SECTIONS[idx].title.toLowerCase()}` }; }
else resp = { type: 'err', text: `unknown section: ${target}` };
} else {
resp = { type: 'err', text: `unknown command: ${c} — try "help"` };
}
}
setHistory(h => [...h, resp]);
setVal('');
};
return (
~ CONSOLE
ops/portfolio.v2
ESC to close
{history.map((h, i) => (
{h.type === 'cmd' ? <>> {h.text} : h.text}
))}
>
setVal(e.target.value)}
onKeyDown={e => {
if (e.key === 'Enter' && val.trim()) run(val);
else if (e.key === 'Escape') onClose();
}}
placeholder="type command..."
autoComplete="off"
/>
);
}
// Export to window so sections.jsx can reach things if needed
window.__app = { SECTIONS, RADAR_POS };
Object.assign(window, {
Crosshair, Boot, HudTop, HudBottom, NavLeft, Console, SECTIONS, TacticalTour
});