Is your feature request related to a problem or challenge?
Description
I would like to propose a new interactive authentication feature where a lamp control determines whether the Login/Signup form is usable or not.
When the lamp is turned OFF, the page shifts into a dark/inactive state and users are unable to fill or submit the form fields.
When the lamp is turned ON, the form becomes fully active and users can enter details and proceed normally.
This feature enhances visual feedback, improves user engagement, and adds a creative access-control layer to the authentication UI while maintaining a clean and intuitive experience.
Describe the solution you'd like
Proposed Solution
Add a lamp toggle element integrated within the Login/Signup interface.
When Lamp = OFF:
Apply a dark overlay or dimmed UI state.
Disable all input fields and buttons (disabled attribute).
Prevent form submission.
When Lamp = ON:
Remove overlay/dim effect.
Enable all form fields and buttons.
Allow normal submission flow.
Add smooth transition effects for state change (fade/dim animation).
Optionally store the lamp state temporarily using local storage to maintain UI consistency during refresh.
Describe alternatives you've considered
Alternative Solutions
Instead of disabling the form, show a modal prompt when the lamp is OFF informing users to switch it ON before proceeding.
Keep fields visible but apply a blurred or non-interactive style using pointer-events: none.
Use an icon-based toggle instead of a lamp graphic while keeping the same functionality logic.
Additional context
Additional Context
This feature is primarily focused on improving UI interactivity and adding a visually engaging authentication mechanism. It does not modify backend validation or authentication logic. The goal is to enhance the user experience while maintaining accessibility and usability standards.
Is your feature request related to a problem or challenge?
Description
I would like to propose a new interactive authentication feature where a lamp control determines whether the Login/Signup form is usable or not.
When the lamp is turned OFF, the page shifts into a dark/inactive state and users are unable to fill or submit the form fields.
When the lamp is turned ON, the form becomes fully active and users can enter details and proceed normally.
This feature enhances visual feedback, improves user engagement, and adds a creative access-control layer to the authentication UI while maintaining a clean and intuitive experience.
Describe the solution you'd like
Proposed Solution
Add a lamp toggle element integrated within the Login/Signup interface.
When Lamp = OFF:
Apply a dark overlay or dimmed UI state.
Disable all input fields and buttons (disabled attribute).
Prevent form submission.
When Lamp = ON:
Remove overlay/dim effect.
Enable all form fields and buttons.
Allow normal submission flow.
Add smooth transition effects for state change (fade/dim animation).
Optionally store the lamp state temporarily using local storage to maintain UI consistency during refresh.
Describe alternatives you've considered
Alternative Solutions
Instead of disabling the form, show a modal prompt when the lamp is OFF informing users to switch it ON before proceeding.
Keep fields visible but apply a blurred or non-interactive style using pointer-events: none.
Use an icon-based toggle instead of a lamp graphic while keeping the same functionality logic.
Additional context
Additional Context
This feature is primarily focused on improving UI interactivity and adding a visually engaging authentication mechanism. It does not modify backend validation or authentication logic. The goal is to enhance the user experience while maintaining accessibility and usability standards.