Commit graph

3 commits

Author SHA1 Message Date
dcc66f2bd0
docs: Add badges to top of page 2021-06-13 22:37:07 +01:00
79d7712740
Add comment to top of gallerybox 2021-06-12 14:39:06 +01:00
8a500735c0
Implement a css-only gallery, with descriptions!
It's an absolutely *glorious* series of hacks :D

Including, but certainly not limited to:

 - CSS Grids with only 1 cell
 - Flexboxes used for positioning text nodes
 - Element heights set indirectly with the width property
 - z-index abused to show the current image in the sequence


it's undefined which image will be shown initially, but given the amount 
of effort this took I'm ok with that

If anyone knows how  to shift the <picture> element 0.25em upwards 
*without* moving the image so that I can remove the upper and lower 
borders, I'd lvoe to know. I've tried everything - including settingit's 
height to zero etc. In the end I've padded out the top to balance it out 
instead :P
2021-06-09 00:34:25 +01:00