pandorga 1.10.0 → 1.10.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 57520c1d6ff472368d36e60fe8b2cfa73bd3a10ae64e5201d7ff2aae2d05d93f
-  data.tar.gz: 373041d44db6e27eff5cfb42e6086c5d78b54c1a57e682906ed74d4167f3efe7
+  metadata.gz: 4e66f241523945a85596363141b9693e01ac61e5d6eec0771366ced0ef2dc8b6
+  data.tar.gz: 7f00fe9a24f801f42065b3b80d760ccdc1b57fc6c46d89664e2f4e654168a545
 SHA512:
-  metadata.gz: dea59bee7700b649e1db8740f8b825332b3c382e03ab8e7745ec3261dc7d31140571b26bdf2e7cb27f13910d6974aa7cb9e8f7a38a0dfb8c5064cc5c41c4400d
-  data.tar.gz: 7ce51565da0ef33816b8f95b37ba80e0300d91135049a80025719d4b91571be9a15c5fe0c3e1d13722f817b1c73f81e76a274fae54d11506e06da75eda0e9159
+  metadata.gz: 92e01266bf8f8f0c3a59f47596dd2d589dbd357d361471ecd59fba91d1e44b172f9c7eb3bc9b4958e0a27e8e5cb191637fb908044ec0c4a92b67e20b1237eb28
+  data.tar.gz: b10c2447cc7dbead75c291ffd0abdd0a32854906dcb87ffc763d4f0435b31836417eb99f0a7a01649c19b1d3b1572fd56865c2b566ead68c62828964e0d42daa

data/CHANGELOG.md

@@ -1,5 +1,30 @@
 # Changelog
 
+## [1.10.2] — 2026-10-16
+
+### Changed
+
+- On the home projects bench, each inventory row shows the project icon mark
+  (or initial fallback), optional index and label strip, and title, without a
+  thumbnail poster, tagline preview, or attached-resource icons. On desktop
+  (`>= 900px`) each row fits that two-line body and square icon mark, and the
+  specimen height matches the inventory stack
+- Project hero action pills keep their label text free of underlines at rest
+  and on hover
+
+## [1.10.1] — 2026-10-14
+
+### Changed
+
+- On article, draft, product, and project detail pages, the category pills
+  keep `--space-md` above and below, on a phone and in the desktop dossier
+- The description under the title stays the body face at `--type-prose`,
+  and uses `--color-on-surface-variant`, the muted ink of secondary text
+- On a phone, the contents dropdown links use `--type-prose`. The gap above
+  that dropdown is `--space-sm`. The gap under it stays `--space-md`, the
+  same inset as the pills. The date text keeps `--space-sm` under its own
+  rule and above the action rule
+
 ## [1.10.0] — 2026-10-14
 
 ### Added

data/_includes/content-runtime/43-blocks.html

@@ -330,9 +330,9 @@
     }
 
     /* Rack card for the home portfolio bench.
-     * Desktop: thumb (or icon, or initial) beside a code line, title and
-     * tagline. The mobile strip shows the project glyph only. Selectable rows
-     * update the specimen. */
+     * Desktop: square icon mark (or initial) beside a code line and title.
+     * The mobile strip shows the project glyph only. Selectable rows update
+     * the specimen. */
     function renderProjectInventoryRow(item, options) {
       options = options || {};
       var f = blockFields(item);
@@ -357,12 +357,12 @@
         row.setAttribute('aria-label', name);
       }
 
-      var media = renderPosterMedia(fm.thumbnail, name);
       var initial = String(name || '?').charAt(0).toUpperCase();
-      if (!media && fm.icon) {
+      var media;
+      if (fm.icon) {
         media = '<div class="home-project-inventory-mark" aria-hidden="true">' +
           '<span class="material-symbols-outlined">' + escapeHtml(fm.icon) + '</span></div>';
-      } else if (!media) {
+      } else {
         media = '<div class="home-project-inventory-mark home-project-inventory-mark--initial" aria-hidden="true">' +
           escapeHtml(initial) + '</div>';
       }
@@ -388,9 +388,6 @@
           '<a class="ledger-card-stretch" href="' + escapeAttr(href) + '">' +
           escapeHtml(name) + '</a></h3>';
       }
