Need style for 404 page and 500 page

[nannyogg]

I was using the body class login-screen to emulate the login page style but using that class on the 404 page causes items, such as the search box, to not display correctly.

[room421]

Micah, this ticket is yours. The assignment is:

1. Please create a responsive css layout for http://info.risd.edu/templates/errors/404.aspx (Chloe's Room 404 design for 404 pages)
2. Please create a responsive (very simple) 500 error page template (not Chloe's Room 404 design)

This is what 404 looks like now on iphone:

[micahmicah]

Give this a go: http://micahmicah.github.io/info/404/

This structure should be able to be utilized for the 500 error as well without the cute sayings and such.

[nannyogg]

The 404 page is in place: http://info.risd.edu/templates/errors/404.aspx.

Brian, what did you want to change the page title to?

[room421]

Looks good!

Lisa, the page title should be "You're in Room 404" Can we revise the copy a bit to say: The page that you requested, just like the class listed above, doesn't exist. We suggest that you search for a real class on Web Advisor or use the search above to find your way out of Room 404.

Get in touch at info@risd.edu. [with a mailto link]

[room421]

Micah/Lisa, How can we handle non-404 errors?

[nannyogg]

Brian,

I made the additional changes to the 404 page.

For the non-404 errors or the 500 page, we'll need to display a friendly message to the user while I collect information about the error and have it sent to me. What friendly message do you want to display?

[room421]

What if we use the same centered, white-on-orange page that we use for 404?

Things got weird. (Bold headline)

We're really sorry! There's been an internal server error. Information about this error has been sent back to the team for examination. Please escape to the directory [links to http://info.risd.edu] or try the search bar above.

— the info team contact us at infosite@risd.edu

[nannyogg]

I just uploaded a temporary 500 page here: https://info.risd.edu/templates/errors/500.aspx

Take a look at that page and this page http://www.risd.edu/templates/errors.aspx for ideas on the info version.

[room421]

Please use this below. Let's not use the white box for the headline though. That should only be part of the 404 design. Just white type on the orange background.

Things got weird. (Bold headline)

We're really sorry! There's been an internal server error. Information about this error has been sent back to the team for examination. Please escape to the directory [links to http://info.risd.edu] or try the search bar above.

— the info team contact us at infosite@risd.edu

[nannyogg]

Ok. I created some new styles for the h2 and a tags so that they were white against the orange background.

body.error p a {color: white;}

body.error p a:hover {color: #cd3e0b;}

.server-error-title { font-weight: bold; color: white;}