cmu-lib / dhlg

The Digital Humanities Literacy Guidebook

Home Page:https://cmu-lib.github.io/dhlg

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Spacing between videos on individual video pages

scottbot opened this issue · comments

https://cmu-dh-literacy.netlify.com/project-videos/Luster/

The spacing between videos on the individual pages is still vast, though it seems to be fixed on the video landing page. Can we tighten this up?

I agree. We should definitely tighten up the space below the header and between the rows.

As well, though the original design indented the text (left and right) below the screen cap, I think it looks better flush left. I'd be all for making it consistent with “Similar Projects” capped above.

Done. As noted, I've truncated long texts. Is there a problem with this?

I think truncating is an acceptable compromise here if @scottbot agrees.

However, the layout is already wrapping oddly a screen of 1600px:

Screen Shot 2019-08-27 at 2 14 11 PM

Truncating makes sense. What's the character count? Given this, @grunewas should rewrite the descriptions to fit within that limit, since we have control "This video explores" can be removed, as it is redundant across videos, in favor of a more succinct description.

The title is set to truncate at 45 characters, and the teaser at 80 in _meta-information and the project index.md pages.

Looks like @milnerm has adjusted the wrapping, so now this is just a content task for @grunewas 👌

I shortened the longer video titles. Check if it all looks good now or if I need to do something else.