Commit Graph

6 Commits

Author SHA1 Message Date
Starbeamrainbowlabs
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
Starbeamrainbowlabs
b88080a698
Remove CSSBox
We're going to implement our own
2021-06-08 21:17:53 +01:00
Starbeamrainbowlabs
85e5eb3971
docs website: Add bigbutton 2021-06-07 01:28:11 +01:00
Starbeamrainbowlabs
66234cdeae
Minor styling to footer; change heart to emoji 2021-06-06 23:39:00 +01:00
Starbeamrainbowlabs
78e6ebe4ae
It does actually work! It's just the gallery that doesn't support the <picture> element. 2021-05-31 21:08:07 +01:00
Starbeamrainbowlabs
722912a0c2
Work on images, but it leaves a lot to be desired
....we'll have to reimplement Image.generateHTML :-/
2021-05-31 21:06:17 +01:00