@cogenta/theme-portfolio 1.1.2 → 1.3.3

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

@@ -1,36 +1,48 @@
-import { h } from '@cogenta/theme-kit';
+import { h, } from '@cogenta/theme-kit';
+import { taxonomyLabel, yearOf } from './layout.js';
+import { renderIndexRow } from './work.js';
 /**
- * The taxonomy-term archive (contract D `theme@1.3`), in this theme's own
- * brutalist-editorial voice: the term set as a display heading with the
- * taxonomy name as a kicker above it, and the entries as the same numbered
- * `cg-entry` rows `collectionList` already renders here — an index, not a
- * card grid.
+ * The page of one taxonomy term (contract D `theme@1.3`): every project filed
+ * under a discipline, a client or a member of the team.
  *
- * Reusing the block's own classes rather than inventing archive-only ones is
- * deliberate: it is what makes an archive of work look like this theme's
- * lists without a second stylesheet to keep in step.
+ * It is set as the studio's index, not as a grid: an archive entry carries no
+ * picture (`TermArchiveEntry` has none), and a grid of empty frames is worse
+ * than a well-set list. The taxonomy's own name sits above the term in the
+ * caption size; the term itself is the page's one `h1`, very large; each
+ * project is a ruled row with its title, its statement when it has one, and
+ * its year; sub-terms and the pager are
+ * underlined words, the pager's arrows drawn by the stylesheet.
  */
