Skip to content

Add reduced-motion-safe SplashScreen animation fallback #539

Description

@greatest0fallt1me

Description

This is a UI/UX issue for the GrantFox campaign. This is a UI/UX issue for the GrantFox campaign. Detect prefers-reduced-motion and switch to static splash.

Requirements and Context

  • Implement per the description
  • Add focused tests
  • Document any API changes
  • Run the standard verification for this domain
  • Must be secure, tested, and documented
  • Should be efficient and easy to review

Suggested Execution

  1. Fork the repo and create a branch
    git checkout -b task/splash-reduced-motion
  2. Implement changes
    • app/components/SplashScreen.tsx
  3. Test and commit
    • Run the repo's standard test suite and lint
    • Cover edge cases; include output in the PR

Example commit message

feat: add reduced-motion-safe splashscreen animation fallback

Acceptance Criteria

  • Implementation matches design
  • Tests pass for the domain
  • Code review approved
  • Docs updated

Guidelines

  • Responsive across all breakpoints
  • WCAG 2.1 AA accessibility
  • Design-token + dark-mode consistency
  • Clear documentation and inline comments
  • Timeframe: 96 hours

Metadata

Metadata

Assignees

Labels

GRANTFOX OSSGrantFox open-source campaign taskOFFICIAL CAMPAIGNOfficial GrantFox campaign issueStellar WaveIssues in the Stellar wave programaccessibilityWCAG 2.1 AA accessibilityui/uxUI/UX design, usability, and visual polish

Type

No type

Fields

No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions