Calendar Popups

CALENDAR POPUPS

1. FULL-WIDTH VIEWERS

Clicking any circular story ring launches a fullscreen calendar breakdown modal for that specific month.
The popup centers an interactive progress bar that fills up dynamically to show your monthly consistency score.
The grid automatically aligns days into standard Sunday-to-Saturday columns matching the selected calendar year.

2. NODE STATUS COLOR REFERENCES

Blue Nodes (Logged): Highlights dates where a secure page login was registered under your student ID.
Gray Nodes (Missed): Displays past calendar dates where no platform visit occurred.
Red Nodes (Today): Locks a glowing red mask over the current calendar date to show your live check-in target.

IMPORTANT NOTES:

Pressing the Escape key or tapping the top cross button closes down the full-screen window instantly.
The calculator layout strictly freezes all future calendar blocks to prevent clicks on days that haven't occurred.
The layout framework uses a deep black mask backdrop that isolates the window data from background distractions.