-export function renderTermArchive(input) {
-    const items = input.entries.map((entry, index) => h('li', { class: 'cg-entry' }, h('div', { class: 'cg-entry__body' }, h('span', { class: 'cg-entry__index', 'aria-hidden': 'true' }, String(index + 1).padStart(2, '0')), h('h2', { class: 'cg-entry__title' }, entry.href === null
-        ? entry.title
-        : h('a', { class: 'cg-entry__link', href: entry.href }, entry.title)), entry.publishedAt === null
-        ? null
-        : h('time', { class: 'cg-entry__date', datetime: entry.publishedAt }, entry.publishedAt.slice(0, 10)), entry.summary === null ? null : h('p', { class: 'cg-entry__excerpt' }, entry.summary))));
-    return h('main', { class: 'cg-main cg-archive', id: 'cg-main' }, input.ancestors.length === 0
-        ? null
-        : h('nav', { class: 'cg-archive__breadcrumb', 'aria-label': input.labels.breadcrumb }, h('ol', {}, ...input.ancestors.map((l) => h('li', {}, h('a', { href: l.href }, l.label))))), h('p', { class: 'cg-collection__title' }, input.taxonomyName), h('h1', { class: 'cg-page__title' }, input.term.label), input.children.length === 0
-        ? null
-        : h('ul', { class: 'cg-archive__children', 'aria-label': input.labels.subterms }, ...input.children.map((c) => h('li', {}, h('a', { href: c.href }, c.label)))), items.length === 0
-        ? h('p', { class: 'cg-collection__empty' }, input.labels.empty)
-        : h('ul', { class: 'cg-collection__items' }, ...items), pager(input));
+function workFromArchive(entry) {
+    const year = entry.publishedAt === null ? undefined : yearOf(entry.publishedAt);
+    return {
+        href: entry.href,
+        title: entry.title,
+        caption: year === undefined ? {} : { year },
+        ...(entry.summary === null ? {} : { summary: entry.summary }),
+    };
 }
 function pager(input) {
     if (input.page.previousHref === null && input.page.nextHref === null)
         return null;
     return h('nav', { class: 'cg-archive__pager', 'aria-label': input.labels.pagination }, input.page.previousHref === null
         ? null
-        : h('a', { rel: 'prev', href: input.page.previousHref }, input.labels.previous), input.page.nextHref === null
+        : h('a', {
+            class: 'cg-arrow-link',
+            'data-direction': 'back',
+            rel: 'prev',
+            href: input.page.previousHref,
+        }, input.labels.previous), input.page.nextHref === null
+        ? null
+        : h('a', { class: 'cg-arrow-link', rel: 'next', href: input.page.nextHref }, input.labels.next));
+}
+export function renderTermArchive(input) {
+    return h('main', { class: 'cg-main cg-archive', id: 'cg-main' }, h('header', { class: 'cg-archive__head' }, h('div', { class: 'cg-container cg-archive__head-inner' }, input.ancestors.length === 0
+        ? null
+        : h('nav', { class: 'cg-archive__breadcrumb', 'aria-label': input.labels.breadcrumb }, h('ol', { class: 'cg-archive__trail' }, input.ancestors.map((link) => h('li', {}, h('a', { href: link.href }, link.label))))), h('p', { class: 'cg-archive__kicker' }, taxonomyLabel(input.taxonomyName, input.locale)), h('h1', { class: 'cg-archive__title' }, input.term.label), input.children.length === 0
         ? null
-        : h('a', { rel: 'next', href: input.page.nextHref }, input.labels.next));
+        : h('ul', { class: 'cg-archive__children', 'aria-label': input.labels.subterms }, input.children.map((child) => h('li', {}, h('a', { class: 'cg-arrow-link', href: child.href }, child.label)))))), h('section', { class: 'cg-section cg-collection', 'data-form': 'index' }, h('div', { class: 'cg-container cg-collection__inner' }, input.entries.length === 0
+        ? h('p', { class: 'cg-empty' }, input.labels.empty)
+        : h('ol', { class: 'cg-index', 'data-count': String(input.entries.length) }, input.entries.map((entry) => renderIndexRow(workFromArchive(entry), 'h2'))), pager(input))));
 }
 //# sourceMappingURL=term-archive.js.map

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
+ * colophon, on the footer's twelve columns; the page areas are placed by the
+ * host in the shared `cg-sidebar-layout` markup, which `styles/widgets.css`
+ * sets on the page's own grid: the column beside the content takes the last
+ * columns of the twelve, the way the header's navigation does.
+ */
+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,EAYA,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
+ * colophon, on the footer's twelve columns; the page areas are placed by the
+ * host in the shared `cg-sidebar-layout` markup, which `styles/widgets.css`
+ * sets on the page's own grid: the column beside the content takes the last
+ * columns of the twelve, the way the header's navigation does.
+ */
+export const widgetAreas = [
+    {
+        id: 'sidebar',
+        label: 'Beside the page',
+        description: 'Beside an index of work (a discipline, a client, a member of the team) and search results.',
+    },
+    {
+        id: 'content-after',
+        label: 'After the work',
+        description: 'Under a project or a page, before the footer: more work, a way to get in touch.',
+    },
+];
+//# 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,iBAAiB;QACxB,WAAW,EACT,4FAA4F;KAC/F;IACD;QACE,EAAE,EAAE,eAAe;QACnB,KAAK,EAAE,gBAAgB;QACvB,WAAW,EAAE,iFAAiF;KAC/F;CACF,CAAA"}

package/dist/src/render/work.d.ts

@@ -0,0 +1,37 @@
+import { type ContentEntry, type HeadingTag, type HtmlElement, type ImageSource, type RenderContext } from '@cogenta/theme-kit';
+import { type WorkCaption } from './layout.js';
+/**
+ * One piece of work as a listing sets it: the image, square-cornered and
+ * edge to edge within its columns, then the title and the caption line
+ * (client, discipline, year). The grid, the strip and the index all build
+ * their rows from this one unit.
+ *
+ * The title is the one link. The image links to the same page but is taken
+ * out of the tab order and hidden from assistive technology, so a keyboard or
+ * screen-reader user meets each project once.
+ */
+export interface Work {
+    readonly href: string | null;
+    readonly title: string;
+    readonly caption: WorkCaption;
+    readonly image?: ImageSource;
+    /** A sentence about the work, when the source carries one and the slot shows it (the archive index). */
+    readonly summary?: string;
+}
+export declare function workFromEntry(entry: ContentEntry, ctx: RenderContext): Work;
+export interface WorkCardOptions {
+    readonly tag: HeadingTag;
+    readonly sizes: string;
+    readonly loading?: 'eager' | 'lazy';
+}
+export declare function renderWorkCard(work: Work, options: WorkCardOptions): HtmlElement;
+/**
+ * A row of the index: the title, then the client, the discipline and the
+ * year in their own columns, a hairline under each. The columns carry no
+ * header row: a header is words, and a theme has no translation for them.
+ * The client and the discipline share one wrapper, so on a phone they read
+ * as one line under the title; on a wide screen the wrapper steps aside
+ * (`display: contents`) and each takes its column.
+ */
+export declare function renderIndexRow(work: Work, tag: HeadingTag): HtmlElement;
+//# sourceMappingURL=work.d.ts.map

