pandorga 1.3.0 → 1.3.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 19d2883dc4b29f8c6b614997004f69d32d2cacfa67ab83ef61544364a7d57cb3
-  data.tar.gz: 73f29c402a3259ec374c2d15746f7a6898d10f24258c11d626e5afe561d6a2e5
+  metadata.gz: 4947a2b9a5122c400a00753c4833861bbc6217dfaf59850fa27f79dbd7d99f3a
+  data.tar.gz: 7baa3fdc30880e278c772c2a98229bbeca3cce8b91e897bb56f4bb52fcedef3b
 SHA512:
-  metadata.gz: 692b1745fea99d185aaf2ed170a584fb83bf9c870eaa6e03b9567e9d9883930cc136b7e7821cb4746781d87c5131f688bc79f9b0d4cb8aa90208a4d47ef6462f
-  data.tar.gz: e9a2698daffc89e5ee9502a1450dce6e736aad68ca500ed1e37dffa4e5c34ed9709ed0f724888959bee6bd680085d56d7beb7c80504610f2a04683a21d6386a7
+  metadata.gz: 060666c1506de360e6420c3b4cf77e5fe36a8180f1aa5e8ffc5f8e4c9de134d980f1c2ba336a799cd4ac19646dc3ec6bb4022c78f0291d9eca2640bdf63da17d
+  data.tar.gz: 2a305ce4521e205322f8d7329d25730b4593e42718c8becfb49eed02bf4c3e1b862cec55b55662d7d653ea47d668cf8d3b780a4bd17f4b4bfb4b43bc7f20974d

data/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [1.3.1] — 2026-10-05
+
+### Changed
+
+- Home portfolio band is a specimen + inventory bench (16:9 media) instead of
+  an equal card grid
+- Projects listing lead shows a Featured chip
+
 ## [1.3.0] — 2026-10-05
 
 ### Fixed

data/DESIGN.md

@@ -935,8 +935,9 @@ Letter-spacing in use, by frequency: `0.1em` (12), `0.08em` (10), `0.12em` (7),
   writing, rascunhos, systems, ideas graph. The featured band carries a 6rem ×
   3px `primary` rule at its top-left corner as a structural mark. The three
   writing cards take `primary` / `secondary` / `tertiary` 2px top rules in
-  rotation. The systems grid is a 12-column asymmetric pair — 7/5 then 5/7 —
-  from 1024px. Below 768px the hero portrait runs to the screen edge, pulled
+  rotation. The systems band is a specimen + inventory bench from 900px —
+  one large project plate (~7/12) beside a compact ledger rail (~5/12); both
+  keep 16:9 media. Below 768px the hero portrait runs to the screen edge, pulled
   out of the band's gutter by exactly `--gutter-mobile` on each side and losing
   its side hairlines, which at the edge would read as a frame cut off.
 * **Writing index.** Masthead over a hairline, then a `panelContrast` filter
@@ -947,9 +948,9 @@ Letter-spacing in use, by frequency: `0.1em` (12), `0.08em` (10), `0.12em` (7),
   rows beside a sticky marginalia column. Rows become two-column
   (`.rascunhos-row--illustrated`, a 7.5rem plate, 4rem on phones) only when an
   image is actually present.
-* **Projects.** A Tailwind `grid-cols-1 md:grid-cols-2` of system cards with
-  `align-items: start`, so a card without a poster does not stretch to match
-  one that has one.
+* **Projects.** A session-featured lead plate (with a Featured chip) over a
+  `grid-cols-1 md:grid-cols-2` of system cards with `align-items: start`, so a
+  card without a poster does not stretch to match one that has one.
 * **Sources.** `.listing-card-grid--sources`: one column, two from 768px,
   three from 1024px, posters at `16 / 9` — the video frame, which is what most
   of the collection links to. Filtering hides pre-rendered cards with a class

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

@@ -324,6 +324,43 @@
       ].join('');
     }
 
