pandorga 1.3.2 → 1.3.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 293e08c986e9f718e3d08113723d0a864f93b78f0908b56535242f70799ec9fd
-  data.tar.gz: 554f716cedf086be7731f34b3a57b88cda2f9417b3776471a1cc64fdc40e5d41
+  metadata.gz: 96f8f5df58f08bf4eb331ba41f5c7aed8f7ee086ece304b66d2204974605b6c1
+  data.tar.gz: e89377d7e62a3413344af45c3605986436adf161cc263159f607b3bf435631f7
 SHA512:
-  metadata.gz: dea631f86129632675aebe0045cba2653f3730548766f90712364439c2dbce08262590253eab01d2014e61e428573021c18567ad4083358fa674bc096e3ca2ff
-  data.tar.gz: 2999d8cf0260b8bf5c854e58d5dd73bdf5e4afcfc89ca0a20b2ef557e0b64432f95f6683916ed5833d10f79ce1413861b978e5b785fdd53fe4f454aff8950032
+  metadata.gz: dd8485b02a4fa87afc5aecd93d6da693d9bc290de094a544a1b5e4b41b856858745616dc4a492b7ab9ba2b7abac6ba75f694d62d52ce0c4ba5d342ceb1834a49
+  data.tar.gz: d8399d6a1c4eb8f49a3cbcec382e998280da7d39b6686a23f043a83a97c1626a59c9f471f8e8b7ad8d6bcce42e6a92ed6519242a377ec08dc05e24c55429e1a4

data/CHANGELOG.md

@@ -1,5 +1,15 @@
 # Changelog
 
+## [1.3.3] — 2026-10-05
+
+### Changed
+
+- Home portfolio inventory is an index folio (number, thumb, title, project
+  icon) with a borderless specimen; drafting marks stay on the poster only
+- Specimen meta shows project tags instead of label/status
+- Mobile selector strip and session-sticky random specimen pick from 1.3.2
+  polish remain
+
 ## [1.3.2] — 2026-10-05
 
 ### Fixed

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

@@ -324,10 +324,9 @@
       ].join('');
     }
 
-    /* Compact inventory row for the home portfolio bench — thumb + name +
-     * status only. Field-backed; no tagline or tag cloud.
-     * When options.selectable is true the row selects the specimen instead
-     * of navigating; the specimen card itself opens the project. */
+    /* Compact inventory row for the home portfolio bench.
+     * Desktop: index + thumb + title + project icon. Mobile strip uses the
+     * thumb/initial only. Selectable rows update the specimen. */
     function renderProjectInventoryRow(item, options) {
       options = options || {};
       var f = blockFields(item);
@@ -337,6 +336,7 @@
       var selectable = !!options.selectable;
       var selected = !!options.selected;
       var slug = item.slug || f.slug || '';
+      var index = options.index;
 
       var row = document.createElement('article');
       row.className = 'home-project-inventory-row group' +
@@ -350,12 +350,19 @@
       }
 
       var media = renderPosterMedia(fm.thumbnail, name);
-      if (!media && fm.icon) {
-        media = '<div class="home-project-inventory-mark" aria-hidden="true">' +
-          '<span class="material-symbols-outlined">' + escapeHtml(fm.icon) + '</span></div>';
+      var initial = String(name || '?').charAt(0).toUpperCase();
+      if (!media) {
+        media = '<div class="home-project-inventory-mark home-project-inventory-mark--initial" aria-hidden="true">' +
+          escapeHtml(initial) + '</div>';
       }
 
       var html = '';
+      if (index != null && index !== '') {
+        var label = String(Number(index));
+        if (label.length < 2) label = '0' + label;
+        html += '<span class="home-project-inventory-index" aria-hidden="true">' +
+          escapeHtml(label) + '</span>';
+      }
       if (media) {
         html += '<div class="home-project-inventory-media">' + media + '</div>';
       }
@@ -368,12 +375,14 @@
           '<a class="ledger-card-stretch" href="' + escapeAttr(href) + '">' +
           escapeHtml(name) + '</a></h3>';
       }
