GemCopeland / personal-website

A website of my very own
GNU General Public License v3.0
44 stars 8 forks source link

Arena blocks #22

Closed piperhaywood closed 4 years ago

piperhaywood commented 5 years ago

@GemCopeland Could you add one “weird” screen size to your designs that would indicate how a “thinking” block scales at that size? An example might be a landscape iPad screen, so something around 1024px wide.

If we go with a single column of blocks at that screen size, the blocks feel kind of massive. But if we go for a double column at that size, we’d have to do some text truncation that I don’t think we could do properly without getting really hacky, which I’d prefer to avoid.

Might also be best to just discuss this over a call, so could wait till then as well!

piperhaywood commented 5 years ago

I’ve roughly hooked up the blocks as part of #23. The way it works currently, generally speaking:

All channels w/in the channel specified at the top of /src/_data/arena.js are grabbed via the Arena API. We then get the contents for each of these channels via the Areana API (would prefer to use channel.contents instead, but this weirdly seems to return null sometimes). From those contents, we grab the first 10 images and if the “parent” channel has no description, we grab the contents of the child text blocks to generate a 140 character description.

Some thoughts:

Could have the media area of each block be a fixed height with a gradient against it so that the images sort of “fade” towards the base, indicating more content?

Square-based format from original designs might be difficult due to concerns about how they should scale. Maybe just keep these as rows? There are a few options, let’s discuss.

piperhaywood commented 4 years ago

Basically resolved, @piperhaywood to just double-check implementation. Will need to keep an eye on the null thing as well, but that's something we can assess over time.