Feature: 404 Error Page Redesign #476 and #480

[zhiyanz]

Tickets: #476 and #480

What has changed:

• Completed the redesign of the 404 error page for both desktop and mobile
• Updated SCSS with new fonts and graphic

Screenshots:

[reviewify-code-review]

No issues detected, please do a thorough human review.

[zoobot]

Here's an article about sass nesting to control scope if you want to go that route
https://css-tricks.com/using-sass-control-scope-bem-naming/

Here's some examples in our code base of what it looks like:
https://github.com/waterthetrees/wtt_front/blob/main/client/src/components/Button/Button.scss

[zoobot]

Here's the media query breakpoints we've been using:

320px — 480px: Mobile devices
481px — 768px: iPads, Tablets
769px — 1024px: Small screens, laptops
1025px — 1200px: Desktops, large screens
1201px and more —  Extra large screens, TV

[zoobot]

LGTM Thanks for making this happen!!

Added a few minor css change requests.
Also, if you can please add a test, that will be great!

Here's an simple example of a snapshot test:
https://github.com/waterthetrees/wtt_front/blob/main/client/src/tests/WttButton.test.js

More test examples here:
https://github.com/waterthetrees/wtt_front/blob/main/client/src/tests

Feel free to either put it in the test folder or in this Notfound folder to be closer this page. You can run it like this:
npm test -- -u NotFound.test.js

[zoobot]

Hi @zhiyanz How's this going? Are you still working on this?

[zhiyanz]

Hi @zhiyanz How's this going? Are you still working on this?

Hi @zoobot thanks for checking in and for providing the feedback. I'm really busy with my graduate thesis right now so I won't be able to work on it until after May 15... Really sorry for the delay and inconvenience this may have caused.

[zoobot]

Thanks for getting back. No rush on this. If you are still interested in finishing it up after May 15, great thanks!
Otherwise feel free to un-assign yourself.

[zhiyanz]

I will continue working on it after May 15. Thanks for your understanding! @zoobot

[ri0nardo]

@zoobot is this complete?

[zoobot]

@zoobot is this complete?

I am not sure. @zhiyanz Are you still working on this?