Colophon

Stack

• Framework: Astro 5.16.3
• Styling: Tailwind CSS v4
• MDX: @astrojs/mdx
• Build tooling: Vite
• Package manager: pnpm
• Site map: @astrojs/sitemap
• Icons: astro-icon

Design

• Color system: Tailwind Slate/Gray palette with dark mode
• Typography: System fonts (monospace) with @tailwindcss/typography for content
• Icons: SVG via astro-icon integration
• Backdrop effects: Modern blur and transparency with fallbacks

Performance

• Static rendering via Astro (zero JS by default)
• SVGO enabled for optimized SVG assets
• Minimal client-side JS; progressive enhancement
• Vite-powered build with modern ES modules

Accessibility

• WCAG 2.1 AA color contrast compliance
• Keyboard navigation throughout with visible focus states
• Skip-to-content link in header for keyboard users
• Semantic HTML with proper ARIA labels and landmarks
• Focus trapping in mobile menu
• Screen reader friendly text and descriptions
• Automated testing: axe CLI (pnpm accessibility)
• Respects prefers-reduced-motion for animations

Content & Workflow

• Markdown/MDX content with full component support
• Image optimization via Astro's built-in processing
• Type-safe configuration using TypeScript interfaces

Hosting & Deployment

Deployed as a static site. CDN and caching configured via hosting provider for optimal performance worldwide.

Privacy

No invasive tracking. Basic analytics and monitoring may be used to improve the site experience.

Credits

• Created by Steve McDougall (steve@juststeveking.com)
• Open-source dependencies credited via package manifests
• Built with care for accessibility, performance, and user experience