The Journey

• Keyboard Shortcuts Cheat Sheet HUD: Zero-scroll at-a-glance cheat sheet modal bound to ? (Shift+/) featuring 2-column layout for instant page navigation (1–7), theme (0) & date (`) toggles, and master dismiss (Esc).
• Web Share API Integration: Native OS share sheet (navigator.share) with automated clipboard fallback across ATS Resume modal, Command Palette, and CLI.
• Dev Terminal History Persistence: Cross-session localStorage history ring buffer (ArrowUp/ArrowDown), Tab autocompletion for commands & subcommands, and developer aliases (ls, whoami, cat, ping, cls, share, history).
• Strict CV Standard Alignment: Synchronized ATS Resume Generator with master curriculum vitae standards, dual-column geometry, standard JSON Resume (.json), Markdown (.md), and print-optimized PDF styling.

• Interactive Skill & Domain Radar: 5-axis dynamic canvas competency chart on about.html with active score nodes and toolstack breakdowns.
• Tailored ATS Resume Generator: Recruiter-focused interactive resume builder modal supporting role-based filtering (Master CV, AI/ML, Embedded, Full-Stack) and one-click ATS print/PDF export.
• Interactive Dev Terminal Sandbox: Added radar, resume, run spark, run gcsbr, and glossary interactive commands to #adtTerminal.
• PWA v43 Cache Bump: Upgraded Service Worker cache version to aaradhya-portfolio-v43.

• Synthesized Web Audio Cues: Hardware-accelerated Web Audio API sound synthesizer for interactive UI feedback (clicks, chimes, modal pops) with persistent audio toggle and Shift+A shortcut.
• Dynamic Reading Time Badges: Client-side word count & reading time calculation engine displaying glassmorphic badges across main content pages.
• Live Result Count & Filter Sync: Real-time filter count status indicators (Showing N of M) on projects and achievements.
• PWA v38 & Automated Verification: Service worker bumped to aaradhya-portfolio-v38 and verify.py expanded for site-wide tag balance auditing.

• Spotlight Tour Engine: Interactive step-by-step guided tour traversing all 7 main site pages with hardware-accelerated target highlighting.
• Cross-Page Navigation Sync: Remembers tour progression across page reloads via localStorage (adt_tour_active / adt_tour_index).
• Accessibility & Shortcuts: Full keyboard control (Arrow keys, Escape to close, Shift+T to trigger), mobile swipe dismiss, and prefers-reduced-motion compliance.

• Glassmorphism & Gradient Borders: Frosted-glass card finishes with conic-gradient rotating borders on card hovers.
• Typography Hierarchy Upgrade: Preloaded and integrated Playfair Display for elegant hero display headers.
• Interactive Skill Matrix: Animated scroll-triggered skill proficiency bars with gradient fills inside the status card.
• Mobile Bottom Sheet Nav: Upgraded mobile menu drawer to a spring-physics bottom sheet with drag handle & backdrop blur.
• Horizontal Swipe Navigation: Gesture-based swipe left/right page switching with edge indicator toasts.
• PWA v36 Cache Bump: Upgraded Service Worker cache version to aaradhya-portfolio-v36.

• Staggered Entrance Motion: Cascading staggered animations for cards across Home explore grid, project cards, and achievement grids.
• Typed Hero Subtitle: Character-by-character typewriter animation with a 6-caption random rotation pool.
• Animated Stat Counter: Scroll-triggered count-up animation for portfolio statistics (15+ projects, 4th year, 2 fellowships, 8 roles).
• Enhanced View Transitions: Element-level morphing and circular clip-path theme wipe transition.
• PWA v35 Cache Bump: Upgraded Service Worker cache version to aaradhya-portfolio-v35.

• iOS Safe Area Insets: Added viewport-fit=cover across all 10 site HTML pages and updated CSS with env(safe-area-inset-*) rules for fixed navigation bars, mobile drawer, floating widgets, and footer.
• Touch Gesture Controls: Implemented vertical swipe-down dismiss gestures for lightboxes, search command palette, and release modals, plus horizontal swipe-left close for the mobile navigation drawer.
• Web Haptic Feedback API: Integrated navigator.vibrate() micro-interactions across theme toggle, button actions, terminal controls, and track filters.
• PWA v34 Cache Bump: Upgraded Service Worker cache version to aaradhya-portfolio-v34 for instant asset invalidation.

• Interactive Dev Terminal: Added a retro-futuristic interactive terminal widget (#adt-terminal) on the Home page with live output handlers for commands like skills, projects, experience, achievements, and matrix.
• CMDK Quick Filters: Enhanced Command Palette tab filter pills for instant keyboard-first category navigation.
• Cursor Light Trail: Hardware-accelerated mousemove light trail particles with touch and reduced-motion performance guards.
• PWA & Release History Sync: Upgraded Service Worker cache to aaradhya-portfolio-v33 and updated What's New release highlights.

The Problem: As the portfolio expanded into a multi-page progressive web app, reading position tracking was non-uniform and offline state switches went unnotified.

The Solution: Upgraded the Service Worker cache to aaradhya-portfolio-v32 with live network status toasts, introduced a fixed neon reading progress bar (#readProgressBar) optimized via requestAnimationFrame, and added hardware-accelerated 3D perspective card tilt micro-interactions on hover.

• Added an interactive "What's New" release notes modal accessible site-wide via Command Palette (Ctrl+K), site footer link, and Shift+N keyboard shortcut.
• Displays structured major commit highlights with version badges, dates, and direct links to GitHub commit SHAs.
• Persists last viewed version in localStorage to highlight newly deployed major releases.

• Synchronized achievements track filter state with URL hash (#track=academic, #track=eca) via history.replaceState and added state restoration on page load.
• Added aria-live="polite" screen reader status region for dynamic filter count announcements.
• Upgraded PWA Service Worker cache version to v31 and audited social preview metadata tags (og:image, twitter:card) across all pages.

• Restructured the previously stacked “About / Sign in with Google” info card and “Exclusive Research & Specs” VIP tier card into a responsive two-column grid on index.html, so both gated-access explainers sit at equal visual weight instead of one pushing the other down the page.
• Grid activates at 1000px+ viewport width — below that, both columns stack in their original order. The Master Console section underneath was left untouched, still full-width.
• Verified the .reveal scroll-fade class and [data-access-tier] attribute selectors are structure-agnostic before restructuring, since both cards’ gating and animation logic depends on class/attribute matching, not DOM nesting depth.

• Changed .nav-links from justify-content: center to flex-start so the Home/Projects/Achievements/Journey links start right after the ADT logo, instead of centering inside the middle track of the nav’s auto 1fr auto grid.
• Confirmed the mobile hamburger-drawer breakpoint hides .nav-links entirely (display: none), so the fix is desktop-only and doesn’t touch the drawer layout.

• Grouped every project card on projects.html into three named sections — Projects (highest precedence, renders first), Fuse AIF (fellowship coursework), and Personal Tools & Apps — using <h2> section headers spanning the full grid width (grid-column: 1/-1) rather than splitting into separate nested grids, so the existing toggle-all, keymap, and scroll-animation JS — all queried against a single flat #projectsGrid details.project-card list — needed zero changes.
• The BiasAperture card is canonically presented under Projects with dual fellowship and computer vision metadata tags, preserving unique indexing in search while capturing full capstone context.

• Cross-referenced the FuseAIF2026 coursework repo to confirm exact week numbers, then renamed three project cards to match the “Fusemachines Wk N — Topic” title pattern already used by the other fellowship cards: Text-to-SQL Agentic Pipeline → Wk 3, Telco Churn & CLV ML Pipeline → Wk 4, Telco Churn Tree-Based Ensemble Pipeline → Wk 5.
• Propagated the same title changes into the SEARCH_STATIC_INDEX object in script.js, so the command-palette search stays consistent with what’s actually rendered on the page instead of surfacing stale titles.

• Split the Gesture-Controlled Self-Balancing Robot card’s body into a 1×2 layout at 900px+ — description list and tags on the left, embedded video on the right — instead of the video stacking full-width beneath the text like every other card.
• Scoped the grid change to a new inner wrapper rather than .project-card-body itself, after confirming the existing single-track grid-template-rows: 0fr → 1fr open/close collapse animation on that element would conflict with adding grid-template-columns directly on the same node.

• Added an Alt+2 shortcut wired to the projects page’s toggle-all button, extending the site’s existing keymap pattern (Alt+4 → achievements, Alt+6 → journey).
• Collapsing all cards via the toggle-all button now scrolls the page to top on all three timeline-style pages — projects, achievements, journey — instead of leaving the viewport wherever the last open card happened to be.

• Replaced the native <details> element’s instant snap-open/snap-closed toggling with a smooth height transition, using a single-child grid-rows trick (0fr → 1fr) plus a JS-intercepted click that delays removing the open attribute until the collapse animation finishes.
• Opening a card scrolls it into view; closing a card now restores the exact scroll position that was active before the card was opened — true undo, not a re-align to the card’s current top position — captured via window.scrollY at open-time.
• Also rewired the “Expand/Collapse all” button to reuse the same animation helpers instead of toggling open directly and snapping instantly, so the button and per-card clicks share one code path.

• Added an ambient indicator so this timeline reads as a live sequence rather than a static list — a single traveling glow steps through every checkpoint in document order, forever, no pause.
• Went through several shipped-then-replaced iterations first: a per-node rotating arc sweep, then a multi-node trailing "snake," before settling on the simpler model that's actually live now — one card's left-edge accent bar glows at a time, straight loop newest→oldest, with the next card starting its glow mid-fade so consecutive cards crossfade instead of handing off edge-to-edge.
• Timing (0.5s, cubic-bezier(0.4, 0, 0.2, 1)) was matched to this element's own existing hover-transition values and the site's dominant transition tier, rather than picked arbitrarily.

• Converted the timeline from always-expanded cards to collapsible dropdowns, so scanning the full checkpoint history doesn't mean scrolling past every entry's full detail just to see the sequence.
• Added a color-coded type legend (Security fix, Feature, Bug fix, Infra/CI, Architecture, Repo A, Origin) plus descending serial numbers per node, so each checkpoint's category and place in the sequence are visible before expanding it.
• Added an Alt+6 expand/collapse-all shortcut for scanning the whole history at once, with aria-expanded kept in sync on every card for screen readers.

• The VIP/Master tier gate only toggled href/CSS on each project's anchor tag client-side — the real GitHub URL still sat as plaintext in a data-vip-link attribute for all 13 projects, readable by anyone viewing raw HTML, curling the page, or hitting a search-engine cache, passcode or not.
• Moved every project repo URL through the same AES-256-GCM/PBKDF2 pipeline already used for gated page content — data-payload-link-id references now stand in for the raw href, decrypted at runtime via decryptHexPayload() only after tier verification passes.
• Follow-up pass removed the login vectors that didn't belong on a public tier system in the first place — a UI tab, a keyboard shortcut, and two undocumented trigger sequences — leaving Google Sign-In against an explicit allowlist as the only path to Master tier.

• Built a 3-tier access system (Public / VIP / Master) where locked sections ship zero raw HTML — content is pre-encrypted client-side and only decrypted into memory after a passcode or Google Sign-In check passes, then wiped on logout.
• Key derivation via Web Crypto API PBKDF2 (100,000 iterations, SHA-256) feeding AES-256-GCM; Google Identity Services SDK handles OAuth, with client-side JWT parsing to read email/name/avatar and assign tier.

• The encryption scheme derives its AES key from the tier's own passcode — but Google Sign-In sessions and simulated Master-tier previews weren't consistently passing the correct passcode into the decrypt call, so unlocked content silently failed to decrypt for some auth paths.
• Traced the mismatch to where the decryption key was chosen versus where the tier was actually verified, and rewrote it to derive the key directly from the tier requirement rather than trusting a passed-in value.

• Admin widget that lets me add or remove VIP-tier emails at runtime, no redeploy — persisted to localStorage and immediately re-checked against every gated block on the page.
• Also ships stealth mode: the Master tab and diagnostic console are fully hidden from public visitors (no DOM giveaway of their existence) and only reveal via an authenticated session or a deliberate secret trigger.

• Global search was going stale — a new certificate added to the achievements page wouldn't show up in search anywhere except that page itself, until someone remembered to hand-export the index.
• Wrote a Python/BeautifulSoup script that parses achievements.html / projects.html and regenerates the static index automatically, then wired it into a GitHub Actions workflow that runs on every push — including a bot-loop guard and rebase-retry logic to survive concurrent CI writes to the same branch.

• Press / anywhere on the site to open a unified search across every page, project, and achievement — with type-filter tabs, keyboard-only navigation (arrows + enter), and deep-linking straight to the matched item.
• Runs on a merged index: a static snapshot ships on every page (so search works even where there's nothing to scan live), overridden by a live DOM scan on the pages that actually render the content — so same-session edits are searchable before a commit even happens.

• Wired the contact form to send real email without a backend — client-side EmailJS integration so a message actually lands in my inbox rather than going nowhere.
• Validation followed a few weeks later: a regex-anchored email pattern plus per-field required checks, each with a focused input and an inline status message rather than a silent block on submit.

• Nepal runs on the Bikram Sambat calendar day-to-day, so the homepage's hero date toggles between B.S. and A.D. on click or backtick. Ported a BS↔AD conversion table (years 1975–2099 BS) and cross-checked it against a live converter before shipping — this is a genuine calendar-math implementation, not a library call.