NutsNews Page Fade Appear Update

Adds a subtle page-level fade/slide/soft-blur entrance animation when moving to public pages on NutsNews.

Visual overview

Primary diagram

System map

Adds a subtle page-level fade/slide/soft-blur entrance animation when moving to public pages on NutsNews.

Render the repository-owned system map when you need it.

Diagram is not rendered yet.

View as text

NutsNews Page Fade Appear Update

Adds a subtle page-level fade/slide/soft-blur entrance animation when moving to public pages on NutsNews.

flowchart TD
  accTitle: NutsNews Page Fade Appear Update
  accDescr {
    Adds a subtle page-level fade/slide/soft-blur entrance animation when moving to public pages on NutsNews.
  }
  A[Navigate to public page] --> B[Apply fade/slide/soft-blur entrance]
  B --> C{prefers-reduced-motion is enabled?}
  C -->|Yes| D[Skip animation and show page directly]
  C -->|No| E[Animate in on entry]
  D --> F[Stable page render]
  E --> F

NutsNews Page Fade Appear Update

Adds a subtle page-level fade/slide/soft-blur entrance animation when moving to public pages on NutsNews.

Scope

Applies to the home page shell.
Applies to public themed content pages.
Preserves existing themes, colors, layout, footer, and buttons.
Respects prefers-reduced-motion by disabling the page animation for users who prefer reduced motion.

Updated file

web/app/globals.css