Login page refresh

[Zaczero]

Part of https://github.com/Zaczero/openstreetmap-ng/issues/44

The existing login page needs a solid rework and this concept design looks promising. I think I'll experiment with colorful icons in "or login with" section and make the template reusable for OAuth authorization pages.

[Gustavo22Soaresh]

@Zaczero I have made a flowchart for new Login page https://www.figma.com/board/hUFZwdfvFuuWny2rvQC9o3/OpenStreetMap-Diagram?node-id=975-98&t=wCyofUQbeGT2TPCw-1

[Zaczero]

It would be nice to experiment with a login popup on any page - not requiring a page redirect.

Modals will work well: https://getbootstrap.com/docs/5.3/components/modal/

[Gustavo22Soaresh]

Let's finalize the design and start developing ;) I think the login page is a great place to start testing the new design I will read more about modals, thanks

[Zaczero]

Thank you for thinking of 2FA! We'll need that.

"Email is valid" -> yes/no, for security we shouldn't let people guess emails and alway succeed. So the "no" branch should never happen. The "yes" branch will rather be Email sent if account exist.

"Incorrect more than 5 times" -> "yes", I don't think this check is necessary. It would complicate over very little benefit. For example, if you receive such email, there is nothing you can really do. Rather we could think about: last successful login date, last unsuccessful login date. But this is also a slight overkill for this platform - we are not a bank :D

Otherwise looks good :slightly_smiling_face:

[Zaczero]

Reposting some work in progress photos from Gustavo:

[Zaczero]

One more idea: could we include a "Show password" checkbox? Some users find it useful.

[Gustavo22Soaresh]

@Zaczero Sorry but the screens weren't finished, you can see the finals on the penpot Login page

[Zaczero]

Thank You :smile:!