@cogenta/theme-association 0.3.3 → 0.5.3

package/dist/src/render/blocks/faq.js

@@ -1,21 +1,17 @@
-import { blockHeadingTag, h, heading, renderRichText, } from '@cogenta/theme-kit';
+import { h, heading, nestedHeadingTag, renderRichText, } from '@cogenta/theme-kit';
+import { section, sectionHead } from '../layout.js';
 /**
- * `<details>`/`<summary>` rather than a scripted accordion: expanding,
- * keyboard operation, the expanded state announced to assistive technology
- * and in-page search all come from the browser, at zero bytes of
- * JavaScript — the same mechanism this theme's own mobile nav toggle uses.
- *
- * The question is plain text inside `<summary>`, not a heading: a heading
- * nested in a summary is rendered inconsistently across screen readers, and
- * the questions are already reachable as a list under the block's own
- * heading.
+ * The questions people ask before they give an hour or a pound, answered in
+ * the open: every answer is printed under its question, two columns of them
+ * on a wide screen, each pair under a hairline. A charity's answers are short
+ * and they are the point; hiding them behind a click makes a visitor work for
+ * reassurance. (The `accordion` block is the collapsible one.)
  */
-function renderItem(item, ctx) {
-    return h('li', { class: 'cg-faq__item' }, h('details', { class: 'cg-faq__details' }, h('summary', { class: 'cg-faq__question' }, item.question), h('div', { class: 'cg-faq__answer' }, renderRichText(ctx, item.answer))));
+function pair(item, ctx, titled) {
+    return h('div', { class: 'ca-faq__item' }, heading(nestedHeadingTag('faq', titled), { class: 'ca-faq__question' }, item.question), h('div', { class: 'ca-faq__answer' }, renderRichText(ctx, item.answer)));
 }
 export function renderFaq(block, ctx) {
-    return h('section', { class: 'cg-block cg-faq', 'data-block': 'faq' }, block.title === undefined
-        ? null
-        : heading(blockHeadingTag('faq') ?? 'h2', { class: 'cg-faq__title', 'data-field': 'title' }, block.title), h('ul', { class: 'cg-faq__items' }, block.items.map((item) => renderItem(item, ctx))));
+    const titled = block.title !== undefined;
+    return section('section', 'faq', 'ca-faq', { 'data-titled': String(titled) }, 'div', sectionHead('faq', block.title), h('div', { class: 'ca-faq__items' }, block.items.map((item) => pair(item, ctx, titled))));
 }
 //# sourceMappingURL=faq.js.map

package/dist/src/render/blocks/faq.js.map

@@ -1 +1 @@
-{"version":3,"file":"faq.js","sourceRoot":"","sources":["../../../../src/render/blocks/faq.ts"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EAEf,CAAC,EACD,OAAO,EAEP,cAAc,GACf,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;;;;GAUG;AACH,SAAS,UAAU,CAAC,IAAa,EAAE,GAAkB;IACnD,OAAO,CAAC,CACN,IAAI,EACJ,EAAE,KAAK,EAAE,cAAc,EAAE,EACzB,CAAC,CACC,SAAS,EACT,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAC5B,CAAC,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAC1D,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CACxE,CACF,CAAA;AACH,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAe,EAAE,GAAkB;IAC3D,OAAO,CAAC,CACN,SAAS,EACT,EAAE,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,KAAK,EAAE,EACjD,KAAK,CAAC,KAAK,KAAK,SAAS;QACvB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,OAAO,CACL,eAAe,CAAC,KAAK,CAAC,IAAI,IAAI,EAC9B,EAAE,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,OAAO,EAAE,EACjD,KAAK,CAAC,KAAK,CACZ,EACL,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,eAAe,EAAE,EAC1B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CACjD,CACF,CAAA;AACH,CAAC"}
+{"version":3,"file":"faq.js","sourceRoot":"","sources":["../../../../src/render/blocks/faq.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,CAAC,EACD,OAAO,EACP,gBAAgB,EAEhB,cAAc,GACf,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEnD;;;;;;GAMG;AACH,SAAS,IAAI,CAAC,IAAa,EAAE,GAAkB,EAAE,MAAe;IAC9D,OAAO,CAAC,CACN,KAAK,EACL,EAAE,KAAK,EAAE,cAAc,EAAE,EACzB,OAAO,CAAC,gBAAgB,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EACtF,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CACxE,CAAA;AACH,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAe,EAAE,GAAkB;IAC3D,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,KAAK,SAAS,CAAA;IACxC,OAAO,OAAO,CACZ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,EAAE,aAAa,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EACjC,KAAK,EACL,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,EAC/B,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,eAAe,EAAE,EAC1B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC,CACnD,CACF,CAAA;AACH,CAAC"}

package/dist/src/render/blocks/feature-grid.d.ts

@@ -1,4 +1,10 @@
 import type { FeatureGridBlock } from '@cogenta/blocks';
 import { type HtmlElement, type RenderContext } from '@cogenta/theme-kit';
+/**
+ * How many columns a wide screen gets: as many as there are items up to
+ * four, then three when the count divides by three, so six items make two
+ * full rows of three rather than a row of four and a row of two.
+ */
+export declare function columnsFor(count: number): number;
 export declare function renderFeatureGrid(block: FeatureGridBlock, ctx: RenderContext): HtmlElement;
 //# sourceMappingURL=feature-grid.d.ts.map

package/dist/src/render/blocks/feature-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-grid.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/feature-grid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAe,MAAM,iBAAiB,CAAA;AACpE,OAAO,EAGL,KAAK,WAAW,EAKhB,KAAK,aAAa,EAEnB,MAAM,oBAAoB,CAAA;AAoC3B,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAmB1F"}
+{"version":3,"file":"feature-grid.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/feature-grid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAe,MAAM,iBAAiB,CAAA;AACpE,OAAO,EACL,KAAK,WAAW,EAKhB,KAAK,aAAa,EAEnB,MAAM,oBAAoB,CAAA;AAoB3B;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGhD;AA8BD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CA+B1F"}

package/dist/src/render/blocks/feature-grid.js

@@ -1,27 +1,49 @@
-import { blockHeadingTag, h, heading, href, nestedHeadingTag, renderIcon, } from '@cogenta/theme-kit';
+import { h, heading, href, nestedHeadingTag, renderIcon, } from '@cogenta/theme-kit';
+import { arrowWords, section, sectionHead } from '../layout.js';
 /**
- * "What we do" — three (or more) programme cards, each a rounded, softly
- * shadowed tile with its icon in a round chip. The item's title carries the
- * link, so the link's accessible name is the programme's own name (WCAG
- * 2.4.4) — the block has no separate "learn more" field to write.
+ * Two readings of the same block, chosen by its content rather than by a
+ * setting:
  *
- * `icon` names a symbol, never markup: it is exposed as a data attribute for
- * the skin and, when the name is one `renderIcon` recognises, a real inline
- * glyph — `aria-hidden`, since the title already names the programme.
+ * - **Ways in**, when an item names an icon this theme can draw: ruled
+ *   columns, each with a small line icon in the organisation's green, the
+ *   name, its sentence, and the name as an arrow link when it leads somewhere.
+ *   Never a tinted tile behind an icon, never a card.
+ * - **Steps**, when no item names an icon: an ordered list, each step under a
+ *   rule with its number set large in the display face, because a list of
+ *   things without pictures on a charity's site is almost always "how it
+ *   works": how to sign up, what happens after you give, the first evening.
  */
-function renderItem(item, ctx, tag) {
-    const title = item.link === undefined
-        ? heading(tag, { class: 'cg-feature__title' }, item.title)
-        : heading(tag, { class: 'cg-feature__title' }, h('a', { class: 'cg-feature__link', href: href(ctx, item.link) }, item.title));
-    return h('li', { class: 'cg-feature' }, item.icon === undefined
-        ? null
-        : h('span', { class: 'cg-feature__icon', 'data-icon': item.icon, 'aria-hidden': 'true' }, renderIcon(item.icon)), title, item.text === undefined ? null : h('p', { class: 'cg-feature__text' }, item.text));
+function hasIcons(block) {
+    return block.items.some((item) => item.icon !== undefined);
+}
+/**
+ * How many columns a wide screen gets: as many as there are items up to
+ * four, then three when the count divides by three, so six items make two
+ * full rows of three rather than a row of four and a row of two.
+ */
+export function columnsFor(count) {
+    if (count <= 4)
+        return count;
+    return count % 3 === 0 ? 3 : 4;
+}
+function name(item, ctx) {
+    return item.link === undefined
+        ? item.title
+        : h('a', { class: 'ca-arrow-link', href: href(ctx, item.link) }, arrowWords(item.title));
+}
+function column(item, ctx, titled) {
+    const icon = item.icon === undefined ? null : renderIcon(item.icon, { className: 'ca-ways__icon', size: 28 });
+    return h('li', { class: 'ca-ways__item' }, icon, heading(nestedHeadingTag('featureGrid', titled), { class: 'ca-ways__name' }, name(item, ctx)), item.text === undefined ? null : h('p', { class: 'ca-ways__text' }, item.text));
+}
+function step(item, ctx, titled, index) {
+    return h('li', { class: 'ca-steps__item' }, h('span', { class: 'ca-steps__number', 'aria-hidden': 'true' }, String(index + 1)), heading(nestedHeadingTag('featureGrid', titled), { class: 'ca-steps__name' }, name(item, ctx)), item.text === undefined ? null : h('p', { class: 'ca-steps__text' }, item.text));
 }
 export function renderFeatureGrid(block, ctx) {
-    const hasTitle = block.title !== undefined;
-    const itemTag = nestedHeadingTag('featureGrid', hasTitle);
-    return h('section', { class: 'cg-block cg-features', 'data-block': 'featureGrid' }, hasTitle
-        ? heading(blockHeadingTag('featureGrid') ?? 'h2', { class: 'cg-features__title', 'data-field': 'title' }, block.title ?? '')
-        : null, h('ul', { class: 'cg-features__items' }, block.items.map((item) => renderItem(item, ctx, itemTag))));
+    const titled = block.title !== undefined;
+    const count = String(columnsFor(block.items.length));
+    if (!hasIcons(block)) {
+        return section('section', 'featureGrid', 'ca-steps', { 'data-titled': String(titled), 'data-count': count }, 'div', sectionHead('featureGrid', block.title), h('ol', { class: 'ca-steps__items' }, block.items.map((item, index) => step(item, ctx, titled, index))));
+    }
+    return section('section', 'featureGrid', 'ca-ways', { 'data-titled': String(titled), 'data-count': count }, 'div', sectionHead('featureGrid', block.title), h('ul', { class: 'ca-ways__items' }, block.items.map((item) => column(item, ctx, titled))));
 }
 //# sourceMappingURL=feature-grid.js.map

package/dist/src/render/blocks/feature-grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"feature-grid.js","sourceRoot":"","sources":["../../../../src/render/blocks/feature-grid.ts"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EAGf,CAAC,EACD,OAAO,EACP,IAAI,EACJ,gBAAgB,EAEhB,UAAU,GACX,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;;;GASG;AACH,SAAS,UAAU,CAAC,IAAiB,EAAE,GAAkB,EAAE,GAAe;IACxE,MAAM,KAAK,GACT,IAAI,CAAC,IAAI,KAAK,SAAS;QACrB,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC;QAC1D,CAAC,CAAC,OAAO,CACL,GAAG,EACH,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAC9B,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,CAC9E,CAAA;IACP,OAAO,CAAC,CACN,IAAI,EACJ,EAAE,KAAK,EAAE,YAAY,EAAE,EACvB,IAAI,CAAC,IAAI,KAAK,SAAS;QACrB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,IAAI,CAAC,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,EAC5E,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CACtB,EACL,KAAK,EACL,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CAClF,CAAA;AACH,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAAuB,EAAE,GAAkB;IAC3E,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,KAAK,SAAS,CAAA;IAC1C,MAAM,OAAO,GAAG,gBAAgB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAA;IACzD,OAAO,CAAC,CACN,SAAS,EACT,EAAE,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,aAAa,EAAE,EAC9D,QAAQ;QACN,CAAC,CAAC,OAAO,CACL,eAAe,CAAC,aAAa,CAAC,IAAI,IAAI,EACtC,EAAE,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,OAAO,EAAE,EACtD,KAAK,CAAC,KAAK,IAAI,EAAE,CAClB;QACH,CAAC,CAAC,IAAI,EACR,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAC/B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAC1D,CACF,CAAA;AACH,CAAC"}
+{"version":3,"file":"feature-grid.js","sourceRoot":"","sources":["../../../../src/render/blocks/feature-grid.ts"],"names":[],"mappings":"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"}

package/dist/src/render/blocks/gallery.d.ts

@@ -1,14 +1,16 @@
 import type { GalleryBlock } from '@cogenta/blocks';
 import { type HtmlElement, type RenderContext } from '@cogenta/theme-kit';
 /**
- * The carousel ships **no JavaScript**. It is a scroll-snapping list, which
- * gives touch swiping, trackpad scrolling and — because the list is focusable
- * and labelled — arrow-key scrolling, with none of the failure modes of a
- * scripted carousel (WCAG 2.2.2).
+ * Photographs of a year at the hall, in the three layouts contract B names:
  *
- * `grid` (the layout the association home page's photo gallery uses) shows
- * six rounded, evenly sized tiles — a warm contact sheet rather than a rigid
- * masonry wall.
+ * - `grid`: one picture takes the row at 16:9; two share it at 3:2; three
+ *   make one large picture on the first eight columns with the other two
+ *   stacked beside it; four make two rows of two at 3:2; five and more make
+ *   rows of three at 4:3. No row is ever left with a gap in it.
+ * - `masonry`: three columns of pictures at their own proportions.
+ * - `carousel`: a row of 4:3 crops that scrolls sideways, with native scroll
+ *   snapping. It is a focusable, labelled region so the row can be scrolled
+ *   from the keyboard; no script drives it.
  */
 export declare function renderGallery(block: GalleryBlock, ctx: RenderContext): HtmlElement;
 //# sourceMappingURL=gallery.d.ts.map

package/dist/src/render/blocks/gallery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gallery.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/gallery.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,KAAK,WAAW,EAAY,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEnF;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAiClF"}
+{"version":3,"file":"gallery.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/gallery.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,KAAK,WAAW,EAAY,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAGnF;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAoClF"}

package/dist/src/render/blocks/gallery.js

@@ -1,27 +1,33 @@
 import { h, image } from '@cogenta/theme-kit';
+import { section } from '../layout.js';
 /**
- * The carousel ships **no JavaScript**. It is a scroll-snapping list, which
- * gives touch swiping, trackpad scrolling and — because the list is focusable
- * and labelled — arrow-key scrolling, with none of the failure modes of a
- * scripted carousel (WCAG 2.2.2).
+ * Photographs of a year at the hall, in the three layouts contract B names:
  *
- * `grid` (the layout the association home page's photo gallery uses) shows
- * six rounded, evenly sized tiles — a warm contact sheet rather than a rigid
- * masonry wall.
+ * - `grid`: one picture takes the row at 16:9; two share it at 3:2; three
+ *   make one large picture on the first eight columns with the other two
+ *   stacked beside it; four make two rows of two at 3:2; five and more make
+ *   rows of three at 4:3. No row is ever left with a gap in it.
+ * - `masonry`: three columns of pictures at their own proportions.
+ * - `carousel`: a row of 4:3 crops that scrolls sideways, with native scroll
+ *   snapping. It is a focusable, labelled region so the row can be scrolled
+ *   from the keyboard; no script drives it.
  */
 export function renderGallery(block, ctx) {
-    const items = h('ul', { class: 'cg-gallery__items' }, block.items.map((item) => h('li', { class: 'cg-gallery__item' }, image(ctx, item.media, { sizes: '(min-width: 45rem) 20rem, 60vw' }))));
-    return h('section', {
-        class: 'cg-block cg-gallery',
-        'data-block': 'gallery',
-        'data-layout': block.layout,
-    }, block.layout === 'carousel'
+    const count = block.items.length;
+    const items = block.items.map((item, index) => h('li', { class: 'ca-gallery__item' }, image(ctx, item.media, {
+        className: 'ca-gallery__image',
+        sizes: block.layout === 'grid' && index === 0
+            ? '(min-width: 64rem) 52vw, 100vw'
+            : '(min-width: 64rem) 30vw, 80vw',
+    })));
+    const list = h('ul', { class: 'ca-gallery__items' }, items);
+    return section('div', 'gallery', 'ca-gallery', { 'data-layout': block.layout, 'data-count': count >= 5 ? 'many' : String(count) }, 'div', block.layout === 'carousel'
         ? h('div', {
-            class: 'cg-gallery__viewport',
+            class: 'ca-gallery__viewport',
             role: 'region',
             'aria-label': ctx.t('gallery.carousel'),
             tabindex: '0',
-        }, items)
-        : items);
+        }, list)
+        : list);
 }
 //# sourceMappingURL=gallery.js.map

package/dist/src/render/blocks/gallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"gallery.js","sourceRoot":"","sources":["../../../../src/render/blocks/gallery.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAE,KAAK,EAAsB,MAAM,oBAAoB,CAAA;AAEnF;;;;;;;;;GASG;AACH,MAAM,UAAU,aAAa,CAAC,KAAmB,EAAE,GAAkB;IACnE,MAAM,KAAK,GAAG,CAAC,CACb,IAAI,EACJ,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAC9B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACvB,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAC7B,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gCAAgC,EAAE,CAAC,CACpE,CACF,CACF,CAAA;IAED,OAAO,CAAC,CACN,SAAS,EACT;QACE,KAAK,EAAE,qBAAqB;QAC5B,YAAY,EAAE,SAAS;QACvB,aAAa,EAAE,KAAK,CAAC,MAAM;KAC5B,EACD,KAAK,CAAC,MAAM,KAAK,UAAU;QACzB,CAAC,CAAC,CAAC,CACC,KAAK,EACL;YACE,KAAK,EAAE,sBAAsB;YAC7B,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,kBAAkB,CAAC;YACvC,QAAQ,EAAE,GAAG;SACd,EACD,KAAK,CACN;QACH,CAAC,CAAC,KAAK,CACV,CAAA;AACH,CAAC"}
+{"version":3,"file":"gallery.js","sourceRoot":"","sources":["../../../../src/render/blocks/gallery.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAE,KAAK,EAAsB,MAAM,oBAAoB,CAAA;AACnF,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,aAAa,CAAC,KAAmB,EAAE,GAAkB;IACnE,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAA;IAChC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC5C,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAC7B,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE;QACrB,SAAS,EAAE,mBAAmB;QAC9B,KAAK,EACH,KAAK,CAAC,MAAM,KAAK,MAAM,IAAI,KAAK,KAAK,CAAC;YACpC,CAAC,CAAC,gCAAgC;YAClC,CAAC,CAAC,+BAA+B;KACtC,CAAC,CACH,CACF,CAAA;IACD,MAAM,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,KAAK,CAAC,CAAA;IAE3D,OAAO,OAAO,CACZ,KAAK,EACL,SAAS,EACT,YAAY,EACZ,EAAE,aAAa,EAAE,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,EAClF,KAAK,EACL,KAAK,CAAC,MAAM,KAAK,UAAU;QACzB,CAAC,CAAC,CAAC,CACC,KAAK,EACL;YACE,KAAK,EAAE,sBAAsB;YAC7B,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,kBAAkB,CAAC;YACvC,QAAQ,EAAE,GAAG;SACd,EACD,IAAI,CACL;QACH,CAAC,CAAC,IAAI,CACT,CAAA;AACH,CAAC"}

package/dist/src/render/blocks/hero.d.ts

@@ -1,15 +1,29 @@
 import type { HeroBlock } from '@cogenta/blocks';
 import { type HtmlElement, type RenderContext } from '@cogenta/theme-kit';
 /**
- * The hero carries the page's `h1` (contract B: `headingLevel: 'h1'`), so
- * `renderPage` relies on it to avoid emitting a second one.
- *
- * The warm, community read this theme opens with: a rounded "eyebrow" pill
- * (the cause, not a generic label), a big friendly title in the display
- * face, and — when there is one — the media sitting in its own big rounded
- * card with a soft halo glow behind it (`cg-hero__halo`, purely decorative,
- * `aria-hidden`), rather than a hard-edged frame. Centred copy on mobile,
- * two columns from `md` up.
+ * The opening of a page: a photograph of the people the organisation works
+ * with, across the whole width of the window, and the statement of the cause
+ * set large on a sheet of the page's own paper that starts at the window's
+ * left edge and rises into the bottom of the photograph.
+ *
+ * On a wide screen the sheet holds the eyebrow and the statement on the first
+ * seven columns; the subtitle and the actions sit under the photograph on
+ * the last four, starting where the photograph ends, so the two halves of the
+ * opening read as one composition rather than a box with a hole beside it.
+ *
+ * The words are never laid over the picture. A headline floated in the middle
+ * of a dimmed photograph needs a veil to stay legible on every picture an
+ * editor may choose, and that veil is the look of every generated charity
+ * template; on the paper the statement is legible in both schemes whatever
+ * the photograph, and the faces keep their own light.
+ *
+ * The first action is the donation ask, drawn in the signal yellow; the
+ * others are underlined words. An eyebrow, when there is one, is a short line
+ * in the organisation's green, never a badge. Without media the block is the
+ * sheet alone.
+ *
+ * The image is the only one on a page loaded eagerly: it is above the fold
+ * by construction.
  */
 export declare function renderHero(block: HeroBlock, ctx: RenderContext): HtmlElement;
 //# sourceMappingURL=hero.d.ts.map

package/dist/src/render/blocks/hero.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/hero.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAGL,KAAK,WAAW,EAIhB,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAqC5E"}
+{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/hero.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAc,KAAK,WAAW,EAAY,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAG/F;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CA2C5E"}

package/dist/src/render/blocks/hero.js

@@ -1,31 +1,48 @@
-import { actionList, blockHeadingTag, h, heading, image, } from '@cogenta/theme-kit';
+import { actionList, h, image } from '@cogenta/theme-kit';
+import { optionalText } from '../layout.js';
 /**
- * The hero carries the page's `h1` (contract B: `headingLevel: 'h1'`), so
- * `renderPage` relies on it to avoid emitting a second one.
+ * The opening of a page: a photograph of the people the organisation works
+ * with, across the whole width of the window, and the statement of the cause
+ * set large on a sheet of the page's own paper that starts at the window's
+ * left edge and rises into the bottom of the photograph.
  *
- * The warm, community read this theme opens with: a rounded "eyebrow" pill
- * (the cause, not a generic label), a big friendly title in the display
- * face, and — when there is one — the media sitting in its own big rounded
- * card with a soft halo glow behind it (`cg-hero__halo`, purely decorative,
- * `aria-hidden`), rather than a hard-edged frame. Centred copy on mobile,
- * two columns from `md` up.
+ * On a wide screen the sheet holds the eyebrow and the statement on the first
+ * seven columns; the subtitle and the actions sit under the photograph on
+ * the last four, starting where the photograph ends, so the two halves of the
+ * opening read as one composition rather than a box with a hole beside it.
+ *
+ * The words are never laid over the picture. A headline floated in the middle
+ * of a dimmed photograph needs a veil to stay legible on every picture an
+ * editor may choose, and that veil is the look of every generated charity
+ * template; on the paper the statement is legible in both schemes whatever
+ * the photograph, and the faces keep their own light.
+ *
+ * The first action is the donation ask, drawn in the signal yellow; the
+ * others are underlined words. An eyebrow, when there is one, is a short line
+ * in the organisation's green, never a badge. Without media the block is the
+ * sheet alone.
+ *
+ * The image is the only one on a page loaded eagerly: it is above the fold
+ * by construction.
  */
 export function renderHero(block, ctx) {
-    const tag = blockHeadingTag('hero') ?? 'h1';
-    return h('section', { class: 'cg-block cg-hero', 'data-block': 'hero' }, h('div', { class: 'cg-hero__copy' }, block.eyebrow === undefined
-        ? null
-        : h('p', { class: 'cg-hero__eyebrow', 'data-field': 'eyebrow' }, h('span', { class: 'cg-pill' }, block.eyebrow)), heading(tag, { class: 'cg-hero__title', 'data-field': 'title' }, block.title), block.subtitle === undefined
-        ? null
-        : h('p', { class: 'cg-hero__subtitle', 'data-field': 'subtitle' }, block.subtitle), actionList(ctx, block.actions, ctx.t('hero.actions'))), block.media === undefined
+    const hasMedia = block.media !== undefined;
+    const actions = actionList(ctx, block.actions, ctx.t('hero.actions'));
+    const hasAside = block.subtitle !== undefined || actions !== null;
+    return h('section', {
+        class: 'ca-section ca-hero ca-ask',
+        'data-block': 'hero',
+        'data-media': String(hasMedia),
+    }, block.media === undefined
         ? null
-        : h('div', { class: 'cg-hero__frame' }, h('span', { class: 'cg-hero__halo', 'aria-hidden': 'true' }), 
-        // The only image above the fold by construction, so the only one
-        // that must not be lazy — a lazy-loaded LCP element is a measured
-        // Lighthouse regression, not a theoretical one.
-        image(ctx, block.media, {
-            className: 'cg-hero__media',
+        : h('figure', { class: 'ca-hero__media' }, image(ctx, block.media, {
+            className: 'ca-hero__image',
             loading: 'eager',
-            sizes: '(min-width: 60rem) 44vw, 100vw',
-        })));
+            sizes: '100vw',
+        })), h('div', { class: 'ca-container ca-hero__inner' }, h('div', { class: 'ca-hero__panel' }, optionalText('p', 'ca-kicker ca-hero__eyebrow', block.eyebrow, {
+        'data-field': 'eyebrow',
+    }), h('h1', { class: 'ca-hero__title', 'data-field': 'title' }, block.title)), hasAside
+        ? h('div', { class: 'ca-hero__aside' }, optionalText('p', 'ca-hero__subtitle', block.subtitle, { 'data-field': 'subtitle' }), actions)
+        : null));
 }
 //# sourceMappingURL=hero.js.map

package/dist/src/render/blocks/hero.js.map

@@ -1 +1 @@
-{"version":3,"file":"hero.js","sourceRoot":"","sources":["../../../../src/render/blocks/hero.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EACV,eAAe,EAEf,CAAC,EACD,OAAO,EACP,KAAK,GAEN,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;;;;GAUG;AACH,MAAM,UAAU,UAAU,CAAC,KAAgB,EAAE,GAAkB;IAC7D,MAAM,GAAG,GAAG,eAAe,CAAC,MAAM,CAAC,IAAI,IAAI,CAAA;IAC3C,OAAO,CAAC,CACN,SAAS,EACT,EAAE,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,EAAE,EACnD,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,eAAe,EAAE,EAC1B,KAAK,CAAC,OAAO,KAAK,SAAS;QACzB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,GAAG,EACH,EAAE,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,SAAS,EAAE,EACtD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,CAC/C,EACL,OAAO,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,OAAO,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,EAC7E,KAAK,CAAC,QAAQ,KAAK,SAAS;QAC1B,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,EACpF,UAAU,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CACtD,EACD,KAAK,CAAC,KAAK,KAAK,SAAS;QACvB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAC3B,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC;QAC5D,iEAAiE;QACjE,kEAAkE;QAClE,gDAAgD;QAChD,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,EAAE;YACtB,SAAS,EAAE,gBAAgB;YAC3B,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE,gCAAgC;SACxC,CAAC,CACH,CACN,CAAA;AACH,CAAC"}
+{"version":3,"file":"hero.js","sourceRoot":"","sources":["../../../../src/render/blocks/hero.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAoB,CAAC,EAAE,KAAK,EAAsB,MAAM,oBAAoB,CAAA;AAC/F,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAE3C;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,UAAU,UAAU,CAAC,KAAgB,EAAE,GAAkB;IAC7D,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,KAAK,SAAS,CAAA;IAC1C,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAA;IACrE,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI,CAAA;IACjE,OAAO,CAAC,CACN,SAAS,EACT;QACE,KAAK,EAAE,2BAA2B;QAClC,YAAY,EAAE,MAAM;QACpB,YAAY,EAAE,MAAM,CAAC,QAAQ,CAAC;KAC/B,EACD,KAAK,CAAC,KAAK,KAAK,SAAS;QACvB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,QAAQ,EACR,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAC3B,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,EAAE;YACtB,SAAS,EAAE,gBAAgB;YAC3B,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE,OAAO;SACf,CAAC,CACH,EACL,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,6BAA6B,EAAE,EACxC,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAC3B,YAAY,CAAC,GAAG,EAAE,4BAA4B,EAAE,KAAK,CAAC,OAAO,EAAE;QAC7D,YAAY,EAAE,SAAS;KACxB,CAAC,EACF,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,OAAO,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CACzE,EACD,QAAQ;QACN,CAAC,CAAC,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAC3B,YAAY,CAAC,GAAG,EAAE,mBAAmB,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC,EACpF,OAAO,CACR;QACH,CAAC,CAAC,IAAI,CACT,CACF,CAAA;AACH,CAAC"}

package/dist/src/render/blocks/logo-strip.d.ts

@@ -1,4 +1,10 @@
 import type { LogoStripBlock } from '@cogenta/blocks';
 import { type HtmlElement, type RenderContext } from '@cogenta/theme-kit';
+/**
+ * The lighter row of marks: the caption at the caption size above a rule,
+ * and the marks spread along one line under it, small and evenly spaced, in
+ * one ink. No links, by contract B; each mark is named by its own alt text
+ * from the media library.
+ */
 export declare function renderLogoStrip(block: LogoStripBlock, ctx: RenderContext): HtmlElement;
 //# sourceMappingURL=logo-strip.d.ts.map

package/dist/src/render/blocks/logo-strip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"logo-strip.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/logo-strip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,iBAAiB,CAAA;AACpE,OAAO,EAAE,KAAK,WAAW,EAAY,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAgBnF,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAatF"}
+{"version":3,"file":"logo-strip.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/logo-strip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,EAAE,KAAK,WAAW,EAAY,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAGnF;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAsBtF"}

package/dist/src/render/blocks/logo-strip.js

@@ -1,16 +1,14 @@
 import { h, image } from '@cogenta/theme-kit';
+import { section } from '../layout.js';
 /**
- * `blocks@2.0` (RFC 0001). "Our partners" — the lighter-weight social-proof
- * row next to `logos`: no per-logo name or link, so no accessible-name field
- * to require — each image's own alt text (set once, in the media library)
- * names it.
+ * The lighter row of marks: the caption at the caption size above a rule,
+ * and the marks spread along one line under it, small and evenly spaced, in
+ * one ink. No links, by contract B; each mark is named by its own alt text
+ * from the media library.
  */
-function renderItem(item, ctx) {
-    return h('li', { class: 'cg-logo-band__item' }, image(ctx, item.media, { className: 'cg-logo-band__image', variant: { fit: 'contain' } }));
-}
 export function renderLogoStrip(block, ctx) {
-    return h('figure', { class: 'cg-block cg-logo-band', 'data-block': 'logoStrip' }, h('ul', { class: 'cg-logo-band__items' }, block.logos.map((item) => renderItem(item, ctx))), block.caption === undefined
+    return section('div', 'logoStrip', 'ca-strip', { 'data-captioned': String(block.caption !== undefined) }, 'div', block.caption === undefined
         ? null
-        : h('figcaption', { class: 'cg-logo-band__caption', 'data-field': 'caption' }, block.caption));
+        : h('p', { class: 'ca-strip__caption', 'data-field': 'caption' }, block.caption), h('ul', { class: 'ca-strip__items' }, block.logos.map((logo) => h('li', { class: 'ca-strip__item' }, image(ctx, logo.media, { className: 'ca-mark', sizes: '12rem' })))));
 }
 //# sourceMappingURL=logo-strip.js.map

package/dist/src/render/blocks/logo-strip.js.map

@@ -1 +1 @@
-{"version":3,"file":"logo-strip.js","sourceRoot":"","sources":["../../../../src/render/blocks/logo-strip.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAE,KAAK,EAAsB,MAAM,oBAAoB,CAAA;AAEnF;;;;;GAKG;AACH,SAAS,UAAU,CAAC,IAAmB,EAAE,GAAkB;IACzD,OAAO,CAAC,CACN,IAAI,EACJ,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAC/B,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,qBAAqB,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,CAC1F,CAAA;AACH,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,KAAqB,EAAE,GAAkB;IACvE,OAAO,CAAC,CACN,QAAQ,EACR,EAAE,KAAK,EAAE,uBAAuB,EAAE,YAAY,EAAE,WAAW,EAAE,EAC7D,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAChC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CACjD,EACD,KAAK,CAAC,OAAO,KAAK,SAAS;QACzB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,CAChG,CAAA;AACH,CAAC"}
+{"version":3,"file":"logo-strip.js","sourceRoot":"","sources":["../../../../src/render/blocks/logo-strip.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAE,KAAK,EAAsB,MAAM,oBAAoB,CAAA;AACnF,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAC,KAAqB,EAAE,GAAkB;IACvE,OAAO,OAAO,CACZ,KAAK,EACL,WAAW,EACX,UAAU,EACV,EAAE,gBAAgB,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,EAAE,EACzD,KAAK,EACL,KAAK,CAAC,OAAO,KAAK,SAAS;QACzB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,EAClF,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAC5B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACvB,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAC3B,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CACjE,CACF,CACF,CACF,CAAA;AACH,CAAC"}

package/dist/src/render/blocks/logos.d.ts

@@ -1,4 +1,18 @@
 import type { LogosBlock } from '@cogenta/blocks';
 import { type HtmlElement, type RenderContext } from '@cogenta/theme-kit';
+/**
+ * The organisations that work alongside this one: the title on the first
+ * four columns, and their marks on the last eight in a grid of cells divided
+ * by hairlines, each mark set small and in one ink so no partner shouts
+ * louder than another. A mark drawn in ink is inverted in the dark scheme.
+ *
+ * The organisation's name is the mark's accessible name when the media
+ * library has no alt text for it, and the link's own name when it links out.
+ */
+/**
+ * Columns on a wide screen that leave no empty cell in the grid: three when
+ * the count divides by three, two when it divides by two, otherwise three.
+ */
+export declare function logoColumnsFor(count: number): number;
 export declare function renderLogos(block: LogosBlock, ctx: RenderContext): HtmlElement;
 //# sourceMappingURL=logos.d.ts.map

package/dist/src/render/blocks/logos.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"logos.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/logos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAY,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC3D,OAAO,EAEL,KAAK,WAAW,EAIhB,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAA;AA0B3B,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAiB9E"}
+{"version":3,"file":"logos.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/logos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,KAAK,WAAW,EAAY,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAGnF;;;;;;;;GAQG;AACH;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGpD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAkC9E"}

package/dist/src/render/blocks/logos.js

@@ -1,22 +1,36 @@
-import { blockHeadingTag, h, heading, image, } from '@cogenta/theme-kit';
+import { h, image } from '@cogenta/theme-kit';
+import { section, sectionHead } from '../layout.js';
 /**
- * Contract B says the organisation's name **is** the accessible name of the
- * link. So the logo image carries it as alt text when the media entity has
- * none, and no visually hidden duplicate is added.
+ * The organisations that work alongside this one: the title on the first
+ * four columns, and their marks on the last eight in a grid of cells divided
+ * by hairlines, each mark set small and in one ink so no partner shouts
+ * louder than another. A mark drawn in ink is inverted in the dark scheme.
+ *
+ * The organisation's name is the mark's accessible name when the media
+ * library has no alt text for it, and the link's own name when it links out.
  */
-function renderItem(item, ctx) {
-    const logo = image(ctx, item.media, {
-        className: 'cg-logo__image',
-        altFrom: item.name,
-        variant: { fit: 'contain' },
-    });
-    return h('li', { class: 'cg-logo' }, item.url === undefined
-        ? logo
-        : h('a', { class: 'cg-logo__link', href: ctx.link(item.url), rel: 'noopener noreferrer' }, logo));
+/**
+ * Columns on a wide screen that leave no empty cell in the grid: three when
+ * the count divides by three, two when it divides by two, otherwise three.
+ */
+export function logoColumnsFor(count) {
+    if (count % 3 === 0)
+        return 3;
+    return count % 2 === 0 ? 2 : 3;
 }
 export function renderLogos(block, ctx) {
-    return h('section', { class: 'cg-block cg-logos', 'data-block': 'logos' }, block.title === undefined
-        ? null
-        : heading(blockHeadingTag('logos') ?? 'h2', { class: 'cg-logos__title', 'data-field': 'title' }, block.title), h('ul', { class: 'cg-logos__items' }, block.items.map((item) => renderItem(item, ctx))));
+    return section('section', 'logos', 'ca-partners', {
+        'data-titled': String(block.title !== undefined),
+        'data-columns': String(logoColumnsFor(block.items.length)),
+    }, 'div', sectionHead('logos', block.title), h('ul', { class: 'ca-partners__items' }, block.items.map((item) => {
+        const mark = image(ctx, item.media, {
+            className: 'ca-mark',
+            altFrom: item.name,
+            sizes: '12rem',
+        });
+        return h('li', { class: 'ca-partners__item' }, item.url === undefined
+            ? h('span', { class: 'ca-partners__cell' }, mark)
+            : h('a', { class: 'ca-partners__cell', href: item.url, rel: 'noopener noreferrer' }, mark));
+    })));
 }
 //# sourceMappingURL=logos.js.map

package/dist/src/render/blocks/logos.js.map

@@ -1 +1 @@
-{"version":3,"file":"logos.js","sourceRoot":"","sources":["../../../../src/render/blocks/logos.ts"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EAEf,CAAC,EACD,OAAO,EACP,KAAK,GAEN,MAAM,oBAAoB,CAAA;AAE3B;;;;GAIG;AACH,SAAS,UAAU,CAAC,IAAc,EAAE,GAAkB;IACpD,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE;QAClC,SAAS,EAAE,gBAAgB;QAC3B,OAAO,EAAE,IAAI,CAAC,IAAI;QAClB,OAAO,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE;KAC5B,CAAC,CAAA;IACF,OAAO,CAAC,CACN,IAAI,EACJ,EAAE,KAAK,EAAE,SAAS,EAAE,EACpB,IAAI,CAAC,GAAG,KAAK,SAAS;QACpB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,GAAG,EACH,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,qBAAqB,EAAE,EAChF,IAAI,CACL,CACN,CAAA;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAiB,EAAE,GAAkB;IAC/D,OAAO,CAAC,CACN,SAAS,EACT,EAAE,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,OAAO,EAAE,EACrD,KAAK,CAAC,KAAK,KAAK,SAAS;QACvB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,OAAO,CACL,eAAe,CAAC,OAAO,CAAC,IAAI,IAAI,EAChC,EAAE,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,OAAO,EAAE,EACnD,KAAK,CAAC,KAAK,CACZ,EACL,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAC5B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CACjD,CACF,CAAA;AACH,CAAC"}
+{"version":3,"file":"logos.js","sourceRoot":"","sources":["../../../../src/render/blocks/logos.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAE,KAAK,EAAsB,MAAM,oBAAoB,CAAA;AACnF,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEnD;;;;;;;;GAQG;AACH;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,KAAa;IAC1C,IAAI,KAAK,GAAG,CAAC,KAAK,CAAC;QAAE,OAAO,CAAC,CAAA;IAC7B,OAAO,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AAChC,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAiB,EAAE,GAAkB;IAC/D,OAAO,OAAO,CACZ,SAAS,EACT,OAAO,EACP,aAAa,EACb;QACE,aAAa,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC;QAChD,cAAc,EAAE,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;KAC3D,EACD,KAAK,EACL,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,EACjC,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAC/B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACvB,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE;YAClC,SAAS,EAAE,SAAS;YACpB,OAAO,EAAE,IAAI,CAAC,IAAI;YAClB,KAAK,EAAE,OAAO;SACf,CAAC,CAAA;QACF,OAAO,CAAC,CACN,IAAI,EACJ,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAC9B,IAAI,CAAC,GAAG,KAAK,SAAS;YACpB,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,IAAI,CAAC;YACjD,CAAC,CAAC,CAAC,CACC,GAAG,EACH,EAAE,KAAK,EAAE,mBAAmB,EAAE,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,qBAAqB,EAAE,EAC1E,IAAI,CACL,CACN,CAAA;IACH,CAAC,CAAC,CACH,CACF,CAAA;AACH,CAAC"}

package/dist/src/render/blocks/media-figure.d.ts

@@ -1,12 +1,19 @@
 import type { MediaFigureBlock } from '@cogenta/blocks';
 import { type HtmlElement, type RenderContext } from '@cogenta/theme-kit';
 /**
- * `<figure>`/`<figcaption>` rather than a div and a paragraph: the
- * association between the picture and its caption is then in the markup.
+ * A photograph and its caption, the caption always under the picture's own
+ * left edge, in the text face, with the credit after it.
  *
- * The media sits in a big rounded card (`cg-figure__media`, `--cg-radius-lg`)
- * with a soft shadow, matching the hero's own frame treatment rather than a
- * hard-edged photo.
+ * `align` is an editorial intent, read as a layout:
+ *
+ * - `start` / `end`: seven columns on that side, the caption beside it on the
+ *   other four, set against the bottom of the picture.
+ * - `center`: eight columns, set in from the second.
+ * - `wide` (and no value): the whole container.
+ * - `full`: the whole window, edge to edge.
+ *
+ * The ratio crops from the middle, or from the media's own focal point; the
+ * corners stay square and the picture casts no shadow.
  */
 export declare function renderMediaFigure(block: MediaFigureBlock, ctx: RenderContext): HtmlElement;
 //# sourceMappingURL=media-figure.d.ts.map

package/dist/src/render/blocks/media-figure.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"media-figure.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/media-figure.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,EAAe,KAAK,WAAW,EAAY,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEhG;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CA0B1F"}
+{"version":3,"file":"media-figure.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/media-figure.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,EAAe,KAAK,WAAW,EAAY,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAGhG;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CA2C1F"}