-      if (fm.tagline) {
-        html += '<p class="home-project-inventory-copy font-body">' + escapeHtml(fm.tagline) + '</p>';
-      }
       html += '</div>';
       if (fm.icon) {
         html += '<span class="home-project-inventory-glyph material-symbols-outlined" aria-hidden="true">' +
@@ -399,7 +396,6 @@
         html += '<span class="home-project-inventory-glyph home-project-inventory-glyph--initial" aria-hidden="true">' +
           escapeHtml(initial) + '</span>';
       }
-      html += renderProjectResourceBadges(fm);
 
       row.innerHTML = html;
       return row;
@@ -473,32 +469,6 @@
       return links.join('');
     }
 
-    /* Square resource marks for the home inventory rack — same fields as
-     * renderProjectLinks (github / article_url / external_url), icon-only
-     * indicators (not links). */
-    function renderProjectResourceBadges(fm) {
-      var badges = [];
-      if (fm.github) {
-        badges.push({ icon: 'code', label: 'Code' });
-      }
-      if (fm.article_url) {
-        badges.push({ icon: 'article', label: 'Article' });
-      }
-      if (fm.external_url) {
-        badges.push({ icon: 'public', label: 'Site' });
-      }
-      if (!badges.length) return '';
-      return '<div class="home-project-inventory-resources" aria-label="Attached resources">' +
-        badges.map(function (badge) {
-          return '<span class="home-project-inventory-resource" title="' +
-            escapeAttr(badge.label) + '" aria-label="' +
-            escapeAttr(badge.label) + '">' +
-            '<span class="material-symbols-outlined" aria-hidden="true">' +
-            escapeHtml(badge.icon) + '</span></span>';
-        }).join('') +
-        '</div>';
-    }
-
     /* Home specimen — the featured project on the portfolio bench. A system
      * card whose strip carries folio, label and start year, with the title
      * below a 16:9 plate: the thumbnail (icon badge on it) or else the icon

data/_layouts/home.html

@@ -399,9 +399,10 @@ layout: shell
         async function lockSpecimenHeight() {
           var bench = specimenSlot.closest('.home-projects-bench');
           if (!bench) return;
+          bench.style.setProperty('--home-project-icon-count', String(iconSlots));
           var tallest = await measureTallestSpecimen();
-          /* Floor at the CSS inventory minimum so six rows always clear
-             three stacked resource icons (see --home-inventory-min-height). */
+          /* Desktop matches the specimen height to the N-entry inventory stack
+             (see --home-inventory-min-height); mobile uses the tallest specimen. */
           var inventoryMin = 0;
           var raw = window.getComputedStyle(bench)
             .getPropertyValue('--home-inventory-min-height').trim();
@@ -412,7 +413,7 @@ layout: shell
             inventoryMin = Math.ceil(probe.getBoundingClientRect().height);
             probe.remove();
           }
-          var locked = Math.max(tallest, inventoryMin);
+          var locked = inventoryMin > 0 ? inventoryMin : tallest;
           if (locked > 0) {
             bench.style.setProperty('--home-specimen-height', locked + 'px');
           }
@@ -441,12 +442,10 @@ layout: shell
               selected: entry.slug === selectedSlug,
               index: i + 1
             });