-      var meta = renderMetaStrip([
-        fm.label ? escapeHtml(fm.label) : '',
-        fm.status ? '<span class="ledger-status">' + escapeHtml(fm.status) + '</span>' : ''
-      ]);
-      if (meta) html += meta;
       html += '</div>';
+      if (fm.icon) {
+        html += '<span class="home-project-inventory-glyph material-symbols-outlined" aria-hidden="true">' +
+          escapeHtml(fm.icon) + '</span>';
+      } else {
+        html += '<span class="home-project-inventory-glyph home-project-inventory-glyph--initial" aria-hidden="true">' +
+          escapeHtml(initial) + '</span>';
+      }
 
       row.innerHTML = html;
       return row;

data/_layouts/home.html

@@ -211,13 +211,15 @@ layout: shell
         var specimenSlot = section.querySelector('[data-home-specimen]');
         var inventorySlot = section.querySelector('[data-home-inventory]');
         var systemTagHref = tagHrefFrom(list);
-        var portfolio = entries.slice(0, limit);
+        /* Selector strip is sized for six icon buttons on mobile; take up to
+           six projects even when home.limit is lower. */
+        var portfolio = entries.slice(0, Math.max(limit, 6));
         if (!portfolio.length) {
           runtime.Listing.showErrorState(list, 'Projects could not be loaded right now.');
           return;
         }
         if (!specimenSlot || !inventorySlot) {
-          fill(list, portfolio, function (entry) {
+          fill(list, portfolio.slice(0, limit), function (entry) {
             return runtime.renderSystemCard(asItem(entry), {
               href: entry.url || runtime.projectUrl(entry.slug),
               tagHref: systemTagHref,
@@ -227,9 +229,17 @@ layout: shell
           return;
         }
 
-        var selectedSlug = portfolio[0].slug;
+        var featuredPick = runtime.pickFeatured(portfolio.map(asItem), {
+          storageKey: 'home-specimen-slug',
+          eligible: function () { return true; }
+        });
+        var selectedSlug = (featuredPick && featuredPick.slug) || portfolio[0].slug;
         var inventoryResizeObserver = null;
 
+        function entryBySlug(slug) {
+          return portfolio.filter(function (entry) { return entry.slug === slug; })[0] || portfolio[0];
+        }
+
         function syncInventoryHeight() {
           if (!window.matchMedia('(min-width: 900px)').matches) {
             inventorySlot.style.height = '';
@@ -257,12 +267,15 @@ layout: shell
 
         function paintSpecimen(entry) {
           specimenSlot.innerHTML = '';
+          /* No card-level drafting corners / edge tick — markers live on the
+             poster plate only, so they do not overlap the image. Meta strip
+             is suppressed; tags take that slot below the plate. */
           specimenSlot.appendChild(runtime.renderSystemCard(asItem(entry), {
             href: entry.url || runtime.projectUrl(entry.slug),
             tagHref: systemTagHref,
-            className: 'home-project-specimen ledger-card--edge-primary',
-            frameCorners: true,
-            glyphFallback: true
+            className: 'home-project-specimen',
+            glyphFallback: true,
+            metaParts: []
           }));
           var specimen = specimenSlot.querySelector('.home-project-specimen');
           watchSpecimen(specimen);
@@ -276,10 +289,15 @@ layout: shell
         function paintInventory() {
           inventorySlot.hidden = false;
           inventorySlot.innerHTML = '';
-          portfolio.forEach(function (entry) {
+          inventorySlot.style.setProperty(
+            '--home-project-icon-count',
+            String(Math.min(portfolio.length, 6) || 1)
+          );
+          portfolio.forEach(function (entry, i) {
             var row = runtime.renderProjectInventoryRow(asItem(entry), {
               selectable: true,
-              selected: entry.slug === selectedSlug
+              selected: entry.slug === selectedSlug,
+              index: i + 1
             });
             function select() {
               if (selectedSlug === entry.slug) return;
@@ -303,7 +321,7 @@ layout: shell
           window.requestAnimationFrame(syncInventoryHeight);
         }
 
-        paintSpecimen(portfolio[0]);
+        paintSpecimen(entryBySlug(selectedSlug));
         paintInventory();
         window.addEventListener('resize', syncInventoryHeight);
         return;

data/assets/css/ledger/home.css

@@ -943,11 +943,9 @@ html[data-theme="light"] .home-hero-plate {
   }
 }
 
-/* ── Engineering artifacts: specimen + inventory bench ──
-   40%/60% split: 16:9 specimen card beside a panel inventory whose height
-   matches the full specimen. Equal-flex rows; thumbs are full-row-height
-   16:9 plates flush left. List click updates the specimen; specimen click
-   opens the project. */
+/* ── Engineering artifacts: specimen + index folio ──
+   40%/60% split: 16:9 specimen beside a hairline index rail (no grey panel).
+   List click updates the specimen; specimen click opens the project. */
 .home-projects-bench {
   display: grid;
   grid-template-columns: minmax(0, 1fr);
@@ -969,14 +967,43 @@ html[data-theme="light"] .home-hero-plate {
   padding: var(--space-md);
   max-width: none;
   width: 100%;
+  /* Borderless card: ink frame + drafting corners live on the poster only. */
+  border: 0;
   background: var(--color-panel-contrast);
 }
 
+:root:not([data-theme="dark"]) .home-project-specimen,
+html[data-theme="light"] .home-project-specimen,
+[data-theme="dark"] .home-project-specimen {
+  border: 0;
+}
+
 .home-project-specimen>.ledger-poster,
 .home-project-specimen>.projects-plate {
   width: auto;
   margin: calc(var(--space-md) * -1) calc(var(--space-md) * -1) 0;
   aspect-ratio: 16 / 9;
+  position: relative;
+}
+
+/* Glyph plates have no .ledger-poster::after — mirror the image corners. */
+.home-project-specimen>.projects-plate::after {
+  content: "";
+  --frame-corner-size: 0.7rem;
+  --frame-corner-thickness: 1px;
+  position: absolute;
+  inset: 0.3rem;
+  pointer-events: none;
+  z-index: 2;
+  background:
+    linear-gradient(var(--color-primary), var(--color-primary)) top left / var(--frame-corner-size) var(--frame-corner-thickness) no-repeat,
+    linear-gradient(var(--color-primary), var(--color-primary)) top left / var(--frame-corner-thickness) var(--frame-corner-size) no-repeat,
+    linear-gradient(var(--color-primary), var(--color-primary)) top right / var(--frame-corner-size) var(--frame-corner-thickness) no-repeat,
+    linear-gradient(var(--color-primary), var(--color-primary)) top right / var(--frame-corner-thickness) var(--frame-corner-size) no-repeat,
+    linear-gradient(var(--color-primary), var(--color-primary)) bottom left / var(--frame-corner-size) var(--frame-corner-thickness) no-repeat,
+    linear-gradient(var(--color-primary), var(--color-primary)) bottom left / var(--frame-corner-thickness) var(--frame-corner-size) no-repeat,
+    linear-gradient(var(--color-primary), var(--color-primary)) bottom right / var(--frame-corner-size) var(--frame-corner-thickness) no-repeat,
+    linear-gradient(var(--color-primary), var(--color-primary)) bottom right / var(--frame-corner-thickness) var(--frame-corner-size) no-repeat;
 }
 
 @media (max-width: 899px) {
@@ -984,11 +1011,70 @@ html[data-theme="light"] .home-hero-plate {
     display: flex;
     flex-direction: column;
     align-items: stretch;
+    gap: var(--space-md);
   }
 
   .home-project-specimen {
     max-width: none;
   }
+
+  /* Icon strip under the specimen: equal buttons spanning the band width. */
+  .home-project-inventory {
+    display: grid;
+    grid-template-columns: repeat(var(--home-project-icon-count, 6), minmax(0, 1fr));
+    gap: var(--space-xs);
+    height: auto !important;
+    min-height: 0;
+    overflow: visible;
+    background: transparent;
+    border: 0;
+  }
+
+  .home-project-inventory-row {
+    display: block;
+    flex: none;
+    min-height: 0;
+    padding: 0;
+    border: 1px solid var(--border-gentle-divider);
+    border-bottom-color: var(--border-gentle-divider);
+    background: var(--color-panel-contrast);
+    aspect-ratio: 1;
+    box-shadow: none;
+  }
+
+  .home-project-inventory-row:last-child {
+    border-bottom: 1px solid var(--border-gentle-divider);
+  }
+
+  .home-project-inventory-index,
+  .home-project-inventory-body,
+  .home-project-inventory-glyph {
+    display: none;
+  }
+
+  .home-project-inventory-media {
+    width: 100%;
+    height: 100%;
+    aspect-ratio: auto;
+    border-right: 0;
+  }
+
+  .home-project-inventory-media .ledger-poster,
+  .home-project-inventory-mark {
+    aspect-ratio: 1;
+    height: 100%;
+  }
+
+  .home-project-inventory-media .ledger-poster::after {
+    display: none;
+  }
+
+  .home-project-inventory-row.is-selected {
+    border-color: var(--color-primary);
+    outline: 1px solid var(--color-primary);
+    outline-offset: -1px;
+    background: var(--color-panel-contrast);
+  }
 }
 
 .home-project-specimen .projects-plate--mark {
@@ -1004,7 +1090,7 @@ html[data-theme="light"] .home-hero-plate {
 }
 
 .home-project-specimen .ledger-meta {
-  color: var(--color-on-surface-variant);
+  display: none;
 }
 
 .home-project-specimen .ledger-card-title,
@@ -1035,7 +1121,14 @@ html[data-theme="light"] .home-hero-plate {
   overflow: hidden;
 }
 
-.home-project-specimen .ledger-chip-row,
+/* Tags replace the old label/status strip; outbound links stay off. */
+.home-project-specimen .ledger-chip-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-xs);
+  margin: 0;
+}
+
 .home-project-specimen .ledger-card-links {
   display: none;
 }
@@ -1045,8 +1138,8 @@ html[data-theme="light"] .home-hero-plate {
   flex-direction: column;
   min-width: 0;
   min-height: 0;
-  background: var(--color-panel-contrast);
-  border: 1px solid var(--border-gentle-divider);
+  background: transparent;
+  border: 0;
   overflow: hidden;
 }
 
@@ -1054,22 +1147,20 @@ html[data-theme="light"] .home-hero-plate {
   position: relative;
   display: flex;
   flex-direction: row;
-  align-items: stretch;
+  align-items: center;
   flex: 1 1 0;
   min-height: 0;
-  padding: 0;
-  gap: 0;
+  gap: var(--space-md);
+  padding: var(--space-sm) var(--space-sm) var(--space-sm) 0;
+  border: 0;
   border-bottom: 1px solid var(--border-gentle-divider);
+  background: transparent;
   cursor: pointer;
   transition: background-color var(--motion-duration-fast) var(--motion-ease-default);
 }
 
 .home-project-inventory-row:last-child {
-  border-bottom: none;
-}
-
-.home-project-inventory-row:not(:has(.home-project-inventory-media)) {
-  padding: var(--space-sm) var(--space-md);
+  border-bottom: 1px solid var(--border-gentle-divider);
 }
 
 .home-project-inventory-row:hover,
@@ -1080,7 +1171,7 @@ html[data-theme="light"] .home-hero-plate {
 
 .home-project-inventory-row.is-selected {
   background: var(--color-surface-high);
-  box-shadow: inset 2px 0 0 var(--color-primary);
+  box-shadow: inset 3px 0 0 var(--color-primary);
 }
 
 .home-band--contrast .home-project-inventory-row:hover,
@@ -1089,19 +1180,33 @@ html[data-theme="light"] .home-hero-plate {
   background: var(--color-surface-high-contrast);
 }
 
-/* Thumb is a full-row-height 16:9 plate, flush to the list's left edge.
-   Aspect ratio lives on the media shell so the flex item sizes tightly —
-   not on a child that left an empty auto-track beside the poster. */
+.home-project-inventory-index {
+  flex: 0 0 1.75rem;
+  font-family: var(--font-mono);
+  font-size: var(--type-caption);
+  letter-spacing: 0.04em;
+  color: var(--color-on-surface-variant);
+  line-height: 1;
+  text-align: right;
+}
+
+.home-project-inventory-row.is-selected .home-project-inventory-index,
+.home-project-inventory-row:hover .home-project-inventory-index,
+.home-project-inventory-row:focus-visible .home-project-inventory-index {
+  color: var(--color-primary);
+}
+
 .home-project-inventory-media {
   flex: 0 0 auto;
-  align-self: stretch;
+  width: 5.5rem;
+  align-self: center;
   height: auto;
   min-width: 0;
   min-height: 0;
   aspect-ratio: 16 / 9;
   overflow: hidden;
   background: var(--color-surface-high);
-  border-right: 1px solid var(--border-gentle-subtle);
+  border: 1px solid var(--border-gentle-subtle);
 }
 
 .home-project-inventory-media .ledger-poster,
@@ -1115,8 +1220,7 @@ html[data-theme="light"] .home-hero-plate {
 }
 
 .home-project-inventory-media .ledger-poster::after {
-  --frame-corner-size: 0.45rem;
-  inset: 0.2rem;
+  display: none;
 }
 
 .home-project-inventory-media .ledger-poster img {
@@ -1133,6 +1237,14 @@ html[data-theme="light"] .home-hero-plate {
   color: var(--color-primary);
 }
 
+.home-project-inventory-mark--initial {
+  font-family: var(--font-content-title);
+  font-size: var(--type-card);
+  font-weight: var(--weight-title);
+  line-height: 1;
+  color: var(--color-on-surface);
+}
+
 .home-project-inventory-mark .material-symbols-outlined {
   font-size: 1.25rem;
 }
@@ -1141,10 +1253,10 @@ html[data-theme="light"] .home-hero-plate {
   display: flex;
   flex-direction: column;
   justify-content: center;
-  gap: var(--space-2xs);
+  gap: 0;
   flex: 1 1 0;
   min-width: 0;
-  padding: var(--space-sm) var(--space-md);
+  padding: 0;
 }
 
 .home-project-inventory-title {
@@ -1168,9 +1280,32 @@ html[data-theme="light"] .home-hero-plate {
   color: var(--color-primary);
 }
 
-.home-project-inventory-row .ledger-meta {
-  margin: 0;
+.home-project-inventory-glyph {
+  flex: 0 0 auto;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.75rem;
+  height: 1.75rem;
+  margin-left: auto;
   color: var(--color-on-surface-variant);
+  font-size: 1.25rem;
+  line-height: 1;
+}
+
+.home-project-inventory-glyph--initial {
+  font-family: var(--font-content-title);
+  font-size: var(--type-subtitle);
+  font-weight: var(--weight-title);
+}
+
+.home-project-inventory-row.is-selected .home-project-inventory-glyph,
+.home-project-inventory-row:hover .home-project-inventory-glyph {
+  color: var(--color-primary);
+}
+
+.home-project-inventory-row .ledger-meta {
+  display: none;
 }
 
 

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.3.2"
+        # GitHub tag: gem "pandorga", github: "alexandrelheinen/pandorga", tag: "v1.3.3"
         gem "csv"
         gem "base64"
       RUBY

data/lib/pandorga/version.rb

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

metadata

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