HAVE I DONE IT?

This is me testing out a bunch of scenarios with this test bleet and a bunch of random images as I begin to test my very own image gallery shortcode. That’s right it’s time to ditch the 4 OTHER THEME PLUGINS I have going on this site with a nice, simple image gallery. I’ll do a big post on this later but here is my test tweet.

Okay so, I’m a selector slut now. With the way this flexbox CSS works, when you have one image, it justifies it to the left. SO nth-of-type() comes in.

.imageGallery1 a {
  flex-grow: 1;
  flex-basis: 125px;
  max-width: 300px;
  margin: 5px;
}

.imageGallery1 a:nth-of-type(1) {
	margin: auto;
}

It’s fucking awesome.

UPDATE - THE GALLERY IS WORKING! It’ll format 1, 2 or 4 images specifically, and then after that it will throw caution to the wind and let you dump a full gallery. I’m sure there will be more tweaks along the way but I will keep things updated in the changelog and blog.

Also did you know that Hugo automatically adds an id="" to your headings? This is how I was able to link to an anchor in the about page.

I am still debating if this is going to be rolled over into a larger gallery or if this is just going to be for the bleets page. After looking through the CSS of the the hugo easy gallery I think I’m going to pursue making a justified gallery in this shortcode. I think I can do it.