Navigation & Login

INTERFACE NAVIGATION SETUP

1. DYNAMIC SYSTEM HEADERS

Profile Quick Hop: Clicking your main avatar image centers your display layout and routes you directly to your profile canvas.
Greeting Shifts: The screen reads your system clock to swap text dynamically between Morning, Afternoon, and Evening headers.
Status Pulsing: A small green active indicator badge blinks on your top navigation panel to confirm your server link is running live.

2. COMPACT OVERRIDES

The top nav-text auto-swaps between your department registration year and helpful profile hints every 6 seconds.
Long student first names are automatically shortened with dot suffixes to prevent text overlapping on small screens.
Horizontal card panels use tight flex parameters so elements line up neatly across all iPhone and Android sizes.

IMPORTANT NOTES:

The header bar features custom edge fading masks that keep text from clipping raw against your screen bezels.
A quick-share shortcut icon is pinned directly to the header, letting you copy your unique invitation link instantly.
The app viewport height uses dynamic dvh metrics to stop floating mobile toolbars from blocking screen layouts.