Front pages

Three sections, and the only one of the four pages built to sell something. The first holds a call to action -- a content block placed by reference rather than written into the page, and laid out with two sections of its own so the heading spans the full width and the text and the image share a `grid-2-1-1` under it. The card grid follows it in the same region, which is the pairing worth checking: a block whose height is set by its text, above a block whose height is set by an aspect ratio. The last section is four short blocks in a `grid-2-2-1`, where the interesting width is the middle one, when four across becomes two by two and the blocks stop being a row and start being a block themselves.

One section, and the shape a page takes when nobody has designed it: prose, then a listing, then the foot of the page. It is here as the baseline the other three are departures from, and because its listing is the one row style a front page uses that an administrative page never does -- fields rendered inline and separated with a pipe, so a row reads as one line rather than as a stack of labelled values. The heading above the rows is a header area of the view rather than the label of the block, which is why it carries margin classes of its own. The webform the site puts at the foot of this page is not here: the module is not installed on the site the library is served from.

The busiest of the four, and the only one that uses more than one kind of layout. The body opens in two columns -- not a layout, but a `md-columns-2` an author put in the body itself, which is worth knowing because it is the one multi-column thing on the page the site owner can change without touching a section. Under it a card grid, then a section split fifty-fifty between two listings of different lengths, which is where a two-column section usually shows its seam: the columns have nothing to align to and the shorter one decides how much space is left over. The last section is a container layout at its content width rather than a column layout, so the band under the columns is narrower than everything above it.

The index shape: a search box in a section of its own, and then the same listing five times under it. Two things are worth looking at. The first is the exposed form standing alone -- it is a views exposed filter block, which is the exposed form of a view whose results are on another page entirely, so it has to look like a search box rather than like the top of a listing. The second is the repetition: five blocks with the same markup, one after another, where the only thing separating them is the space the theme puts between two blocks and the heading each one carries. That is the hardest spacing on any of these pages to get right, and the easiest to check.