Skip to content

Mobile Fixes | Color Changes | Fixed the M#62

Merged
Flapjacck merged 2 commits intomainfrom
fixes-100
Mar 5, 2026
Merged

Mobile Fixes | Color Changes | Fixed the M#62
Flapjacck merged 2 commits intomainfrom
fixes-100

Conversation

@Flapjacck
Copy link
Member

This pull request focuses on visual and usability improvements for the site, especially targeting a better experience on iOS 26 Safari and enhancing scroll-triggered animations. The changes include background and color tweaks, improved safe-area handling, and more robust entrance animation logic to avoid unwanted flashes on mobile devices.

Visual and Safe-Area Improvements:

  • Updated PatternBackground and CSS to ensure the background color extends into iOS safe areas, preventing white gaps behind the Safari bottom tab bar. Also adjusted gradient colors for a darker look. (src/components/universal/PatternBackground.tsx, src/index.css, index.html) [1] [2] [3]
  • Changed header, footer, and mobile nav backgrounds to use a semi-transparent blurred effect (backdrop-blur-lg bg-white/5) for a more modern appearance. (src/components/universal/Header.tsx, src/components/universal/Footer.tsx) [1] [2] [3]

Animation and Scroll-Reveal Enhancements:

  • Improved the scroll-reveal logic in useIntersectionObserver and related components to detect if elements are already visible on mount (especially on iOS Safari), allowing animations to be skipped for those elements and preventing unwanted flashes. (src/hooks/useIntersectionObserver.ts, src/components/universal/RevealOnScroll.tsx, src/components/universal/ScrapbookText.tsx) [1] [2] [3] [4] [5] [6] [7] [8]

UI and Typography Adjustments:

  • Refined font sizes, spacing, and button styles in the Speaker Signup section for better readability and visual hierarchy. (src/components/initiatives/SpeakerSignUp.tsx)
  • Adjusted random transform ranges for scrapbook-style animated text to be more subtle and visually consistent. (src/components/universal/ScrapbookText.tsx)

General Layout Tweaks:

  • Removed a background gradient from the main app container to rely on the improved global background. (src/App.tsx)

@vercel
Copy link

vercel bot commented Mar 5, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
lcs-site Ready Ready Preview, Comment Mar 5, 2026 7:51pm

@Flapjacck Flapjacck merged commit 2264b83 into main Mar 5, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant