Personal Portfolio - jamesafarris.info

Needed a portfolio that demonstrates:

• Mastery of modern web technologies (Django 5.2, Wagtail 7.3, GSAP animations)
• Bleeding-edge design patterns (particle networks, AJAX filtering, smooth scrolling)
• Full CMS control (zero hardcoded content for easy updates)
• Accessibility compliance (WCAG 2.1 standards)
• Mobile-first responsive design (320px to 4K displays)

Design Philosophy:

• Dark-mode-first aesthetic with elegant light mode support
• GSAP-powered animations (ScrollTrigger, particle networks, smooth reveals)
• Component-based template architecture for maintainability
• Semantic HTML5 with Schema.org microdata for enhanced SEO

Technical Stack:

• Django 5.2 + Wagtail 7.3 (latest stable releases)
• Sass with modern CSS Grid and Flexbox layouts
• Vanilla JavaScript with GSAP 3.12, ScrollTrigger, and Barba.js
• Django Compressor + django-libsass for optimized asset delivery

Standout Features:

• Animated particle network backgrounds (unique color schemes per page)
• AJAX blog filtering (no page reloads, History API integration)
• Progressive disclosure tag filtering with real-time search
• Six custom Wagtail StreamField blocks for maximum content flexibility

Professional portfolio showcasing technical expertise:

• Visual Impact: Premium animations and micro-interactions that feel polished
• Performance: Fast page loads despite heavy animations (optimized images, compressed assets)
• Flexibility: All content editable via Wagtail admin (projects, blog posts, global settings)
• Accessibility: WCAG 2.1 compliant with proper heading hierarchy, alt text, and ARIA roles
• Modern Best Practices: Progressive enhancement, mobile-first design, semantic HTML5