-
Notifications
You must be signed in to change notification settings - Fork 3
Enhance 404 page #68
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Enhance 404 page #68
Conversation
🚀 (I'll review when I get home) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'm liking this a lot better. Just have a few suggestions to try out.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
See comment on state for loading image from api. Also might need to change text/button for contrast. We might end up relying on that darker green for white text on buttons.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
approving to merge at your discretion, but still think something needs to be done with color/contrast of all elements in the blur box including the white in light green button (that color combo scores low on accessibility and needs to change throughout the page. That whole area is hard for me to read depending on the background image but I think its a contrast issue more than scaling. the two colors of green text also kinda bugs my eyes out. I tried putting the blur back to where you had it (10+ range) and using white text and that seemed to help.
I'm going to leave this for the full accessibility review issue #55 The button is just an MUI button with the primary color. We can figure out the right color combo and switch them all at once. I updated text color to this, which to me looks okay for contrast, but I have not tested with accessibility tools. (the text, not the button which I agree isn't good.) |
This PR:
Resolves #59
Screenshots:
If API call is successful & doesn't return a video (which is an option):

If API call is unsuccessful or returns a video:

There is still the footer below the full screen photo.
Future Steps/PRs Needed to Finish This Work (optional):
Any styling or code quality discussions