Increase "preview" image size in "Publication"

[awsaf49]

Increase "preview" image size in "Publication"

[george-gca]

Sure. Actually I believe the only change I made was simply to increase the max_width setting in _config.yml. I set mine to 1000px. Since the image preview size is relative to the total width, it automatically increased.

If you look at line 6 of _layouts/bib.html you'll see that the preview is inside a div with class col-sm-2. You can increase the number in that class (e.g.: col-sm-3) and decrease a little the number for the next div.

[george-gca]

Sorry, this is as far as my knowledge on web dev goes 😞. I tried here some solutions but couldn't fix this. Try opening it as a bug/question issue, see if somebody else has a solution. Nice publications btw.

[awsaf49]

@george-gca I'm glad you liked them. Thanks for all the help btw 😄
I'm really thankful to Al-folio for making it so much easier to create an academic website....... ❤️

[awsaf49]

cc: @george-gca

[george-gca]

Don't you think a better solution would be to allow it to be zoomable, like in the post about images?

[awsaf49]

@george-gca,

Thanks for introducing this feature. Here's my concise feedback:

1. The zoom feature might not be obvious for all users, especially those unaware of it. Also, users can view full images in a new tab, eliminating the need for zoom. I think the preview image should provide a quick insight, while zooming feels like an extra step.

2. The zoomable image on bib tends to block content and often gets cropped due to its size, making manual image resizing a necessity. I tried to resize it using <img src=".." height="500"> but doesn't seem to work.

Thus I think larger bib image would be a great addition. Also there seems to be unused space on the right side of the title of publication. Perhaps we could provide authors with an option to choose the preview image size?

[george-gca]

Actually I believe setting the size of the image is more of a per user setting, so this is something that should be applied to a site created from this template rather to be a setting in the template itself. But maybe we could add an option for setting this in the publications page front matter.

But increasing the size doesn't exactly solve the problem with the images. In your case, for example, the texts in the ArtiFact image would probably still be too small unless you increase the size too much. I believe this should be used more like a thumbnail than anything else.

Regarding the zoom, in a PC the mouse changes its cursor to a magnifier, so I believe it is pretty obvious. Also opening in a new tab would be an extra step. Regarding the size, I believe you can tweak it with some css settings.

[awsaf49]

@george-gca I saw your site and noticed you were able to reduce the margin (empty space on both sides) also you were able to increase the preview image size in "publication". This is exactly what I am looking for. Could you kindly mention which changes I need to make to do the same?? It will resolve my issue....

Here is a visual comparison,

[awsaf49]

Thanks. I've changed the max_width and it worked nicely

But for 2nd suggestion preview image doesn't get bigger and papers w/o preview gets misaligned,

You can check the commit