+    /* Compact inventory row for the home portfolio bench — thumb + name +
+     * status only. Field-backed; no tagline or tag cloud. */
+    function renderProjectInventoryRow(item, options) {
+      options = options || {};
+      var f = blockFields(item);
+      var fm = f.fm;
+      var href = options.href || '#';
+      var name = fm.project || f.title;
+
+      var row = document.createElement('article');
+      row.className = 'home-project-inventory-row group';
+
+      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 html = '';
+      if (media) {
+        html += '<div class="home-project-inventory-media">' + media + '</div>';
+      }
+      html += '<div class="home-project-inventory-body">';
+      html += '<h3 class="home-project-inventory-title card-title">' +
+        '<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>';
+
+      row.innerHTML = html;
+      return row;
+    }
+
     /* System card — the project shape. Carries the fields projects actually
      * have: label, status, and a repository link. */
     function renderSystemCard(item, options) {
@@ -335,8 +372,20 @@
 
       var card = document.createElement('article');
       card.className = 'ledger-system-card group';
+      if (options.className) card.className += ' ' + options.className;
 
-      var html = renderPosterMedia(fm.thumbnail, name);
+      var html = '';
+      if (options.frameCorners) {
+        html += '<span class="ledger-frame-corners" aria-hidden="true"></span>';
+      }
+      var poster = renderPosterMedia(fm.thumbnail, name);
+      if (poster) {
+        html += poster;
+      } else if (options.glyphFallback && fm.icon) {
+        html += '<div class="projects-plate projects-plate--mark" aria-hidden="true">' +
+          '<span class="material-symbols-outlined projects-plate-glyph">' +
+          escapeHtml(fm.icon) + '</span></div>';
+      }
       // Callers may supply their own strip parts; the default is whatever the
       // project declares about itself.
       var parts = options.metaParts || [

data/_includes/content-runtime/90-bootstrap.html

@@ -63,6 +63,7 @@
       renderLedgerRow: renderLedgerRow,
       renderArchiveCard: renderArchiveCard,
       renderSystemCard: renderSystemCard,
+      renderProjectInventoryRow: renderProjectInventoryRow,
       renderPosterMedia: renderPosterMedia,
       ensureBibliographyIndex: ensureBibliographyIndex,
       bibField: bibField,

data/_includes/home/band-listing.html

@@ -39,11 +39,23 @@
     {%- if _featured -%}
     <div id="{{ _slot_id }}-featured" data-home-featured-slot data-tag-base="{{ _path }}"></div>
     {%- endif -%}
+    {%- if band.kind == 'portfolio' -%}
     <div
       id="{{ _slot_id }}"
-      class="{% if band.kind == 'blog' %}home-draft-list{% elsif band.kind == 'portfolio' %}home-system-grid{% else %}home-card-grid{% endif %}"
+      class="home-projects-bench"
+      data-home-list
+      data-tag-base="{{ _path }}"
+    >
+      <div data-home-specimen></div>
+      <div class="home-project-inventory" data-home-inventory aria-label="Project inventory"></div>
+    </div>
+    {%- else -%}
+    <div
+      id="{{ _slot_id }}"
+      class="{% if band.kind == 'blog' %}home-draft-list{% else %}home-card-grid{% endif %}"
       data-home-list
       data-tag-base="{{ _path }}"
     ></div>
+    {%- endif -%}
   </div>
 </section>

data/_layouts/home.html

@@ -208,13 +208,38 @@ layout: shell
         entries = entries.sort(function (a, b) {
           return Number(a.sort_order || 0) - Number(b.sort_order || 0);
         });
+        var specimenSlot = section.querySelector('[data-home-specimen]');
+        var inventorySlot = section.querySelector('[data-home-inventory]');
         var systemTagHref = tagHrefFrom(list);
-        fill(list, entries.slice(0, limit), function (entry) {
-          return runtime.renderSystemCard(asItem(entry), {
-            href: entry.url || runtime.projectUrl(entry.slug),
-            tagHref: systemTagHref
-          });
-        }, 'Projects could not be loaded right now.');
+        var portfolio = entries.slice(0, limit);
+        if (!portfolio.length) {
+          runtime.Listing.showErrorState(list, 'Projects could not be loaded right now.');
+          return;
+        }
+        if (specimenSlot) {
+          specimenSlot.innerHTML = '';
+          specimenSlot.appendChild(runtime.renderSystemCard(asItem(portfolio[0]), {
+            href: portfolio[0].url || runtime.projectUrl(portfolio[0].slug),
+            tagHref: systemTagHref,
+            className: 'home-project-specimen ledger-card--edge-primary',
+            frameCorners: true,
+            glyphFallback: true
+          }));
+        }
+        var rest = portfolio.slice(1);
+        if (inventorySlot) {
+          if (!rest.length) {
+            inventorySlot.hidden = true;
+            inventorySlot.innerHTML = '';
+          } else {
+            inventorySlot.hidden = false;
+            fill(inventorySlot, rest, function (entry) {
+              return runtime.renderProjectInventoryRow(asItem(entry), {
+                href: entry.url || runtime.projectUrl(entry.slug)
+              });
+            }, 'Projects could not be loaded right now.');
+          }
+        }
         return;
       }
 

data/_layouts/projects.html

@@ -235,7 +235,10 @@ layout: shell
       html += '<a class="projects-lead-media" href="' + escAttr(href) + '" tabindex="-1">' +
         plateHtml(item, 'projects-plate--lead') + '</a>';
       html += '<div class="projects-lead-body">';
+      html += '<div class="projects-lead-rail">';
+      html += '<span class="ledger-chip home-featured-badge">Featured</span>';
       if (line) html += line;
+      html += '</div>';
       html += '<h2 class="projects-lead-title"><a href="' + escAttr(href) + '">' + esc(name) + '</a></h2>';
       if (fm.title && fm.title !== name) {
         html += '<p class="projects-lead-subtitle">' + esc(fm.title) + '</p>';

data/assets/css/ledger/home.css

@@ -710,8 +710,8 @@ html[data-theme="light"] .home-hero-plate {
 .home-card-grid .ledger-card-title,
 .home-card-grid .card-title,
 .home-draft-card .ledger-card-title,
-.home-system-grid .ledger-card-title,
-.home-system-grid .card-title {
+.home-project-specimen .ledger-card-title,
+.home-project-inventory-title {
   font-family: var(--font-content-title);
   font-weight: var(--weight-title);
   font-synthesis: none;
@@ -943,45 +943,57 @@ html[data-theme="light"] .home-hero-plate {
   }
 }
 
-/* ── Engineering artifacts ──
-   Uniform dense cells (not the old 7/5 tension scale): four portfolio cards
-   on the home band were reading as oversized panels. Equal columns + a short
-   poster keep them catalogue-sized; the projects listing page is unchanged. */
-.home-system-grid {
+/* ── Engineering artifacts: specimen + inventory bench ──
+   One large specimen plate (~7/12) beside a compact ledger rail (~5/12).
+   Covers stay 16:9 — hard requirement for home project media. */
+.home-projects-bench {
   display: grid;
   grid-template-columns: minmax(0, 1fr);
-  gap: var(--space-md);
-  align-items: stretch;
+  gap: var(--space-lg);
+  align-items: start;
 }
 
-@media (min-width: 700px) {
-  .home-system-grid {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
+@media (min-width: 900px) {
+  .home-projects-bench {
+    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
+    gap: var(--space-xl);
   }
 }
 
-.home-system-grid .ledger-system-card {
-  gap: var(--space-xs);
-  padding: var(--space-md);
+.home-project-specimen {
+  position: relative;
+  gap: var(--space-sm);
+  padding: var(--space-lg);
 }
 
-.home-system-grid .ledger-system-card>.ledger-poster,
-.home-system-grid .ledger-system-card>.projects-plate {
+.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: 2 / 1;
+  margin: calc(var(--space-lg) * -1) calc(var(--space-lg) * -1) 0;
+  aspect-ratio: 16 / 9;
 }
 
-.home-system-grid .ledger-system-card .ledger-card-title {
-  font-size: var(--type-card);
-  line-height: 1.2;
+.home-project-specimen .projects-plate--mark {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--color-panel-contrast);
+  color: var(--color-primary);
 }
 
-.home-system-grid .ledger-card-links {
-  row-gap: var(--space-sm);
+.home-project-specimen .projects-plate-glyph {
+  font-size: 3rem;
+}
+
+.home-project-specimen .ledger-card-title {
+  font-family: var(--font-content-title);
+  font-size: var(--type-card-lg);
+  font-weight: var(--weight-title);
+  font-synthesis: none;
+  line-height: 1.2;
 }
 
-.home-system-grid .ledger-card-copy {
+.home-project-specimen .ledger-card-copy {
   font-family: var(--font-body);
   font-size: var(--type-subtitle);
   font-weight: var(--weight-body);
@@ -989,9 +1001,106 @@ html[data-theme="light"] .home-hero-plate {
   color: var(--color-legend);
   display: -webkit-box;
   -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  line-clamp: 2;
+  -webkit-line-clamp: 3;
+  line-clamp: 3;
+  overflow: hidden;
+}
+
+.home-project-specimen .ledger-card-links {
+  row-gap: var(--space-sm);
+}
+
+.home-project-inventory {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  border-top: 1px solid var(--border-gentle-divider);
+}
+
+.home-project-inventory-row {
+  position: relative;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  gap: var(--space-md);
+  align-items: center;
+  padding: var(--space-sm) 0;
+  border-bottom: 1px solid var(--border-gentle-divider);
+  transition: background-color var(--motion-duration-fast) var(--motion-ease-default);
+}
+
+.home-project-inventory-row:has(.home-project-inventory-media) {
+  grid-template-columns: 5.5rem minmax(0, 1fr);
+}
+
+.home-project-inventory-row:hover,
+.home-project-inventory-row:focus-within {
+  background: var(--color-surface-high);
+}
+
+.home-band--contrast .home-project-inventory-row:hover,
+.home-band--contrast .home-project-inventory-row:focus-within {
+  background: var(--color-surface-high-contrast);
+}
+
+.home-project-inventory-media {
+  min-width: 0;
+}
+
+.home-project-inventory-media .ledger-poster,
+.home-project-inventory-mark {
+  aspect-ratio: 16 / 9;
+  width: 100%;
   overflow: hidden;
+  border: 1px solid var(--border-gentle-subtle);
+  background: var(--color-panel-contrast);
+}
+
+.home-project-inventory-media .ledger-poster img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+
+.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: 1.25rem;
+}
+
+.home-project-inventory-body {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2xs);
+  min-width: 0;
+}
+
+.home-project-inventory-title {
+  margin: 0;
+  font-family: var(--font-content-title);
+  font-size: var(--type-card);
+  font-weight: var(--weight-title);
+  font-synthesis: none;
+  line-height: 1.25;
+}
+
+.home-project-inventory-title a {
+  color: var(--color-on-surface);
+  text-decoration: none;
+}
+
+.home-project-inventory-row:hover .home-project-inventory-title a,
+.home-project-inventory-row:focus-within .home-project-inventory-title a {
+  color: var(--color-primary);
+}
+
+.home-project-inventory-row .ledger-meta {
+  margin: 0;
 }
 
 

data/assets/css/ledger/projects.css

@@ -206,6 +206,17 @@
   padding: var(--space-lg);
 }
 
+.projects-page .projects-lead-rail {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--space-sm) var(--space-md);
+}
+
+.projects-page .projects-lead-rail .ledger-meta {
+  margin: 0;
+}
+
 .projects-page .projects-lead-title {
   font-family: var(--font-content-title);
   font-size: var(--type-card-lg);

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

data/lib/pandorga/version.rb

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

metadata

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