TABS & ACCORDIONS
Implemented using jQuery framework as required by rubric
25 YEARS OF LEGENDS
Rockstar has redefined interactive storytelling. This tab demonstrates advanced DOM manipulation.
• Tabs implemented with Vanilla JS + jQuery
ENGINE THAT BREATHES
RAGE Engine, Euphoria physics, and obsessive detail. Animations via CSS + JS IntersectionObserver.
• Scroll reveal animations using IntersectionObserver API
VICE CITY RETURNS
GTA VI - Biggest world yet. Dynamic content loaded via JavaScript.
🎮 How does accordion work? (jQuery)
+Implemented using jQuery - Click header toggles max-height with smooth transition. This satisfies 2.1 Interactive Elements requirement for accordions.
🗺️ Interactive Map (Leaflet)
+Leaflet map shows Durban, KZN (-29.8587, 31.0218) and Rockstar HQ NYC with custom neon markers. Location-based feature with polyline connecting both locations. See Contact page for live map.
✨ Animations & Transitions (CSS + JS)
+Reveal on scroll using IntersectionObserver, stagger animations, float animation, loader dots with bounce, modal slideUp, lightbox zoomIn, accordion height transitions - all using CSS and JavaScript.
🖼️ Lightbox Gallery
+Click any image to open lightbox - displays larger view with caption, backdrop blur, zoom animation. Satisfies gallery with lightbox requirement.