package/dist/src/render/work.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"work.d.ts","sourceRoot":"","sources":["../../../src/render/work.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,YAAY,EAIjB,KAAK,UAAU,EACf,KAAK,WAAW,EAGhB,KAAK,WAAW,EAChB,KAAK,aAAa,EAEnB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAA6C,KAAK,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzF;;;;;;;;;GASG;AACH,MAAM,WAAW,IAAI;IACnB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,wGAAwG;IACxG,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAC1B;AAKD,wBAAgB,aAAa,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,aAAa,GAAG,IAAI,CAY3E;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,GAAG,EAAE,UAAU,CAAA;IACxB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CACpC;AAYD,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,GAAG,WAAW,CA0BhF;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,GAAG,WAAW,CAoBvE"}

package/dist/src/render/work.js

@@ -0,0 +1,49 @@
+import { entryHref, entryImage, entryTitle, h, heading, renderImageSource, } from '@cogenta/theme-kit';
+import { captionUnder, entryCaption, renderCaption } from './layout.js';
+/** Covers are drawn at 3:2; a listing never asks for another shape, so no card is cropped differently from its neighbour. */
+const COVER_WIDTH = 2000;
+export function workFromEntry(entry, ctx) {
+    const image = entryImage(entry, ctx, {
+        width: COVER_WIDTH,
+        height: Math.round((COVER_WIDTH * 2) / 3),
+        fit: 'cover',
+    });
+    return {
+        href: entryHref(entry, ctx),
+        title: entryTitle(entry, ctx),
+        caption: entryCaption(entry),
+        ...(image === undefined || image.kind !== 'image' ? {} : { image }),
+    };
+}
+function titleOf(work, tag, className) {
+    return heading(tag, { class: className }, work.href === null
+        ? work.title
+        : h('a', { class: 'cg-work__link', href: work.href }, work.title));
+}
+export function renderWorkCard(work, options) {
+    const picture = work.image === undefined
+        ? h('div', { class: 'cg-work__media', 'data-empty': 'true' })
+        : h(work.href === null ? 'div' : 'a', work.href === null
+            ? { class: 'cg-work__media' }
+            : { class: 'cg-work__media', href: work.href, tabindex: '-1', 'aria-hidden': 'true' }, renderImageSource(work.image, {
+            className: 'cg-work__image',
+            sizes: options.sizes,
+            loading: options.loading ?? 'lazy',
+        }));
+    return h('article', { class: 'cg-work' }, picture, h('div', { class: 'cg-work__text' }, titleOf(work, options.tag, 'cg-work__title'), renderCaption(captionUnder(work.caption, work.title), 'cg-work__caption')));
+}
+/**
+ * A row of the index: the title, then the client, the discipline and the
+ * year in their own columns, a hairline under each. The columns carry no
+ * header row: a header is words, and a theme has no translation for them.
+ * The client and the discipline share one wrapper, so on a phone they read
+ * as one line under the title; on a wide screen the wrapper steps aside
+ * (`display: contents`) and each takes its column.
+ */
+export function renderIndexRow(work, tag) {
+    const { client, discipline, year } = work.caption;
+    return h('li', { class: 'cg-index__row' }, titleOf(work, tag, 'cg-index__title'), work.summary === undefined
+        ? h('span', { class: 'cg-index__meta' }, h('span', { class: 'cg-index__cell', 'data-part': 'client' }, client ?? ''), h('span', { class: 'cg-index__cell', 'data-part': 'discipline' }, discipline ?? ''))
+        : h('span', { class: 'cg-index__meta' }, h('span', { class: 'cg-index__summary' }, work.summary)), h('span', { class: 'cg-index__cell', 'data-part': 'year' }, year ?? ''));
+}
+//# sourceMappingURL=work.js.map