-            row.addEventListener('click', function (event) {
-              if (event.target.closest('.home-project-inventory-resources')) return;
+            row.addEventListener('click', function () {
               select(entry.slug);
             });
             row.addEventListener('keydown', function (event) {
-              if (event.target.closest('.home-project-inventory-resources')) return;
               if (event.key === 'Enter' || event.key === ' ') {
                 event.preventDefault();
                 select(entry.slug);

data/assets/css/article.css

@@ -749,7 +749,7 @@ body.figure-lightbox-open {
   font-weight: var(--weight-body);
   line-height: var(--leading-body);
   letter-spacing: normal;
-  color: var(--color-legend);
+  color: var(--color-on-surface-variant);
   margin: 0;
   text-transform: none;
 }

data/assets/css/ledger/detail.css

@@ -413,8 +413,15 @@ aside:has(> .text-detail-sidebar) {
   color: var(--color-tertiary);
 }
 
+/* The pills are the only thing between the plate edge and the title when
+   they lead the block, so the same token above and below centres them.
+   An icon above the row already leaves --space-md (its mb-4). */
+.text-detail-sidebar .article-sidebar-heading:has(> .ledger-chip-row:first-child) {
+  padding-top: var(--space-md);
+}
+
 .text-detail-sidebar .article-sidebar-heading .ledger-chip-row {
-  margin: 0 0 var(--space-sm);
+  margin: 0 0 var(--space-md);
 }
 
 /* Canonical shard, bottom-right, as in the mockup. Decoration only: it is
@@ -477,15 +484,15 @@ aside:has(> .text-detail-sidebar) {
   color: var(--color-secondary);
 }
 
-/* Lead thesis. `description` is the article's own one-sentence claim — body
-   face at the prose size, in legend ink so it sits under the H1. */
+/* Lead thesis. `description` is the article's own one-sentence claim — the
+   body face at the prose size, in the same muted ink as other secondary text. */
 .text-detail-sidebar .article-sidebar-description {
   font-family: var(--font-body);
   font-style: normal;
   font-size: var(--type-prose);
   font-weight: var(--weight-body);
   line-height: var(--leading-body);
-  color: var(--color-legend);
+  color: var(--color-on-surface-variant);
   margin: var(--space-md) 0 0;
 }
 
@@ -660,6 +667,26 @@ aside:has(> .text-detail-sidebar) {
   }
 }
 
+/* Phone: the dropdown is the contents control. Its links match the reading
+   size. The gap above it shrinks; the gap under it stays the pill inset. */
+@media (max-width: 767px) {
+  .text-detail-sidebar .article-toc--disclosure .article-toc-link,
+  .projects-dossier .article-toc--disclosure .article-toc-link {
+    font-size: var(--type-prose);
+  }
+
+  .text-detail-sidebar:has(.article-toc--disclosure) .article-meta,
+  .projects-dossier:has(.article-toc--disclosure) .article-meta,
+  .projects-page .projects-dossier:has(.article-toc--disclosure) .projects-dossier-rows {
+    padding-bottom: 0;
+  }
+
+  .text-detail-sidebar .article-toc--disclosure,
+  .projects-dossier .article-toc--disclosure {
+    margin-top: var(--space-sm);
+  }
+}
+
 /* The desktop contents card is the last block in the dossier when Related
    Texts are absent, so the same inset keeps its border off the plate edge.
    Related Texts bring a larger top margin, and the two margins collapse. */
@@ -1180,8 +1207,12 @@ nav.text-page-nav:not(:has(a)) {
     padding-bottom: var(--space-md);
   }
 
-  .text-detail-sidebar .article-sidebar-heading .ledger-chip-row {
-    margin-bottom: var(--space-xs);
+  /* The date row's own top rule leaves --space-sm above the text. The
+     flex gap was stacking another --space-md on the action rule, so the
+     date sat high in that band. Drop the gap and the action margin is the
+     matching --space-sm under the text. */
+  .text-detail-sidebar .article-meta {
+    gap: 0;
   }
 
   .text-detail-sidebar .article-sidebar-description,

data/assets/css/ledger/home.css

@@ -1321,10 +1321,6 @@ button.home-project-inventory-row {
   display: none;
 }
 
-.home-project-inventory-resources {
-  display: none;
-}
-
 .home-project-inventory-glyph {
   display: inline-flex;
   align-items: center;
@@ -1367,23 +1363,20 @@ button.home-project-inventory-row {
 
 @media (min-width: 900px) {
 
-  /* Desktop fallback before JS measures the tallest specimen.
-     Specimen and inventory share equal columns (specimen was 38% then
-     +20% → 45.6%; the list matches that width). Rows still reserve
-     height for three stacked resource icons. */
+  /* Specimen and inventory share equal columns (~45.6% each). Each row fits
+     its square icon mark and two-line code + title body; the specimen height
+     matches the N-entry inventory stack. */
   .home-projects-bench {
-    --home-inventory-icon-size: 1.55rem;
-    --home-inventory-icon-gap: 0.2rem;
-    --home-inventory-resources-height: calc(
-      3 * var(--home-inventory-icon-size) + 2 * var(--home-inventory-icon-gap)
-    );
+    --home-inventory-mark-size: 2.75rem;
     --home-inventory-row-min: calc(
-      var(--home-inventory-resources-height) + 2 * var(--space-sm)
+      var(--home-inventory-mark-size) + 2 * var(--space-sm) + 2px
     );
     --home-inventory-min-height: calc(
-      6 * var(--home-inventory-row-min) + 5 * var(--space-sm) + 2 * var(--space-md)
+      var(--home-project-icon-count, 6) * var(--home-inventory-row-min) +
+      (var(--home-project-icon-count, 6) - 1) * var(--space-sm) +
+      2 * var(--space-md)
     );
-    --home-specimen-height: max(36rem, var(--home-inventory-min-height));
+    --home-specimen-height: var(--home-inventory-min-height);
     display: grid;
     grid-template-columns: minmax(0, 45.6%) minmax(0, 45.6%);
     column-gap: var(--space-xl);
@@ -1404,17 +1397,39 @@ button.home-project-inventory-row {
     background: var(--color-panel-contrast);
   }
 
+  .home-specimen-figure:has(> .ledger-poster, > .projects-plate) {
+    flex: 1 1 0;
+    min-height: 0;
+    grid-template-rows: minmax(0, 1fr) auto;
+    gap: var(--space-sm);
+  }
+
+  .home-specimen-figure > .ledger-poster,
+  .home-specimen-figure > .projects-plate {
+    height: 100%;
+    min-height: 0;
+    aspect-ratio: auto;
+  }
+
   .home-project-specimen .home-specimen-title {
     font-size: var(--type-title);
   }
 
+  .home-project-specimen .ledger-card-copy {
+    flex: 0 0 auto;
+    height: auto;
+    min-height: 0;
+    max-height: calc(var(--type-body) * var(--leading-body) * 2);
+  }
+
   .home-project-inventory-row {
-    flex: 1 1 0;
-    align-items: flex-start;
+    flex: 0 0 auto;
+    align-items: center;
     justify-content: flex-start;
     gap: var(--space-md);
-    height: auto;
+    height: var(--home-inventory-row-min);
     min-height: var(--home-inventory-row-min);
+    box-sizing: border-box;
     padding: var(--space-sm) var(--space-md);
     border: 1px solid var(--border-gentle-divider);
     background: var(--color-surface-card);
@@ -1433,15 +1448,13 @@ button.home-project-inventory-row {
     box-shadow: inset 3px 0 0 var(--color-primary);
   }
 
-  /* Plate fills the row’s content height; width follows 16:9. Stretch keeps
-     it tall while title/copy/icons stay top-aligned with its top edge. */
+  /* Square icon mark beside the two-line code + title body. */
   .home-project-inventory-media {
     display: block;
     flex: 0 0 auto;
-    align-self: stretch;
-    width: auto;
-    height: auto;
-    aspect-ratio: 16 / 9;
+    width: var(--home-inventory-mark-size);
+    height: var(--home-inventory-mark-size);
+    aspect-ratio: 1 / 1;
     overflow: hidden;
     background: var(--color-surface-high);
   }
@@ -1451,33 +1464,25 @@ button.home-project-inventory-row {
     outline-offset: 2px;
   }
 
-  .home-project-inventory-media .ledger-poster,
   .home-project-inventory-mark {
+    display: flex;
+    align-items: center;
+    justify-content: center;
     width: 100%;
     height: 100%;
     aspect-ratio: auto;
     overflow: hidden;
     background: var(--color-surface-high);
-  }
-
-  .home-project-inventory-media .ledger-poster::after {
-    display: none;
-  }
-
-  .home-project-inventory-mark {
-    display: flex;
-    align-items: center;
-    justify-content: center;
     color: var(--color-primary);
   }
 
   .home-project-inventory-mark .material-symbols-outlined {
-    font-size: 2rem;
+    font-size: 1.5rem;
   }
 
   .home-project-inventory-mark--initial {
     font-family: var(--font-content-title);
-    font-size: var(--type-card-lg);
+    font-size: var(--type-card);
     font-weight: var(--weight-title);
     line-height: 1;
     color: var(--color-on-surface);
@@ -1486,53 +1491,20 @@ button.home-project-inventory-row {
   .home-project-inventory-body {
     display: flex;
     flex-direction: column;
-    justify-content: flex-start;
-    align-self: flex-start;
-    gap: 0.2rem;
+    justify-content: center;
+    align-self: center;
+    gap: 0.15rem;
     flex: 1 1 0;
     min-width: 0;
     padding-top: 0;
   }
 
-  .home-project-inventory-resources {
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: center;
-    align-self: flex-start;
-    flex: 0 0 auto;
-    gap: var(--home-inventory-icon-gap);
-    width: var(--home-inventory-icon-size);
-    min-height: var(--home-inventory-resources-height);
-    position: relative;
-    z-index: 1;
-  }
-
-  /* Neutral marks — same voice as list descriptions, not primary CTAs. */
-  .home-project-inventory-resource {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: var(--home-inventory-icon-size);
-    height: var(--home-inventory-icon-size);
-    flex: 0 0 auto;
-    background: transparent;
-    color: var(--color-on-surface-variant);
-    border: 0;
-  }
-
-  .home-project-inventory-resource .material-symbols-outlined {
-    font-size: 1rem;
-    line-height: 1;
-    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
-  }
-
   .home-project-inventory-code .ledger-meta {
     font-size: var(--type-label-lg);
   }
 
   .home-project-inventory-title {
-    margin: 0.2rem 0 0;
+    margin: 0;
     font-family: var(--font-content-title);
     font-size: calc(var(--type-card) - 2pt);
     font-weight: var(--weight-title);
@@ -1549,17 +1521,6 @@ button.home-project-inventory-row {
     color: var(--color-primary);
   }
 
-  .home-project-inventory-copy {
-    margin: 0;
-    font-size: var(--type-label-lg);
-    font-weight: var(--weight-body);
-    line-height: 1.35;
-    color: var(--color-on-surface-variant);
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
   /* Two classes: the glyph also carries .material-symbols-outlined, whose
      font stylesheet loads after this one and sets display. */
   .home-project-inventory-row .home-project-inventory-glyph {

data/assets/css/ledger/projects.css

@@ -241,6 +241,7 @@
 .projects-page .projects-lead-subtitle,
 .projects-page .projects-hero-subtitle {
   margin: 0;
+  font-family: var(--font-body);
   color: var(--color-on-surface-variant);
   letter-spacing: 0.02em;
 }
@@ -459,9 +460,10 @@
 
 .projects-page .projects-hero-standfirst {
   margin: var(--space-md) 0 0;
+  font-family: var(--font-body);
   font-size: var(--type-subtitle);
   line-height: var(--leading-body);
-  color: var(--color-legend);
+  color: var(--color-on-surface-variant);
   max-width: var(--reading-measure);
 }
 
@@ -553,6 +555,25 @@
   }
 }
 
+/* Tag row centred between the hero edge and the title. The column is a
+   flex stack with a --space-xs gap, so the margins make up the rest of
+   --space-md on each side. */
+.projects-page .projects-hero-body > .ledger-chip-row {
+  margin-bottom: calc(var(--space-md) - var(--space-xs));
+}
+
+.projects-page .projects-hero-body > :not(.ledger-chip-row) + .ledger-chip-row {
+  margin-top: calc(var(--space-md) - var(--space-xs));
+}
+
+.projects-page .projects-hero-body > .ledger-chip-row + .projects-hero-title {
+  margin-top: 0;
+}
+
+.projects-page .projects-hero-body:has(> .ledger-chip-row:first-child) {
+  padding-top: var(--space-md);
+}
+
 @media (max-width: 1023px) {
   .projects-page .projects-hero {
     margin-bottom: var(--space-xl);

data/examples/full/content/collections/articles/2026-01-01-welcome.md

@@ -2,8 +2,21 @@
 title: Welcome to the full example
 key: welcome
 date: 2026-01-01
+description: A short claim under the title, in the example voice.
 tags: [Writing]
 language: en
 ---
 
 Fictional persona content for `examples/full`.
+
+## Opening
+
+The first section gives the contents list a heading.
+
+## Second plate
+
+Another heading keeps the menu from collapsing to a single line.
+
+## Closing
+
+A third heading is the minimum the contents list will draw.

data/lib/pandorga/commands/new.rb

@@ -24,7 +24,7 @@ module Pandorga
 
         gem "pandorga", "~> 1.3"
         # Local checkout: gem "pandorga", path: "../pandorga"
-        # GitHub tag: gem "pandorga", github: "alexandrelheinen/pandorga", tag: "v1.10.0"
+        # GitHub tag: gem "pandorga", github: "alexandrelheinen/pandorga", tag: "v1.10.2"
         gem "csv"
         gem "base64"
       RUBY

data/lib/pandorga/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Pandorga
-  VERSION = "1.10.0"
+  VERSION = "1.10.2"
 end

data/scripts/test/render-parity/blocks/project-inventory-row.json

@@ -1,5 +1,5 @@
 {
-  "name": "project-inventory-row/rack card (PLT-AC-15)",
+  "name": "project-inventory-row/rack card (PLT-AC-41)",
   "block": "renderProjectInventoryRow",
   "args": [
     {
@@ -25,28 +25,25 @@
   "selectors": [
     "button.home-project-inventory-row",
     "div.home-project-inventory-media",
-    "div.ledger-poster",
+    "div.home-project-inventory-mark",
     "div.home-project-inventory-code",
     "span.home-project-inventory-index",
     "h3.home-project-inventory-title",
-    "p.home-project-inventory-copy",
-    "span.home-project-inventory-glyph",
-    "div.home-project-inventory-resources",
-    "span.home-project-inventory-resource"
+    "span.home-project-inventory-glyph"
   ],
   "forbidden": [
     "ledger-card-stretch",
-    "role=\"button\""
+    "role=\"button\"",
+    "ledger-poster",
+    "home-project-inventory-copy",
+    "home-project-inventory-resources",
+    "home-project-inventory-resource"
   ],
   "contains": [
     ">02<",
     ">Simulation<",
     ">ARCO<",
-    ">A city-scale race replayed from telemetry.<",
     ">route<",
-    ">code<",
-    ">article<",
-    ">public<",
     "aria-pressed=\"false\"",
     "data-slug=\"arco\""
   ]

data/scripts/test/test-css-structure.rb

@@ -226,6 +226,28 @@ sheets.each do |path|
   end
 end
 
+# PLT-AC-41. Home project inventory rows use the square icon mark, two-line
+# code + title body, and no tagline preview or attached-resource icons; the
+# desktop specimen height matches the N-entry inventory height.
+home_sheet = strip_comments(File.read(CSS_ROOT.join("ledger/home.css")))
+%w[
+  home-project-inventory-copy
+  home-project-inventory-resources
+  home-project-inventory-resource
+].each do |retired_home|
+  if home_sheet.match?(/[.#]#{Regexp.escape(retired_home)}\b/)
+    errors << "assets/css/ledger/home.css: .#{retired_home} must be removed (PLT-AC-41)"
+  end
+end
+require_declarations(
+  errors, "assets/css/ledger/home.css", home_sheet,
+  ".home-project-inventory-media", ["aspect-ratio: 1 / 1"]
+)
+require_declarations(
+  errors, "assets/css/ledger/home.css", home_sheet,
+  ".home-projects-bench", ["--home-specimen-height: var(--home-inventory-min-height)"]
+)
+
 fail!("CSS structure problems:\n  - #{errors.join("\n  - ")}") unless errors.empty?
 
 puts "  #{sheets.size} stylesheet(s) balanced, no conflict markers."

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: pandorga
 version: !ruby/object:Gem::Version
-  version: 1.10.0
+  version: 1.10.2
 platform: ruby
 authors:
 - The Pandorga contributors