hugo-future-imperfect-slim icon indicating copy to clipboard operation
hugo-future-imperfect-slim copied to clipboard

DISCUSSION: Compact List Post

Open pacollins opened this issue 4 years ago • 6 comments

After discussing this in the PR I did some mockups how this could be solved differently or how the proposed solution could be augmented.

On Widescreens and when the image has a more or less "normal" aspect ratio the layout could look like this image

When using wide images (e.g. panoramas) it could possibly use up the whole horizontal space like this:

image

And on mobile it could look like this image

Note the visual elements are not final it's just supposed to visualize the idea of the layout of the elements.

Originally posted by @twatzl in https://github.com/pacollins/hugo-future-imperfect-slim/issues/109#issuecomment-653941347

pacollins avatar Jul 13 '20 04:07 pacollins

And when there's no feature image, just keep it as it is right now? I generally don't include feature images on my posts.

Related: On my site, on the list post I've increased the number of paragraphs in the summary. And I was thinking of making this value a config param. Additionally, I show the full post if the character length of the content is under 500 (with no "read more"). I was thinking of making a PR for this (and am not offended if it's rejected).

And less related: If the post has no Tags, I hide that element rather than show the icon with "None". It's just noise at that point. I was also thinking of making a PR for this.

RyanTG avatar Jul 25 '20 04:07 RyanTG

From my point of view your changes make a lot of sense 👍

twatzl avatar Jul 25 '20 07:07 twatzl

Related: On my site, on the list post I've increased the number of paragraphs in the summary. And I was thinking of making this value a config param.

I think that could be of value, yes.

Additionally, I show the full post if the character length of the content is under 500 (with no "read more"). I was thinking of making a PR for this (and am not offended if it's rejected).

I could see this also being a good true|false config param.

And less related: If the post has no Tags, I hide that element rather than show the icon with "None". It's just noise at that point. I was also thinking of making a PR for this.

Another good opportunity for a true|false param.

pacollins avatar Jul 25 '20 16:07 pacollins

I'm working on my website using this theme and found that mobile display is not optimal. Keeping the post meta information next to the title and description is not a good idea as it reduces the available space for both pieces of information. I think it better to show the post meta information below the post title and description.

Also for wide screens it is better to limit the width for the post than placing information next to the featured image.

kdbruin avatar Aug 01 '20 12:08 kdbruin

Also for wide screens it is better to limit the width for the post than placing information next to the featured image.

Why? it always bothers me if I have a widescreen monitor and a website only uses one third of available screen space.

twatzl avatar Aug 01 '20 18:08 twatzl

#252 might be the better solution for this, but would like some thoughts.

pacollins avatar May 06 '21 17:05 pacollins