655130 - Create custom error page for Webify Me

Status: VERIFIED FIXED

(Websites :: webifyme.org, defect, P2)

Description

[William Reynolds [:williamr]]

Similar to the Mark Up site, we should have a customer error page to show users in case something goes wrong.

We can keep it simple and use a similar error message and layout as Mark Up. Here's the text for the page.

"321 Error
Sorry! We couldn't find the page you requested.
Please start at the [beginning of the quiz] and try again."

[321 Error] should be the error number (ex: 404, 500). If there is no error number, this line doesn't need to display.

[beginning of the quiz] links to /quiz/

Screenshot of 500 error: https://bug653864.bugzilla.mozilla.org/attachment.cgi?id=530384

Also, here's an actual 404 page from Mark Up: https://markup.allizom.org/en-US/a

This bug blocks the string freeze since it contains new strings.

Comment 1

[Stephen Donner [:stephend] Not actively reading bugmail]

Technically, 5xx errors shouldn't say "..find the page you requested", as they're not always about a static URL/resource, but indicate:

"10.5 Server Error 5xx

Response status codes beginning with the digit "5" indicate cases in which the server is aware that it has erred or is incapable of performing the request. Except when responding to a HEAD request, the server SHOULD include an entity containing an explanation of the error situation, and whether it is a temporary or permanent condition. User agents SHOULD display any included entity to the user. These response codes are applicable to any request method."

http://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html

If we make the message different between 404 and 5xx errors, that'd be best.

Comment 2

[William Reynolds [:williamr]]

Here are some suggestions...

Message for 404 error:
Sorry! We couldn't find the page you requested.
Please start at the [beginning of the quiz] and try again.


Message for 5xx errors:
Oops! Something went wrong on our end.
Please start at the [beginning of the quiz] and try again.

[beginning of the quiz] links to /quiz/

Comment 3

[Stephen Donner [:stephend] Not actively reading bugmail]

(In reply to comment #2)
> Here are some suggestions...
> 
> Message for 404 error:
> Sorry! We couldn't find the page you requested.
> Please start at the [beginning of the quiz] and try again.
> 
> 
> Message for 5xx errors:
> Oops! Something went wrong on our end.
> Please start at the [beginning of the quiz] and try again.
> 
> [beginning of the quiz] links to /quiz/

These look good to me; just make sure they don't include a link to the locale, hard-coded.

Comment 4

[William Reynolds [:williamr]]

Great, let's use the copy from comment 2. Handing off to Adam.

Comment 5

[Adam Miller]

Done: 

https://github.com/mozilla/webifyme/commit/6b830f8415fd5e00a8e0d2a55e5b6e84d301c78c

Comment 6

[William Reynolds [:williamr]]

Closing per comment 5

Comment 7

[krupa raj[:krupa]]

400 page: https://webifyme-dev.allizom.org/en-US/rikih