Create styled 404 page

[Cleop]

Create styled 404 page as per @harrygfox 's designs:

[dwylbot[bot]]

@ZooeyMiller the in-progress label has been added to this issue without a time estimation. Please add a time estimation to this issue before applying the in-progress label.

Any questions, complaints, feedback, contributions? If you prefer, you can also send us anonymous feedback: https://dwyl-feedback.herokuapp.com/feedback/new

[ZooeyMiller]

I'm going to look into this now. I'm not 100% on setting up a custom 404 on GH pages, hence the 2h time estimate so I can work that out.

EDIT: according to this article: https://mycyberuniverse.com/developing/custom-404-page-for-website-hosted-on-github.html if you call the file "404.html" github will automatically use it as the 404 page. EDIT 2: Tested the 404 routing on one of my test GH pages repos under my own account and it works perfectly.

[ZooeyMiller]

@harrygfox do you have the asset of the broken dwyl heart that I can use?

[ghost]

@ZooeyMiller @finnhodgkin have added you to the invision design project via your dwyl email

[SimonLab]

Just wondering, is there a way for the users to get redirected to the main page? Is the logo a clickable link to the home page? Do we want a link? @markwilliamfirth @Cleop @ZooeyMiller ?

[ZooeyMiller]

@SimonLab on the original design the 404 is just the body of the main outline of the page.

Here's a grab of the original invision design.

[ghost]

This works!

[harrygfox]

pixel-y image has a different colour to the background.

[iteles]

@harrygfox We'd love to get a png of the heart we could use for this! ❤️

[harrygfox]

@iteles indeed! it's here in both .png and .svg

[iteles]

You're an actual star 🌟 I was still writing the email to you to request these!

[rub1e]

@sophielevens another one for you, if you can manage it?