Launch redesigned JavaScript concept pages with AI and analytics

[msmfa]

The site now gives each of its 35 JavaScript concepts a complete, crawlable page with the original description, a highlighted code example, and click-to-reveal output. The redesigned interface adds a blue logo and favicon, local Manrope typography, collapsible sidebar navigation, a fixed footer, social sharing, and responsive scrolling within the content panel.

The collapsible AI panel lets visitors connect their own OpenAI or Anthropic API key, load available models, and ask follow-up questions about the current concept. Requests go directly to the provider. Keys stay in page memory unless the visitor explicitly chooses storage for that browser tab; prompts and answers are excluded from analytics.

Google Analytics and the separate EU PostHog project load only on production hosts after consent. The footer includes per-concept Practice Pad campaign tags, LinkedIn, GitHub, Contact, and privacy controls. Preview and localhost traffic never enter analytics reports.

The build produces canonical metadata, a sitemap, robots.txt, a 404 page, security headers, and minified, content-hashed assets. The logo and archived images use optimized WebP. Netlify and GitHub Actions use Node 22, and unused legacy dependencies have been removed. Cloudflare DNS and Netlify HTTPS are configured for https://www.javascriptin30words.com, with www as the primary hostname.

Validation:

• Clean npm install, all 68 tests, and the production build pass on Node 22; npm audit reports zero vulnerabilities.
• Tests verify all original descriptions, execute all 35 examples, resolve internal links, check sitemap coverage, and exercise AI provider and analytics consent behavior using simulated responses.
• Browser checks covered responsive layouts, AI controls, and intercepted analytics requests without sending test events to production.
• The local mobile Lighthouse run scored 100 for performance, accessibility, best practices, and SEO.

A live paid AI answer still requires a visitor-supplied API key. Production traffic collection must be verified after deployment. This pull request updates the deploy preview; merging to master publishes the redesigned site.