Media

Media

Shapes

square

round

cover

Aspect Ratio

cover + 16-9

Embedded document

An iframe fills its box, so the box carries the size: a ratio modifier, or media--fill to take whatever height the parent gives.

media--fill · actions

16-9

Overlay

media--bg / media--fg

Vue

The same frame as a vue partial, for a document whose address is only known once the page runs.

Frame

A picture in its frame, from the server with media() or as the media vue component: a link when it leads somewhere, a caption over its foot, and a glow while it loads or when there is none.
A caption over its foot

media() · href · caption

media(null) · placeholder

Wall

Pictures of every height packed side by side with no holes, each as tall as its ratio says, the columns as many as the room takes: wall() draws it from the server, the shape is css/shapes/wall.

Wall of a collection

The same wall as a collection of entities, read from the api a page at a time as it is scrolled: the next page comes before the foot of the wall is reached.

Crop

What part of an image to keep, chosen over the image: the area moves, a corner sizes it, the arrows move it and with Shift size it. It is said in the image's own pixels — what a server crops by — and crop() cuts it here when the cut is sent instead. A ratio holds it (1 for a portrait, shown round), or it is free, as a signature needs.