Custom 404 page about creativecommons.github.io-source

[techievivek]

@dhruvkb @kgodey i have updated as suggested and initiated a new PR , i am also attaching a demo image for the same.

If there is anything else i can improve upon please suggest.
Thank you.

[techievivek]

@kgodey i would like to work on this.
Thank you

[kgodey]

@techievivek go ahead! Please post your design on your pull request for feedback.

[techievivek]

@kgodey could you please help me which one is better and should I add some important links in case the user would like to navigate once they are lost.

First one

Second one

[techievivek]

@kgodey mam please respond so that i can proceed further.
Thank you.

[dhruvkb]

@techievivek if I may interject, I just want to make sure that you're using CSS for creating these designs and not images, because they may not scale that well. Even if you're using SVGs, they won't achieve the level of interactivity or internationalisation as HTML content which can be manipulated using JS or translated based on user locale.

In terms of feedback, I really like the first one because I'm a huge fan of the dark theme but I'm not sure how your image would look on a 16:9 aspect ratio (a more aspect-adjusted image would help). Also, you should indeed add some important links and the CC logo at appropriate positions on the page.

[techievivek]

@dhruvkb yes i am using HTML, CSS for the design(no images are used), but in first one the shapes has been created using svg, and the second one is just HTML,CSS & JS without svg.
So please tell me should i go with first one(it is completely responsive).

[dhruvkb]

That decision is upto @kgodey. I just wanted to alleviate my concerns. She will respond once work resumes in her TZ. Feel free to contribute to other open issues in the meantime!

[techievivek]

I have added SVG image as a placeholder(showing 404 error) which is completely responsive for all the devices, please check it.

[kgodey]

hey @techievivek, sorry for the delay in responding. Your designs are good but we'd like a really simple/clean page that matches the rest of the site. It would be ideal if you could show the header and footer of the site as well.

Some examples along the lines of what I was thinking of (but with the header and footer added):
https://egyptianstreets.com/wp-content/uploads/2017/07/404.jpg
https://www.yo-kart.com/blog/wp-content/uploads/2018/01/404-Page-not-found.jpg

Also, please make sure to use CC's brand colors: https://creativecommons.org/2019/10/30/cc-style-guide/

[techievivek]

@kgodey This is what i have PR and as a placeholder i am using SVG image with the same theme color as CC's brand color.(It is completely responsive and i have testesd it for different browser size).

Navbar part

Footer Part

[techievivek]

@kgodey it contains a link(Return Home) to redirect user to the Hompeage.

[kgodey]

Hi @techievivek. The header and footer looks good! Please remove the image and just use text for the "404" part. Thanks!

[techievivek]

@kgodey i have initiated a new PR with the design suggested by you, i am attaching a demo image for the same. Please check it and let me know if there is anything i can improve upon.
Thank you.

[dhruvkb]

@techievivek sorry for these incremental iterations but why the green shadows? Also the frown emoji looks out of place.

[techievivek]

Ok...thank you for the suggestions. I will change accordingly.
Can you kindly let me know if I should also remove the shadow completely or just change the color to black.

[dhruvkb]

Black would look good.