Image broken on Avatar and Image docs page

[ronaldleung1]

Broken Avatar Images
The examples in the docs for the Image and Avatar component contain images that are broken. It appears that the images are from contrast.now.sh but Vercel gives a 404 error and says that the deployment was disabled.

To Reproduce
Go to https://theme-ui.com/components/image or https://theme-ui.com/components/avatar

On Image Docs

On Avatar Docs

contrast.now.sh is also used in other files across the theme-ui repo.
So it seems that someone should notify the owner, @/jxnblk, of contrast.now.sh to resolve this, or include the image as a file in the static folder.

[atanasster]

Do you have a good source of images - or select one from a library and I can submit a PR.
For example if you go
https://theme-ui-design-system.netlify.app/docs/components-theme-ui-avatar--overview and in the Controls section click on randomize - those are face images from AWS using fakerjs.

[ronaldleung1]

Hmm... this unfortunately doesn't appear to solve the problem, since the images are still broken on the docs :( Any reason why?

Also, should we use the theme-ui logo instead? If someone could guide me through a PR for this (not sure if this is weird to ask), I'd greatly appreciate it.

[atanasster]

@googol88 - I believe its not deployed yet.

I think you are right that #1233 is using the gatsby logo, and it should probably use the theme-ui logo. Thanks a lot for the link - I created #1235.

I have temporarily published the site if you can please confirm
image: https://theme-ui-draft.netlify.app/components/image
avatar: https://theme-ui-draft.netlify.app/components/avatar

[hasparus]

Yup, we shouldn't have closed the issue.

@jxnblk I've cherry-picked a fix for this to previous. Could you set up docs to be deployed from that branch?