mozilla-iam / iam-project-backlog

DEPRECATED - Archived. Formerly an issue tracker for the IAM project
Mozilla Public License 2.0
2 stars 2 forks source link

SSO Dashboard Fail Page #106

Closed mbransn closed 7 years ago

mbransn commented 7 years ago

Design a fail page to be used for 404s and other errors.

Requests for a humorous page have been made by various IAM team members, recommendations welcome. 😄

mbransn commented 7 years ago

@andrewkrug @comzeradd thoughts on this fail page?

Using the video @flamingspaz called out in the IAM channel, though we can utilize anything (vid/img/gif).

fail-page

andrewkrug commented 7 years ago

I love it. Let's roll with it.

On Apr 25, 2017 5:27 PM, "Megan Branson" notifications@github.com wrote:

@andrewkrug https://github.com/andrewkrug @comzeradd https://github.com/comzeradd thoughts on this fail page?

Using the video https://www.youtube.com/watch?v=Ybvwh0reiMU @flamingspaz https://github.com/flamingspaz called out in the IAM channel, though we can utilize anything (vid/img/gif).

[image: fail-page] https://cloud.githubusercontent.com/assets/18686986/25413080/583e1740-29dc-11e7-9627-96b78d774da8.jpg

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/mozilla/iam-project-backlog/issues/106#issuecomment-297203082, or mute the thread https://github.com/notifications/unsubscribe-auth/ACYve4pllbJaFsQZbea0X4A9dska8ytTks5rzo9TgaJpZM4NDYpu .

mbransn commented 7 years ago

Awesome, thanks @andrewkrug.

@comzeradd what do you need from me to get this implemented? A marked up version (padding/sizing/etc) and a mobile version?

comzeradd commented 7 years ago

@m-branson yes, that would help. Just to get the alignments/paddings right.

@andrewkrug I guess the 404 page won't require authentication, right? So we would only have the logo on the top bar.

mbransn commented 7 years ago

@comzeradd here's the desktop annotation to get you started, mobile will have to wait til tomorrow (though I'm planning to simply stack simplistically in smaller viewports).

Also, play button icon is in the drive folder.

Styles:

fail-page-styles

Sizing:

fail-page-sizing

Spacing:

fail-page-spacing

Grid Reference:

grid-reference

mbransn commented 7 years ago

@andrewkrug I guess the 404 page won't require authentication, right? So we would only have the logo on the top bar.

If a user is logged in they will still be able to utilize their user menu though, correct?

mbransn commented 7 years ago

@comzeradd here is the mobile viewport version. Images are here as well.

Overview:

m-fail-page

Spacing:

m-fail-page-spacing

Sizing:

m-fail-page-sizing