{/* Navigation / Command Bar */}
{/* Hero Section */}
{showThemePillTooltip && (
HAHA Made you click
)}
I engineer
infrastructure
, reverse-engineer black boxes, and build tools.
Based in New Delhi. Exploring homelab orchestration, low-level input devices, and dynamic theming engines. This is my public scratchpad and systems notebook.
{/* Image Placeholder */}
{/* Faux tape in corners */}
avatar.jpg[1024x1024]
{/* Hand-drawn annotation */}
the operator
{/* System Overview Dashboard (Replaced Interactive Tiling Demo) */}
system_overview.sh
~ click panes to drill down ~
{/* Featured Projects */}
architecture_studies/
{PROJECTS.map((project, idx) => (
{project.icon}
{project.title}
{project.category}
{project.desc}
{project.tech.map(t => (
{t}
))}
))}
{/* Lab Notes */}
lab_notes.txt
{/* Hand drawn arrow pointing to notes */}
recent
{LAB_NOTES.map((note, i) => (
{/* Rough Timeline dot */}
x
{note.date}
{note.title}
))}
Observation:
All systems operating nominally. Proceeding with hardware teardown sequence 0x4B.
{/* Footer */}
);
}
// --- INTERACTIVE SYSTEM OVERVIEW COMPONENT ---
// Progressively reveals more specific content as panes are "split"
const CONTENT_MODULES = [
{
id: 'bio',
title: '/home/aditya/bio.txt',
tty: 'tty1',
content: (
{'>'}whoami
Aditya Gupta. 20. Based in New Delhi.
I don't just write code; I build and dismantle systems.
{/* Hover Overlay indicating split action (only if more modules exist) */}
{nextModuleIndex < CONTENT_MODULES.length && (
SPLIT_VIEW
)}
);
})}
);
}
// --- EASTER EGG COMPONENT ---
function CatEasterEgg() {
const [reveal, setReveal] = useState(0); // 0 (hidden) to 100 (fully visible)
const [posX, setPosX] = useState(80); // percentage from left
const [showHeart, setShowHeart] = useState(false);
useEffect(() => {
let currentReveal = 0;
const handleScroll = () => {
if (showHeart) return; // Prevent scroll from overriding the heart animation
const currentScrollY = window.scrollY;
// Define the specific "sliver" of scroll where the cat lives
const period = 1200; // The pattern repeats every 1200px of scrolling
const peakOffset = 700; // The exact scroll Y position where the cat is 100% visible
const peekWidth = 300; // How many pixels of scrolling it takes to fully reveal/hide
// Calculate how far the current scroll is from the peak visibility point
const distanceToPeak = Math.abs((currentScrollY % period) - peakOffset);
let newReveal = 0;
if (distanceToPeak < peekWidth) {
// Linearly map the distance to a 0-100 percentage
newReveal = 100 - (distanceToPeak / peekWidth) * 100;
}
// If it just fully hid, randomize its next horizontal position
if (newReveal === 0 && currentReveal > 0) {
setPosX(Math.floor(Math.random() * 80) + 10); // Random position between 10% and 90%
}
currentReveal = newReveal;
setReveal(newReveal);
};
window.addEventListener('scroll', handleScroll, { passive: true });
handleScroll(); // Check initial position in case the user reloads halfway down
return () => {
window.removeEventListener('scroll', handleScroll);
};
}, [showHeart]); // Depend on showHeart
// Handle click: show heart, wait, then hide
const handleCatClick = () => {
if (showHeart || reveal === 0) return;
setShowHeart(true);
// Temporarily force it fully visible for the animation
setReveal(100);
// Wait 1.2s to show the heart, then hide the cat
setTimeout(() => {
setShowHeart(false);
setReveal(0);
// Randomize position after hiding
setTimeout(() => setPosX(Math.floor(Math.random() * 80) + 10), 500);
}, 1200);
};
return (