diff --git a/.replit b/.replit index f942c2e..26767e0 100644 --- a/.replit +++ b/.replit @@ -12,6 +12,10 @@ deploymentTarget = "cloudrun" localPort = 5000 externalPort = 80 +[[ports]] +localPort = 37899 +externalPort = 3000 + [agent] expertMode = true diff --git a/replit.md b/replit.md index 323340c..33638dc 100644 --- a/replit.md +++ b/replit.md @@ -5,6 +5,27 @@ Flask-based website for FTC Team 23344 with a modern dark theme (#000000 pure bl ## Recent Changes (November 8, 2025) +### Design Refinements & Content Additions +Latest updates focused on improving visual balance and adding key content sections: + +**Visual Improvements:** +- Removed excessive blue hover effects across all cards and elements +- Replaced blue hover glows with subtle white shadows for cleaner aesthetic +- Made background gradient significantly more prominent (increased opacity from 0.03 to 0.08) +- Disabled header underline animation on hover for simpler interactions + +**New Content Sections:** +- **Value Cards**: Added four feature cards under mission statement showcasing core values: + - STEM Outreach - workshops and demonstrations + - Mentorship - guiding rookie teams + - Education - teaching programming and CAD skills + - Community - local partnerships and collaboration +- **Restructured Team Section**: + - Text content now displays on left, team image on right + - Fully responsive with stacked layout on mobile + - New CTA button for viewing team members + - Maintained parallax effects on team image + ### Premium Animation & UX Enhancements Transformed the entire site with smooth scrolling, parallax effects, and grand animations for a premium, modern feel: @@ -12,7 +33,7 @@ Transformed the entire site with smooth scrolling, parallax effects, and grand a - **Lenis Smooth Scrolling**: Integrated velocity-based smooth scrolling with 1.2s duration and custom easing - **GSAP ScrollTrigger**: Properly proxied with Lenis for synchronized scroll-triggered animations - **Parallax Effects**: Multi-layer parallax on hero images, team photos, and sponsor logos -- **Scroll Animations**: Fade-in and slide-up effects on all major content sections +- **Scroll Animations**: Fade-in and slide-up effects on all major content sections (including new value cards) - **Magnetic Buttons**: Interactive hover effects with 3D transforms on CTAs - **Floating Elements**: Subtle continuous animations on cards and member profiles @@ -20,9 +41,8 @@ Transformed the entire site with smooth scrolling, parallax effects, and grand a - **Custom Cursor**: Premium dual-cursor effect (main + follower) on desktop - **Scroll Progress Bar**: Gradient progress indicator at top of page - **Animated Gradients**: Shifting blue/purple gradients on stat cards -- **Hover Glows**: Radial gradient effects that expand on card hover - **Shimmer Effects**: Animated shine effects on headings and dividers -- **Background Ambience**: Subtle floating gradient orbs for depth +- **Background Ambience**: Prominent floating gradient orbs for depth **Performance:** - All animations use CSS transforms (GPU-accelerated) @@ -33,6 +53,7 @@ Transformed the entire site with smooth scrolling, parallax effects, and grand a **Libraries Added:** - Lenis v1.0.42 for smooth scrolling - GSAP 3.12.2 + ScrollTrigger for advanced animations +- Feather Icons for value card icons ## Recent Changes (October 3, 2025) diff --git a/static/js/scripts.js b/static/js/scripts.js index a948dff..27c29a8 100644 --- a/static/js/scripts.js +++ b/static/js/scripts.js @@ -42,7 +42,7 @@ document.addEventListener('DOMContentLoaded', function() { ScrollTrigger.defaults({ scroller: document.body }); - ScrollTrigger.addEventListener('refresh', () => lenis.update()); + ScrollTrigger.addEventListener('refresh', () => lenis.resize()); ScrollTrigger.refresh(); let lastScrollTop = 0;