package/dist/src/render/work.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"work.js","sourceRoot":"","sources":["../../../src/render/work.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EACT,UAAU,EACV,UAAU,EAGV,CAAC,EACD,OAAO,EAGP,iBAAiB,GAClB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAoB,MAAM,aAAa,CAAA;AAqBzF,6HAA6H;AAC7H,MAAM,WAAW,GAAG,IAAI,CAAA;AAExB,MAAM,UAAU,aAAa,CAAC,KAAmB,EAAE,GAAkB;IACnE,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,EAAE,GAAG,EAAE;QACnC,KAAK,EAAE,WAAW;QAClB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QACzC,GAAG,EAAE,OAAO;KACb,CAAC,CAAA;IACF,OAAO;QACL,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC;QAC3B,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC;QAC7B,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC;QAC5B,GAAG,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;KACpE,CAAA;AACH,CAAC;AAQD,SAAS,OAAO,CAAC,IAAU,EAAE,GAAe,EAAE,SAAiB;IAC7D,OAAO,OAAO,CACZ,GAAG,EACH,EAAE,KAAK,EAAE,SAAS,EAAE,EACpB,IAAI,CAAC,IAAI,KAAK,IAAI;QAChB,CAAC,CAAC,IAAI,CAAC,KAAK;QACZ,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,CACpE,CAAA;AACH,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,IAAU,EAAE,OAAwB;IACjE,MAAM,OAAO,GACX,IAAI,CAAC,KAAK,KAAK,SAAS;QACtB,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC;QAC7D,CAAC,CAAC,CAAC,CACC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,EAChC,IAAI,CAAC,IAAI,KAAK,IAAI;YAChB,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE;YAC7B,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,EACvF,iBAAiB,CAAC,IAAI,CAAC,KAAK,EAAE;YAC5B,SAAS,EAAE,gBAAgB;YAC3B,KAAK,EAAE,OAAO,CAAC,KAAK;YACpB,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,MAAM;SACnC,CAAC,CACH,CAAA;IACP,OAAO,CAAC,CACN,SAAS,EACT,EAAE,KAAK,EAAE,SAAS,EAAE,EACpB,OAAO,EACP,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,eAAe,EAAE,EAC1B,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,EAAE,gBAAgB,CAAC,EAC5C,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,kBAAkB,CAAC,CAC1E,CACF,CAAA;AACH,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,cAAc,CAAC,IAAU,EAAE,GAAe;IACxD,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,OAAO,CAAA;IACjD,OAAO,CAAC,CACN,IAAI,EACJ,EAAE,KAAK,EAAE,eAAe,EAAE,EAC1B,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,iBAAiB,CAAC,EACrC,IAAI,CAAC,OAAO,KAAK,SAAS;QACxB,CAAC,CAAC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAC3B,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,MAAM,IAAI,EAAE,CAAC,EAC3E,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,UAAU,IAAI,EAAE,CAAC,CACpF;QACH,CAAC,CAAC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAC3B,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC,CACxD,EACL,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,IAAI,IAAI,EAAE,CAAC,CACxE,CAAA;AACH,CAAC"}

package/dist/theme.config.d.ts

@@ -13,13 +13,10 @@
  * `a11y.verified` is a claim this package has to keep true: the tests assert
  * the heading outline, the mandatory `alt`, and zero client JavaScript.
  *
