Make background more noisy about cuberite.github.io HOT 22 CLOSED

What do you think about a gradient similar to https://uigradients.com/? One short line of CSS (e.g. background: linear-gradient(to top, color1, color2) fixed;)

Example: https://mathiascode.github.io/cuberite-website-changes/

from cuberite.github.io.

@mathiascode I love it. For real. Did you take a look at the mobile version though? The colors on desktop are amazing but don't seem right on mobile

from cuberite.github.io.

The colors are the same on the desktop and mobile version, but they could vary on different screens. What kind of screen do you have?

Edit: I tweaked the gradients a little and added some transparency on the navigation bar and footer on the mobile version's home page. Does it look better?

from cuberite.github.io.

I think transparency is not that good but I also think from now on it's more about taste than anything else. I would personally prefer a opaque top bar.

from cuberite.github.io.

I can agree on that. Makes it a little hard to read. Reverted the change.

from cuberite.github.io.

Also, I found this tool for checking contrast ratios of different colours. I think we should aim to at least pass the WCAG AA standard.

from cuberite.github.io.

The colors are WCAG AA compliant at the moment.

from cuberite.github.io.

The background is too light, when compared to the white font. It is somewhat painful to read.

from cuberite.github.io.

Is it better now?

from cuberite.github.io.

Yes, that's better.

from cuberite.github.io.

@mathiascode is it posible to hide all downloads except the android one on mobile?

from cuberite.github.io.

We could probably display the download button for Android immediately on smaller screens, and add a small link that shows the rest of the download buttons when clicked on.

from cuberite.github.io.

That would be even nicer

from cuberite.github.io.

I added a "show more" link. Does it work fine for you? I'll fix the spacing and style of the button link.

from cuberite.github.io.

👍 Love it. How about @cuberite/core-team ?

from cuberite.github.io.

Although not relevant to this issue, I like it.

from cuberite.github.io.

Yeah, the discussion about the websites UX kinda moved here 😜

from cuberite.github.io.

Anything else I should change?

from cuberite.github.io.

Here's the new icon:

SVG: https://mathiascode.github.io/cuberite-website-changes/brand/icons/white_background.svg

from cuberite.github.io.

I like the icon with the gradient, it would be great for the favicon, too. Right now the favicon's too similar to github (and 9gag and others), we need something more unique. This could be it :)

from cuberite.github.io.

Alright, I changed the favicon. :)

from cuberite.github.io.

Imo the colors just don't fit to the white as good as the black one (or not quite black one)

from cuberite.github.io.