Gallery Implementation Details

Dynamic resizing

For the "standard" gallery layout, the code notes the aspect ratio of each artwork in a given gallery, and uses this to arrange artwork in neat rows of fixed width by adjusting the row height. This means the displayed size can vary depending on what other artworks are in the user's portfolio, the available screen size, etc.

Event Propagation

Stopping event propagation is required on most on-click events on gallery items, to prevent clicks on e.g. an NSFW overlay heading to the artwork link or causing other on-click events to fire.