Photo Essay Gallery Blog Block for React

Edit DRAFTS at the top of the file: each plate has a number, a title, an exposure line and a kind. One plate has wide: true and runs two columns; one has tall: true and stretches to the wide plate's height on a desktop. The sheet is laid out for one wide and three narrow plates; a different mix needs its grid spans changed.

Put an img with size-full object-cover in place of the pattern inside each plate's frame (the PlateArt call) and keep its alt text; the frame, the corner marks, the number and the caption stay as they are. The patterns are aria-hidden artwork, so the caption is what names the plate for assistive technology; with photographs, describe each one in its alt.

The caption's link covers the whole figure, so a click anywhere on the plate opens the essay or the plate's own page, and the keyboard focus ring is drawn around the figure. There is no lightbox in this block; the gallery category has blocks that open pictures in one.

Each is SVG path data computed at module scope: perspective lines running to one vanishing point, contour rings around a summit, dots that swell from the start of the plate to the end, and forty-pixel tiles each turned by a fixed rule. Two weights, light at 20% and strong at 60% of the foreground colour, and every stroke stays a hairline at any plate size.

Below sm the plates stack in one column, the wide plate at a 16:9 shape and the rest at 4:3, then the colophon; from sm two columns, with the wide plate across both; from lg three. Nothing scrolls sideways at 320 pixels.

Yes. The sheet and the captions mirror and the plate numbers stay in their corner; the camera note is isolated with bdi so "f/8" and the exposure keep their order. The plates are artwork and never mirror.