Tweaks to main page about joystream-org HOT 8 CLOSED

@maciejmatu

from joystream-org.

@bedeho @blrhc
Regarding issue 3:
After merging Rome page, the analytics section is between two Testnet items. Should I do anything here, or should we consider it fixed?

Regarding issue 4:
This is what it would look like with enlarged images. If we break to 3 items per row then I we will be able to make it as big as on the design, but with 4 items, we'll get text-breaking (the biggest problem is the long "Not Running" text, that breaks to a newline). But if what's on the screenshot is fine I will update it this way.

from joystream-org.

Regarding issue 3:
Yes that helps, but actually, could yous till try, because there will be times where there is no new network announced, e.g. in some time window after Rome is deployed.

Regarding issue 4:
No wrapping is acceptable, it severly degrades ledgibiilty. I see now in the design this is not dealt with as well as I remember. This should be addressable by simply affording greater horizontal space for the text label container. This means the horizontal space required for each unit will probably increase, and thus the minimum horizontal width at which the container can hold the full 4 units will also increase, but that is not a problem. Also shortening some of the labels could make sense, do you think you could come up with slightly more succinct versions for some of them? e.g. "Active Storage Providers" => "Storage Providers"

from joystream-org.

Regarding issue 3:
I added a title property, so when needed you can add it. Is this what you had in mind?

Regarding issue 4:
I changed the block max-width, and shortened the titles. If needed I can make it even bigger. On the screenshot this is what it looks like on ~1500px with. On the smallest breakpoint the only word that breaks to a newline is Not Running

from joystream-org.

↑ @bedeho

from joystream-org.

Yes exactly, seems to work reasonably. Icon size is still same as before though, right?

from joystream-org.

@bedeho I made them ~15% larger. Here is the comparison on 1400px. Top is before, bottom is after

from joystream-org.

Great job, thanks for the clear comparison.

from joystream-org.