Myles Vanevery Portfolio Site

The site catalogs a full career spanning agencies, studios, remote leadership, NASA-affiliated systems work, and continuous freelancing since 2006. The homepage leads with a CHI-2019 peer-reviewed research citation (the ancestor of the flagship SpeakChatBot project), a 20-year tenure counter, and a timeline of professional roles. Seven featured projects get their own detail pages with full breakdowns of architecture, metrics, and stack — reverse engineering, GPU pipelines, kernel drivers, and real-time audio infrastructure are all represented in concrete technical depth.

The site itself is built with intentional craft: a multi-page Vite app that generates one .html per route (index, work, projects, skills, lab, archive, about), prerendered to static HTML post-build so every document ships fully-formed before JavaScript. A "Drafting Atelier" design system sets the visual language — deep ink backgrounds, warm amber accents, cool teal signals, and parchment-white typography. React Motion respects user accessibility preferences (reducedMotion: 'user'). Cross-document view transitions snap between pages without a flash. The component tree is clean and modular: reusable sections for hero, timeline, skills grids, and project cards.

The archive page is queryable across 365+ audited project folders by name, technology, or idea — a searchable inventory of experiments and shipped work. Behind the scenes, a Node.js build script generates the sitemap and page registry (pure data, no JSX), so every tool can consume it: Vite's multi-page builder, the SSR prerenderer, the dev server routes, and the app itself. Git history shows careful stewardship: 23 commits across design refinement, content audits, and icon migrations (emoji → react-icons). The site is authored, maintained, and deployed by Myles; every credential, metric, and project claim was verified during a full résumé and repository audit.