pandorga 1.10.1 → 1.10.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 12f24b429006ae62f3e74335afdf759a851068879cc639273a77d5cc95e8d9fd
-  data.tar.gz: efa405146c9212bcdff063abfbcadc8b03c5a222679894acd9db8dbeea522c92
+  metadata.gz: 4e66f241523945a85596363141b9693e01ac61e5d6eec0771366ced0ef2dc8b6
+  data.tar.gz: 7f00fe9a24f801f42065b3b80d760ccdc1b57fc6c46d89664e2f4e654168a545
 SHA512:
-  metadata.gz: 2dbd18257d2507115b35b5370d0ef9e1da9e289cab3eb6861aa52532e1927a23fe834120c689a74d0331631ac929d0f88c71fe38b93563415a98de3d2e6176e9
-  data.tar.gz: 431866457e1c4f3d7945f6756b9331f9191923b6e353411b98540c9adcfdad75b80ad4bfaefd6200de6057cb4ca2021c94097b45c9fdd601d25dc7c99879aae2
+  metadata.gz: 92e01266bf8f8f0c3a59f47596dd2d589dbd357d361471ecd59fba91d1e44b172f9c7eb3bc9b4958e0a27e8e5cb191637fb908044ec0c4a92b67e20b1237eb28
+  data.tar.gz: b10c2447cc7dbead75c291ffd0abdd0a32854906dcb87ffc763d4f0435b31836417eb99f0a7a01649c19b1d3b1572fd56865c2b566ead68c62828964e0d42daa

data/CHANGELOG.md

@@ -1,5 +1,17 @@
 # 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

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/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/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.1"
+        # 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.1"
+  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.1
+  version: 1.10.2
 platform: ruby
 authors:
 - The Pandorga contributors