WIP: Add support for images in icon-grids

[pleasantone]

The code was so small, I was worried that we'd have a lot of cut-and-paste duplication.

See https://goattrails.pst.org/events/2024/03/baja-california/#attendees
Sources:
https://github.com/goattrails/hb-goattrails/tree/main/content/events/2024-baja-mexico/index.md
https://github.com/goattrails/hb-goattrails/tree/main/content/events/2024-baja-mexico/iattendees.yaml

Parameters added:

image:
  Filename:
  any other images/image parameters...

[razonyang]

Thanks, but it doesn't look well (it's a bit of a waste of space on page), and the main reason about separating into new shortcode is that they are used in different purposes. I'd like to that each shortcode is only responsible for doing one job well.

[pleasantone]

Can you tell me more about the wasted space?

…

On Jan 11, 2024 at 8:27 PM -0800, Razon Yang ***@***.***>, wrote: Thanks, but it doesn't look well (it's a bit of a waste of space on page), and the main reason about separating into new shortcode is that they are used in different purposes. I'd like to that each shortcode is only responsible for doing one job well. — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: ***@***.***>

[razonyang]

Screenshot captured from local.

[pleasantone]

Ahh, I see, yours looks quite different than mine, but I was also mis-using description and caption instead of title...

when I changed to title and added me-2 (or the #float-start fragment (see wrapperClass issue in images, it looks much better...

[razonyang]

I've thought about this, but I don't want to complex the icon-grid shortcode, since:

1. Hard to maintain: the icon-grid, there are some parameters for icon only, such as the alignment, when set as center, the icon will be align to center, but it also affects the image, it's hard to maintain different parameters (layouts) for both of icon and images.
2. Confused: the icon-shortcode name is confused if we support image.

I've created another shortcode (#105) for #100.

Preview:

Let me know if the new shortcode suit your needs.