- * L25 pro pass: `renderChrome` now uses every `theme@1.4` field (a real
- * `headerAction` button, a CSS-only mobile menu, `tagline`/`social`/
- * `footerNote` in the footer); `renderPage` draws `renderEntryHeader` for a
- * project's own page; `collectionList`'s `grid`/`carousel` layouts show a
- * full-bleed cover card instead of the plain numbered row; dark-mode
- * elevation was rebuilt from an accent-tinted glow into a flat, zero-blur
- * offset shadow (D5, binding).
+ * L27 studio redesign: Archivo on its width axis, black and white with one
+ * signal colour, an asymmetric work grid of 3:2 covers, a project page with
+ * its lead visual and fact sheet, every block redrawn with hairlines and
+ * space rather than boxes.
  */
 declare const _default: import("@cogenta/theme-kit").ThemeManifest;
 export default _default;

package/dist/theme.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.config.d.ts","sourceRoot":"","sources":["../theme.config.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;GAsBG"}
+{"version":3,"file":"theme.config.d.ts","sourceRoot":"","sources":["../theme.config.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG"}

package/dist/theme.config.js

@@ -14,18 +14,15 @@ import { defineTheme } from '@cogenta/theme-kit';
  * `a11y.verified` is a claim this package has to keep true: the tests assert
  * the heading outline, the mandatory `alt`, and zero client JavaScript.
  *
- * L25 pro pass: `renderChrome` now uses every `theme@1.4` field (a real
- * `headerAction` button, a CSS-only mobile menu, `tagline`/`social`/
- * `footerNote` in the footer); `renderPage` draws `renderEntryHeader` for a
- * project's own page; `collectionList`'s `grid`/`carousel` layouts show a
- * full-bleed cover card instead of the plain numbered row; dark-mode
- * elevation was rebuilt from an accent-tinted glow into a flat, zero-blur
- * offset shadow (D5, binding).
+ * L27 studio redesign: Archivo on its width axis, black and white with one
+ * signal colour, an asymmetric work grid of 3:2 covers, a project page with
+ * its lead visual and fact sheet, every block redrawn with hairlines and
+ * space rather than boxes.
  */
 export default defineTheme({
     name: 'portfolio',
-    version: '1.2.0',
-    description: 'An ultra-modern creative-portfolio theme: brutalist-meets-editorial display type, an electric accent, zero client JavaScript.',
+    version: '1.3.0',
+    description: 'A theme for an independent design studio: work shown large on an asymmetric grid, Archivo set wide for display, black and white with one signal colour, zero client JavaScript.',
     author: 'Cogenta',
     engine: '^1.0.0',
     blocks: '^2.0.0',

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,oBAAoB,CAAA;AAEhD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAe,WAAW,CAAC;IACzB,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,OAAO;IAChB,WAAW,EACT,+HAA+H;IACjI,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,SAAS,EAAE,MAAM,CAAC;IAChC,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,oBAAoB,CAAA;AAEhD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAe,WAAW,CAAC;IACzB,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,OAAO;IAChB,WAAW,EACT,iLAAiL;IACnL,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,SAAS,EAAE,MAAM,CAAC;IAChC,OAAO,EAAE,QAAQ;IACjB,MAAM,EAAE,eAAe;IACvB,IAAI,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE;CAClC,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cogenta/theme-portfolio",
-  "version": "1.1.2",
+  "version": "1.3.3",
   "description": "An ultra-modern creative-portfolio theme for Cogenta: brutalist-meets-editorial typography, an oversized display scale, and zero client JavaScript.",
   "license": "MPL-2.0",
   "type": "module",
@@ -36,9 +36,9 @@
     "directory": "packages/theme-portfolio"
   },
   "dependencies": {
-    "@cogenta/blocks": "1.0.3",
-    "@cogenta/render": "0.2.3",
-    "@cogenta/theme-kit": "0.3.2"
+    "@cogenta/blocks": "1.1.3",
+    "@cogenta/theme-kit": "0.5.3",
+    "@cogenta/render": "0.3.5"
   },
   "peerDependencies": {
     "astro": "^7.2.1"

package/src/index.ts

@@ -1,7 +1,8 @@
-// The shared contract D primitives every theme package implements against —
+// 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/collection-list.js'
 export * from './render/blocks/cta.js'
 export * from './render/blocks/embed.js'
@@ -9,11 +10,19 @@ export * from './render/blocks/faq.js'
 export * from './render/blocks/feature-grid.js'
 export * from './render/blocks/gallery.js'
 export * from './render/blocks/hero.js'
+export * from './render/blocks/logo-strip.js'
 export * from './render/blocks/logos.js'
 export * from './render/blocks/media-figure.js'
+export * from './render/blocks/pricing-table.js'
 export * from './render/blocks/prose.js'
 export * from './render/blocks/quote.js'
+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/layout.js'
+export * from './render/project.js'
 export * from './render/render-block.js'
 export * from './render/term-archive.js'
+export * from './render/widget-areas.js'
+export * from './render/work.js'

package/src/render/blocks/accordion.ts

@@ -1,64 +1,44 @@
 import type { AccordionBlock, AccordionItem } from '@cogenta/blocks'
-import {
-  blockHeadingTag,
-  type HtmlElement,
-  h,
-  heading,
-  type RenderContext,
-  renderRichText,
-} from '@cogenta/theme-kit'
+import { type HtmlElement, h, type RenderContext, renderRichText } from '@cogenta/theme-kit'
+import { section, sectionHead } from '../layout.js'
 
 /**
- * Same zero-JS mechanism as `faq.ts` — `<details>`/`<summary>` gives
- * expand/collapse, keyboard operation and the `[open]` state to assistive
- * technology for free — but with markup and class names of its own
- * (`cg-accordion__*`, never `cg-faq__*`) so the two blocks can diverge
- * visually later without one quietly dragging the other along. RFC 0001
- * treats them as two distinct editorial intents sharing one data shape; this
- * package keeps that distinction in its markup too.
- *
- * The marker here is a plain rotating caret rather than `faq.ts`'s plus/
- * cross, and questions sit in a numbered ledger the same way `logos.ts`'s
- * items do — an accordion reads as an indexed list of topics, not a wall of
- * frequently-asked questions.
+ * Collapsible notes on a ruled list, from the fourth column: each question on
+ * its own row in the display width, a plus drawn from two bars that loses its
+ * upright when the row is open, and the answer at the reading measure.
+ * Opening, keyboard behaviour and the announced state are all native
+ * `<details>`. No script.
  */
-function renderItem(item: AccordionItem, ctx: RenderContext, index: number): HtmlElement {
+function renderItem(item: AccordionItem, ctx: RenderContext): HtmlElement {
   return h(
     'li',
-    { class: 'cg-accordion__item' },
+    { class: 'cg-notes__item' },
     h(
       'details',
-      { class: 'cg-accordion__details' },
+      { class: 'cg-notes__details' },
       h(
         'summary',
-        { class: 'cg-accordion__question' },
-        h(
-          'span',
-          { class: 'cg-accordion__index', 'aria-hidden': 'true' },
-          String(index + 1).padStart(2, '0'),
-        ),
-        h('span', { class: 'cg-accordion__label' }, item.question),
+        { class: 'cg-notes__question' },
+        h('span', { class: 'cg-notes__question-text' }, item.question),
+        h('span', { class: 'cg-notes__mark', 'aria-hidden': 'true' }),
       ),
-      h('div', { class: 'cg-accordion__answer' }, renderRichText(ctx, item.answer)),
+      h('div', { class: 'cg-notes__answer' }, renderRichText(ctx, item.answer)),
     ),
   )
 }
 
 export function renderAccordion(block: AccordionBlock, ctx: RenderContext): HtmlElement {
-  return h(
+  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',
+    'cg-notes cg-split',
+    { 'data-titled': block.title === undefined ? 'false' : 'true' },
+    'div',
+    sectionHead('accordion', block.title),
     h(
       'ul',
-      { class: 'cg-accordion__items' },
-      block.items.map((item, index) => renderItem(item, ctx, index)),
+      { class: 'cg-notes__items' },
+      block.items.map((item) => renderItem(item, ctx)),
     ),
   )
 }