@cogenta/theme-association 0.3.2 → 0.5.3

package/dist/src/render/term-archive.js.map

@@ -1 +1 @@
-{"version":3,"file":"term-archive.js","sourceRoot":"","sources":["../../../src/render/term-archive.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"term-archive.js","sourceRoot":"","sources":["../../../src/render/term-archive.ts"],"names":[],"mappings":"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"}

package/dist/src/render/widget-areas.d.ts

@@ -0,0 +1,14 @@
+/**
+ * The widget areas this theme names (contract D `theme@1.6`). Declaring them
+ * is what tells the host this theme draws the footer columns inside its own
+ * green band; the page areas are placed by the host in the shared
+ * `cg-sidebar-layout` markup, which `styles/widgets.css` sets as the side
+ * column of a noticeboard: short labels, ruled lists, photographs, and the
+ * ask on the paper band.
+ */
+export declare const widgetAreas: readonly {
+    readonly id: string;
+    readonly label: string;
+    readonly description?: string;
+}[];
+//# sourceMappingURL=widget-areas.d.ts.map

package/dist/src/render/widget-areas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-areas.d.ts","sourceRoot":"","sources":["../../../src/render/widget-areas.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,EAAE,SAAS;IACjC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAC9B,EAWA,CAAA"}

package/dist/src/render/widget-areas.js

@@ -0,0 +1,21 @@
+/**
+ * The widget areas this theme names (contract D `theme@1.6`). Declaring them
+ * is what tells the host this theme draws the footer columns inside its own
+ * green band; the page areas are placed by the host in the shared
+ * `cg-sidebar-layout` markup, which `styles/widgets.css` sets as the side
+ * column of a noticeboard: short labels, ruled lists, photographs, and the
+ * ask on the paper band.
+ */
+export const widgetAreas = [
+    {
+        id: 'sidebar',
+        label: 'Side column',
+        description: 'Beside an event, a programme and search results.',
+    },
+    {
+        id: 'content-after',
+        label: 'Under the page',
+        description: 'After an event, a programme or a page, before the comments.',
+    },
+];
+//# sourceMappingURL=widget-areas.js.map

package/dist/src/render/widget-areas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-areas.js","sourceRoot":"","sources":["../../../src/render/widget-areas.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAIlB;IACJ;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,aAAa;QACpB,WAAW,EAAE,kDAAkD;KAChE;IACD;QACE,EAAE,EAAE,eAAe;QACnB,KAAK,EAAE,gBAAgB;QACvB,WAAW,EAAE,6DAA6D;KAC3E;CACF,CAAA"}

package/dist/theme.config.d.ts

@@ -1,5 +1,5 @@
 /**
- * Contract D — Thème, `theme@1.4`.
+ * Contract D — Thème, `theme@1.5`.
  *
  * `implements` lists the seventeen blocks of contract B (`blocks@2.0`, RFC
  * 0001) in the order the contract lists them — installation refuses an

package/dist/theme.config.js

@@ -1,6 +1,6 @@
 import { defineTheme } from '@cogenta/render';
 /**
- * Contract D — Thème, `theme@1.4`.
+ * Contract D — Thème, `theme@1.5`.
  *
  * `implements` lists the seventeen blocks of contract B (`blocks@2.0`, RFC
  * 0001) in the order the contract lists them — installation refuses an
@@ -14,7 +14,7 @@ import { defineTheme } from '@cogenta/render';
 export default defineTheme({
     name: 'association',
     version: '1.0.0',
-    description: 'A warm, human theme for a nonprofit or community group: dated event cards, an impact band, and a genuine dark mode.',
+    description: 'A neighbourhood charity: a photograph of the people it works with, impact figures with their context, programmes, a dated events calendar with event pages, and a donation ask in its own yellow.',
     author: 'Cogenta',
     engine: '^1.0.0',
     blocks: '^2.0.0',
@@ -37,7 +37,7 @@ export default defineTheme({
         'statCounter',
         'logoStrip',
     ],
-    collections: ['event', 'page'],
+    collections: ['event', 'programme', 'page'],
     runtime: 'static',
     tokens: './tokens.json',
     a11y: { verified: 'WCAG-2.2-AA' },

package/dist/theme.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.config.js","sourceRoot":"","sources":["../theme.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C;;;;;;;;;;;GAWG;AACH,eAAe,WAAW,CAAC;IACzB,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,OAAO;IAChB,WAAW,EACT,qHAAqH;IACvH,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE;QACV,MAAM;QACN,OAAO;QACP,aAAa;QACb,aAAa;QACb,KAAK;QACL,SAAS;QACT,OAAO;QACP,KAAK;QACL,OAAO;QACP,OAAO;QACP,gBAAgB;QAChB,OAAO;QACP,aAAa;QACb,cAAc;QACd,WAAW;QACX,aAAa;QACb,WAAW;KACZ;IACD,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;IAC9B,OAAO,EAAE,QAAQ;IACjB,MAAM,EAAE,eAAe;IACvB,IAAI,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE;CAClC,CAAC,CAAA"}
+{"version":3,"file":"theme.config.js","sourceRoot":"","sources":["../theme.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C;;;;;;;;;;;GAWG;AACH,eAAe,WAAW,CAAC;IACzB,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,OAAO;IAChB,WAAW,EACT,mMAAmM;IACrM,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE;QACV,MAAM;QACN,OAAO;QACP,aAAa;QACb,aAAa;QACb,KAAK;QACL,SAAS;QACT,OAAO;QACP,KAAK;QACL,OAAO;QACP,OAAO;QACP,gBAAgB;QAChB,OAAO;QACP,aAAa;QACb,cAAc;QACd,WAAW;QACX,aAAa;QACb,WAAW;KACZ;IACD,WAAW,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,CAAC;IAC3C,OAAO,EAAE,QAAQ;IACjB,MAAM,EAAE,eAAe;IACvB,IAAI,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE;CAClC,CAAC,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cogenta/theme-association",
-  "version": "0.3.2",
-  "description": "A warm, human theme for a nonprofit or association: dated event cards, an impact band, and a genuine dark mode, with zero client JavaScript.",
+  "version": "0.5.3",
+  "description": "A Cogenta theme for a neighbourhood charity: a photograph of the people it works with, impact figures with their context, programmes, a dated events calendar with event pages, a donation ask in its own yellow, and a designed dark mode.",
   "license": "MPL-2.0",
   "type": "module",
   "sideEffects": false,
@@ -36,9 +36,9 @@
     "directory": "packages/theme-association"
   },
   "dependencies": {
-    "@cogenta/blocks": "1.0.3",
-    "@cogenta/render": "0.2.3",
-    "@cogenta/theme-kit": "0.3.2"
+    "@cogenta/blocks": "1.1.3",
+    "@cogenta/render": "0.3.5",
+    "@cogenta/theme-kit": "0.5.3"
   },
   "peerDependencies": {
     "astro": "^7.2.1"

package/src/index.ts

@@ -1,4 +1,9 @@
+// The shared contract D primitives every theme package implements against —
+// re-exported so a consumer of this package never has to know they live in
+// `@cogenta/theme-kit` to use them alongside this theme's own blocks.
+export * from '@cogenta/theme-kit'
 export * from './render/blocks/accordion.js'
+export * from './render/blocks/breakdown.js'
 export * from './render/blocks/collection-list.js'
 export * from './render/blocks/cta.js'
 export * from './render/blocks/embed.js'
@@ -16,5 +21,9 @@ export * from './render/blocks/stat-counter.js'
 export * from './render/blocks/stats.js'
 export * from './render/blocks/testimonial.js'
 export * from './render/chrome.js'
+export * from './render/details.js'
+export * from './render/figures.js'
+export * from './render/page-head.js'
 export * from './render/render-block.js'
 export * from './render/term-archive.js'
+export * from './render/widget-areas.js'

package/src/render/blocks/accordion.ts

@@ -1,47 +1,53 @@
 import type { AccordionBlock, AccordionItem } from '@cogenta/blocks'
 import {
-  blockHeadingTag,
   type HtmlElement,
   h,
-  heading,
+  nestedHeadingTag,
   type RenderContext,
   renderRichText,
 } from '@cogenta/theme-kit'
+import { section, sectionHead } from '../layout.js'
 
 /**
- * `blocks@2.0` (RFC 0001). Shares `faq`'s `<details>`/`<summary>` mechanics —
- * the same zero-JavaScript disclosure this theme's own mobile nav toggle
- * uses — but is its own block, since "accordion" and "frequently asked
- * question" are different editorial intents even when the shape coincides.
+ * Notes a visitor opens when they need them: what to bring, parking, the
+ * safeguarding check. The title on the first four columns and the rows on the
+ * last eight, each row a `<details>` under a hairline. It opens without a
+ * script and is found by the browser's own search. The question sits in a
+ * real heading inside the summary, so a screen reader's heading list still
+ * reaches every one. The plus that becomes a minus is two bars drawn by the
+ * stylesheet, not a glyph.
  */
-function renderItem(item: AccordionItem, ctx: RenderContext): HtmlElement {
+function row(item: AccordionItem, ctx: RenderContext, titled: boolean): HtmlElement {
   return h(
     'li',
-    { class: 'cg-accordion__item' },
+    { class: 'ca-notes__item' },
     h(
       'details',
-      { class: 'cg-accordion__details' },
-      h('summary', { class: 'cg-accordion__question' }, item.question),
-      h('div', { class: 'cg-accordion__answer' }, renderRichText(ctx, item.answer)),
+      { class: 'ca-notes__details' },
+      h(
+        'summary',
+        { class: 'ca-notes__summary' },
+        h(nestedHeadingTag('accordion', titled), { class: 'ca-notes__question' }, item.question),
+        h('span', { class: 'ca-notes__mark', 'aria-hidden': 'true' }),
+      ),
+      h('div', { class: 'ca-notes__answer' }, renderRichText(ctx, item.answer)),
     ),
   )
 }
 
 export function renderAccordion(block: AccordionBlock, ctx: RenderContext): HtmlElement {
-  return h(
+  const titled = block.title !== undefined
+  return section(
     'section',
-    { class: 'cg-block cg-accordion', 'data-block': 'accordion' },
-    block.title === undefined
-      ? null
-      : heading(
-          blockHeadingTag('accordion') ?? 'h2',
-          { class: 'cg-accordion__title', 'data-field': 'title' },
-          block.title,
-        ),
+    'accordion',
+    'ca-notes',
+    { 'data-titled': String(titled) },
+    'div',
+    sectionHead('accordion', block.title),
     h(
       'ul',
-      { class: 'cg-accordion__items' },
-      block.items.map((item) => renderItem(item, ctx)),
+      { class: 'ca-notes__items' },
+      block.items.map((item) => row(item, ctx, titled)),
     ),
   )
 }

package/src/render/blocks/breakdown.ts

@@ -0,0 +1,42 @@
+import { type HtmlElement, h, type RenderContext } from '@cogenta/theme-kit'
+import { shareOf } from '../figures.js'
+import { associationString } from '../strings.js'
+
+/**
+ * Where the money goes, as shares of one total: one row per share, the
+ * percentage in tabular figures, what it pays for, and a bar under it as long
+ * as the share. The bar is a presentational `<span>` whose length is the
+ * number beside it, so nothing is said twice to a screen reader; the figure
+ * itself is a `<data>` element carrying the exact value.
+ */
+export function renderBreakdown(
+  items: readonly {
+    readonly value: string
+    readonly unit?: string | undefined
+    readonly label: string
+  }[],
+  ctx: RenderContext,
+): HtmlElement {
+  return h(
+    'dl',
+    { class: 'ca-shares', 'aria-label': associationString(ctx.locale, 'share') },
+    items.map((item) => {
+      const share = shareOf(item.value, item.unit) ?? 0
+      return h(
+        'div',
+        { class: 'ca-shares__item' },
+        h('dt', { class: 'ca-shares__label' }, item.label),
+        h(
+          'dd',
+          { class: 'ca-shares__value' },
+          h('data', { value: String(share) }, `${item.value}${item.unit ?? ''}`),
+        ),
+        h(
+          'dd',
+          { class: 'ca-shares__track', 'aria-hidden': 'true' },
+          h('span', { class: 'ca-shares__bar', style: `inline-size:${share}%` }),
+        ),
+      )
+    }),
+  )
+}

package/src/render/blocks/collection-list.ts

@@ -1,6 +1,5 @@
 import type { CollectionListBlock } from '@cogenta/blocks'
 import {
-  blockHeadingTag,
   buildCollectionListQuery,
   type ContentEntry,
   entryExcerpt,
@@ -12,133 +11,265 @@ import {
   h,
   heading,
   nestedHeadingTag,
+  type QueryRequest,
   type RenderContext,
   renderImageSource,
 } from '@cogenta/theme-kit'
+import {
+  type EventTime,
+  eventTimeOf,
+  factsOf,
+  hoursOf,
+  placeOf,
+  renderDateBlock,
+  renderFacts,
+  textOf,
+} from '../details.js'
+import { section, sectionHead } from '../layout.js'
 
 /**
- * The only block of the seventeen that reads data at render time — contract
- * B marks it `runtime: 'server'` for that reason. The read is *not* done
- * here: `query` builds the request from the block's own fields, the caller
- * awaits `ctx.content.list(...)` before rendering starts, and this function
- * stays a pure function of the entries handed to it.
+ * A list of entries, read by what the entries are rather than by a setting.
+ *
+ * - **Events.** Every entry carries a date (`eventTimeOf`), so this is a
+ *   calendar, and it reads in date order whatever order the entries arrived
+ *   in. `list` sets one event per row under a hairline: the date block (the
+ *   month in small capitals, the day large, the weekday) on the first two
+ *   columns, the title, the hours and the place, and the entry's summary;
+ *   what it costs on the right. `grid` sets the same events three to a row
+ *   under a rule; `carousel` in a row that scrolls sideways.
+ * - **Programmes and stories with photographs.** Every entry has a picture.
+ *   `list` alternates rows of picture and words, the picture a 4:5 crop on
+ *   four columns, first on the left, then on the right; the words carry the
+ *   entry's schedule in the organisation's green, its title, its summary and
+ *   where it happens. `grid` sets the same entries three to a row;
+ *   `carousel` in a row that scrolls sideways.
+ * - **An index.** Anything else: ruled rows of titles and their summaries.
+ *
+ * The page an entry is shown on is never listed on itself: "more events" on
+ * an event's own page skips the event above it.
+ *
+ * Each picture repeats the link of its title, so it is taken out of the tab
+ * order and hidden from assistive technology: one link per entry is
+ * announced, the title.
  */
-export { buildCollectionListQuery as query }
 
-/** A string field, read straight off the raw entry — never invented. */
-function stringField(entry: ContentEntry, field: string): string | undefined {
-  const value = entry[field]
-  return typeof value === 'string' && value.trim() !== '' ? value : undefined
+type Shape = 'events' | 'rows' | 'photos' | 'index'
+
+function shapeOf(
+  entries: readonly ContentEntry[],
+  ctx: RenderContext,
+  layout: CollectionListBlock['layout'],
+): Shape {
+  if (entries.every((entry) => eventTimeOf(entry) !== undefined)) return 'events'
+  if (entries.every((entry) => entryImage(entry, ctx) !== undefined)) {
+    return layout === 'list' ? 'rows' : 'photos'
+  }
+  return 'index'
 }
 
-/**
- * "Upcoming events" cards are what this block is built around: a rounded,
- * shadowed card whose left edge carries a big day/month badge, built
- * straight from the entry's own `date` field when it has one — never from
- * `entryDate` (which reads `publishedAt`/`createdAt`, a system field with a
- * different meaning for an event than the date it actually happens on).
- * `location` is read the same direct way, since it too is a schema field no
- * shared helper names.
- *
- * An entry from a collection with neither `date` nor `location` — any other
- * collection a site points a `collectionList` at — falls back to the same
- * title/excerpt/cover row every other theme's list block shows, so this
- * block stays generically usable, not association-only.
- */
-function renderEntry(entry: ContentEntry, ctx: RenderContext, tag: HeadingTag): HtmlElement {
-  const rawDate = stringField(entry, 'date')
-  const parsed = rawDate === undefined ? null : new Date(rawDate)
-  const hasDate = parsed !== null && !Number.isNaN(parsed.getTime())
-  const location = stringField(entry, 'location')
+function mediaLink(
+  entry: ContentEntry,
+  ctx: RenderContext,
+  className: string,
+  sizes: string,
+): HtmlElement | null {
+  const source = entryImage(entry, ctx)
+  if (source === undefined) return null
+  return h(
+    'a',
+    {
+      class: `${className}__media`,
+      href: entryHref(entry, ctx),
+      tabindex: '-1',
+      'aria-hidden': 'true',
+    },
+    renderImageSource(source, { className: `${className}__image`, sizes }),
+  )
+}
+
+function titleLink(
+  entry: ContentEntry,
+  ctx: RenderContext,
+  tag: HeadingTag,
+  className: string,
+): HtmlElement {
+  return heading(
+    tag,
+    { class: `${className}__title` },
+    h('a', { class: `${className}__link`, href: entryHref(entry, ctx) }, entryTitle(entry, ctx)),
+  )
+}
+
+function event(
+  entry: ContentEntry,
+  time: EventTime,
+  ctx: RenderContext,
+  tag: HeadingTag,
+): HtmlElement {
+  const hours = hoursOf(time, ctx.locale)
+  const place = placeOf(entry)
   const excerpt = entryExcerpt(entry)
-  const cover = entryImage(entry, ctx, { width: 320, height: 320, fit: 'cover' })
-
-  const badge = !hasDate
-    ? null
-    : h(
-        'time',
-        { class: 'cg-event-card__date', datetime: rawDate },
-        h('span', { class: 'cg-event-card__day' }, String((parsed as Date).getDate())),
-        h(
-          'span',
-          { class: 'cg-event-card__month' },
-          new Intl.DateTimeFormat(ctx.locale, { month: 'short' }).format(parsed as Date),
-        ),
-        h(
-          'span',
-          { class: 'cg-event-card__time' },
-          new Intl.DateTimeFormat(ctx.locale, { hour: 'numeric', minute: '2-digit' }).format(
-            parsed as Date,
+  const cost = textOf(entry.cost)
+  return h(
+    'li',
+    { class: 'ca-events__item' },
+    renderDateBlock(time, ctx.locale, 'ca-date'),
+    h(
+      'div',
+      { class: 'ca-events__body' },
+      titleLink(entry, ctx, tag, 'ca-events'),
+      hours === undefined && place === undefined
+        ? null
+        : h(
+            'p',
+            { class: 'ca-events__meta' },
+            hours === undefined ? null : h('span', { class: 'ca-events__hours' }, hours),
+            place === undefined ? null : h('span', { class: 'ca-events__place' }, place),
           ),
-        ),
-      )
+      excerpt === undefined ? null : h('p', { class: 'ca-events__text' }, excerpt),
+    ),
+    cost === undefined ? null : h('p', { class: 'ca-events__cost' }, cost),
+  )
+}
 
+function row(entry: ContentEntry, ctx: RenderContext, tag: HeadingTag): HtmlElement {
+  const excerpt = entryExcerpt(entry)
+  const facts = factsOf(entry, ctx.locale)
+  const when = facts.find((fact) => fact.key === 'when')
+  const rest = facts.filter((fact) => fact.key === 'where' || fact.key === 'audience')
   return h(
     'li',
-    { class: 'cg-event-card' },
-    badge,
-    cover === undefined
-      ? null
-      : h('div', { class: 'cg-event-card__cover' }, renderImageSource(cover, { loading: 'lazy' })),
+    { class: 'ca-rows__item' },
+    mediaLink(entry, ctx, 'ca-rows', '(min-width: 64rem) 30vw, 100vw'),
     h(
       'div',
-      { class: 'cg-event-card__body' },
-      location === undefined ? null : h('p', { class: 'cg-event-card__location' }, location),
-      heading(
-        tag,
-        { class: 'cg-event-card__title' },
-        h(
-          'a',
-          { class: 'cg-event-card__link', href: entryHref(entry, ctx) },
-          entryTitle(entry, ctx),
-        ),
-      ),
-      excerpt === undefined ? null : h('p', { class: 'cg-event-card__excerpt' }, excerpt),
+      { class: 'ca-rows__body' },
+      when === undefined ? null : h('p', { class: 'ca-kicker ca-rows__when' }, when.value),
+      titleLink(entry, ctx, tag, 'ca-rows'),
+      excerpt === undefined ? null : h('p', { class: 'ca-rows__text' }, excerpt),
+      renderFacts(rest, 'ca-rows__facts'),
     ),
   )
 }
 
+function photo(entry: ContentEntry, ctx: RenderContext, tag: HeadingTag): HtmlElement {
+  const excerpt = entryExcerpt(entry)
+  return h(
+    'li',
+    { class: 'ca-photos__item' },
+    mediaLink(entry, ctx, 'ca-photos', '(min-width: 64rem) 26vw, 80vw'),
+    titleLink(entry, ctx, tag, 'ca-photos'),
+    excerpt === undefined ? null : h('p', { class: 'ca-photos__text' }, excerpt),
+  )
+}
+
+function indexItem(entry: ContentEntry, ctx: RenderContext, tag: HeadingTag): HtmlElement {
+  const excerpt = entryExcerpt(entry)
+  return h(
+    'li',
+    { class: 'ca-index__item' },
+    titleLink(entry, ctx, tag, 'ca-index'),
+    excerpt === undefined ? null : h('p', { class: 'ca-index__text' }, excerpt),
+  )
+}
+
+/** The entries that are not the page being rendered. */
+function othersThanThisPage(
+  entries: readonly ContentEntry[],
+  ctx: RenderContext,
+): readonly ContentEntry[] {
+  return entries.filter((entry) => entryHref(entry, ctx) !== ctx.url.pathname)
+}
+
+function scroller(block: CollectionListBlock, ctx: RenderContext, list: HtmlElement): HtmlElement {
+  return h(
+    'div',
+    {
+      class: 'ca-list__viewport',
+      role: 'region',
+      'aria-label': block.title ?? ctx.t('collection.carousel'),
+      tabindex: '0',
+    },
+    list,
+  )
+}
+
+function body(
+  shape: Shape,
+  shown: readonly ContentEntry[],
+  block: CollectionListBlock,
+  ctx: RenderContext,
+  tag: HeadingTag,
+): HtmlElement {
+  switch (shape) {
+    case 'events': {
+      const dated = shown
+        .map((entry) => ({ entry, time: eventTimeOf(entry) as EventTime }))
+        .sort((a, b) => a.time.start.date.getTime() - b.time.start.date.getTime())
+      const list = h(
+        'ul',
+        { class: 'ca-list__items ca-events' },
+        dated.map(({ entry, time }) => event(entry, time, ctx, tag)),
+      )
+      return block.layout === 'carousel' ? scroller(block, ctx, list) : list
+    }
+    case 'rows':
+      return h(
+        'ul',
+        { class: 'ca-list__items ca-rows' },
+        shown.map((entry) => row(entry, ctx, tag)),
+      )
+    case 'photos': {
+      const list = h(
+        'ul',
+        { class: 'ca-list__items ca-photos' },
+        shown.map((entry) => photo(entry, ctx, tag)),
+      )
+      return block.layout === 'carousel' ? scroller(block, ctx, list) : list
+    }
+    case 'index':
+      return h(
+        'ul',
+        { class: 'ca-list__items ca-index' },
+        shown.map((entry) => indexItem(entry, ctx, tag)),
+      )
+  }
+}
+
 export function renderCollectionList(
   block: CollectionListBlock,
   ctx: RenderContext,
-  entries: readonly ContentEntry[],
+  fetched: readonly ContentEntry[],
 ): HtmlElement {
-  const hasTitle = block.title !== undefined
-  const entryTag = nestedHeadingTag('collectionList', hasTitle)
-  const items =
-    entries.length === 0
-      ? h('p', { class: 'cg-list__empty' }, ctx.t('collection.empty'))
-      : h(
-          'ul',
-          { class: 'cg-list__items cg-event-cards' },
-          entries.map((entry) => renderEntry(entry, ctx, entryTag)),
-        )
+  const titled = block.title !== undefined
+  const shown = othersThanThisPage(fetched, ctx)
+  const tag = nestedHeadingTag('collectionList', titled)
 
-  return h(
+  if (shown.length === 0) {
+    return section(
+      'section',
+      'collectionList',
+      'ca-list',
+      { 'data-layout': block.layout, 'data-shape': 'empty' },
+      'div',
+      sectionHead('collectionList', block.title),
+      h('p', { class: 'ca-empty' }, ctx.t('collection.empty')),
+    )
+  }
+
+  const shape = shapeOf(shown, ctx, block.layout)
+  return section(
     'section',
-    {
-      class: 'cg-block cg-list',
-      'data-block': 'collectionList',
-      'data-layout': block.layout,
-    },
-    hasTitle
-      ? heading(
-          blockHeadingTag('collectionList') ?? 'h2',
-          { class: 'cg-list__title-heading', 'data-field': 'title' },
-          block.title ?? '',
-        )
-      : null,
-    block.layout === 'carousel'
-      ? h(
-          'div',
-          {
-            class: 'cg-list__viewport',
-            role: 'region',
-            'aria-label': block.title ?? ctx.t('collection.carousel'),
-            tabindex: '0',
-          },
-          items,
-        )
-      : items,
+    'collectionList',
+    'ca-list',
+    { 'data-layout': block.layout, 'data-shape': shape },
+    'div',
+    sectionHead('collectionList', block.title),
+    body(shape, shown, block, ctx, tag),
   )
 }
+
+/** The query this block needs, fetched by the host before any markup is built. */
+export function query(block: CollectionListBlock): QueryRequest {
+  return buildCollectionListQuery(block)
+}