pandorga 1.3.3 → 1.3.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 96f8f5df58f08bf4eb331ba41f5c7aed8f7ee086ece304b66d2204974605b6c1
-  data.tar.gz: e89377d7e62a3413344af45c3605986436adf161cc263159f607b3bf435631f7
+  metadata.gz: 99bd672a429eb53fd10ee4fc1bfefc9ff378ed47ca44a44ccd7280331cd2c1c2
+  data.tar.gz: 5954341027c77b5113a98976f4c2acf5becd066d013db6de69022e2b3fb1c60c
 SHA512:
-  metadata.gz: dd8485b02a4fa87afc5aecd93d6da693d9bc290de094a544a1b5e4b41b856858745616dc4a492b7ab9ba2b7abac6ba75f694d62d52ce0c4ba5d342ceb1834a49
-  data.tar.gz: d8399d6a1c4eb8f49a3cbcec382e998280da7d39b6686a23f043a83a97c1626a59c9f471f8e8b7ad8d6bcce42e6a92ed6519242a377ec08dc05e24c55429e1a4
+  metadata.gz: fe43ea960dd9093bbf93c1e8fc11106842f1a004b108c6db1aa9197ecf5ce334eb7be56c35a22f02412a9c5c8df2ae5b63cc06c5ad206afa2484ac1b21952618
+  data.tar.gz: 14e3998995fa0189cce9a6875047e319e0a39ed8e0552530a081b035f08e72a1222627e1481ad67ad1568e7c0f84f01f636c6974868a6e9ee8976eed7e9db3b7

data/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## [1.3.5] — 2026-10-05
+
+### Fixed
+
+- Home specimen height is CSS-fixed (no ResizeObserver jump when switching
+  projects); mobile icon strip always reserves six compact slots; desktop
+  inventory sits in a panel over the tiled band
+
+## [1.3.4] — 2026-10-05
+
+### Fixed
+
+- Home portfolio mobile inventory is a single row of project-icon buttons
+  (desktop index styles no longer override the phone layout)
+
 ## [1.3.3] — 2026-10-05
 
 ### Changed

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

@@ -347,6 +347,7 @@
         row.setAttribute('role', 'button');
         row.setAttribute('tabindex', '0');
         row.setAttribute('aria-pressed', selected ? 'true' : 'false');
+        row.setAttribute('aria-label', name);
       }
 
       var media = renderPosterMedia(fm.thumbnail, name);

data/_layouts/home.html

@@ -234,42 +234,18 @@ layout: shell
           eligible: function () { return true; }
         });
         var selectedSlug = (featuredPick && featuredPick.slug) || portfolio[0].slug;
-        var inventoryResizeObserver = null;
+        var iconSlots = 6;
 
         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 = '';
-            return;
-          }
-          var specimen = specimenSlot.querySelector('.home-project-specimen');
-          if (!specimen) {
-            inventorySlot.style.height = '';
-            return;
-          }
-          inventorySlot.style.height = Math.round(specimen.getBoundingClientRect().height) + 'px';
-        }
-
-        function watchSpecimen(specimen) {
-          if (inventoryResizeObserver) {
-            inventoryResizeObserver.disconnect();
-            inventoryResizeObserver = null;
-          }
-          if (!specimen || typeof ResizeObserver === 'undefined') return;
-          inventoryResizeObserver = new ResizeObserver(function () {
-            syncInventoryHeight();
-          });
-          inventoryResizeObserver.observe(specimen);
-        }
-
         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. */
+             is suppressed; tags take that slot below the plate. Specimen and
+             inventory sizes are CSS-fixed (no ResizeObserver). */
           specimenSlot.appendChild(runtime.renderSystemCard(asItem(entry), {
             href: entry.url || runtime.projectUrl(entry.slug),
             tagHref: systemTagHref,
@@ -277,22 +253,14 @@ layout: shell
             glyphFallback: true,
             metaParts: []
           }));
-          var specimen = specimenSlot.querySelector('.home-project-specimen');
-          watchSpecimen(specimen);
-          var poster = specimenSlot.querySelector('.ledger-poster img, .projects-plate');
-          if (poster && poster.tagName === 'IMG' && !poster.complete) {
-            poster.addEventListener('load', syncInventoryHeight, { once: true });
-          }
-          window.requestAnimationFrame(syncInventoryHeight);
         }
 
         function paintInventory() {
           inventorySlot.hidden = false;
           inventorySlot.innerHTML = '';
-          inventorySlot.style.setProperty(
-            '--home-project-icon-count',
-            String(Math.min(portfolio.length, 6) || 1)
-          );
+          /* Always reserve six mobile columns so one project does not stretch
+             a single giant button across the band. */
+          inventorySlot.style.setProperty('--home-project-icon-count', String(iconSlots));
           portfolio.forEach(function (entry, i) {
             var row = runtime.renderProjectInventoryRow(asItem(entry), {
               selectable: true,
@@ -318,12 +286,10 @@ layout: shell
             });
             inventorySlot.appendChild(row);
           });
-          window.requestAnimationFrame(syncInventoryHeight);
         }
 
         paintSpecimen(entryBySlug(selectedSlug));
         paintInventory();
-        window.addEventListener('resize', syncInventoryHeight);
         return;
       }
 

data/assets/css/ledger/home.css

@@ -944,32 +944,32 @@ html[data-theme="light"] .home-hero-plate {
 }
 
 /* ── 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. */
+   Fixed specimen chrome (16:9 plate + reserved body). Mobile icon strip
+   always reserves six equal slots at a fixed button height. Desktop inventory
+   sits in a panel container matched to the specimen height via CSS, not JS. */
 .home-projects-bench {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr);
-  gap: var(--space-lg);
-  align-items: start;
-}
-
-@media (min-width: 900px) {
-  .home-projects-bench {
-    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
-    gap: var(--space-xl);
-    align-items: start;
-  }
+  --home-specimen-height: 26rem;
+  --home-icon-btn-size: 2.75rem;
+  --home-project-icon-count: 6;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: var(--space-md);
 }
 
 .home-project-specimen {
   position: relative;
+  display: flex;
+  flex-direction: column;
   gap: var(--space-sm);
   padding: var(--space-md);
   max-width: none;
   width: 100%;
-  /* Borderless card: ink frame + drafting corners live on the poster only. */
+  height: var(--home-specimen-height);
+  overflow: hidden;
   border: 0;
   background: var(--color-panel-contrast);
+  box-sizing: border-box;
 }
 
 :root:not([data-theme="dark"]) .home-project-specimen,
@@ -980,10 +980,20 @@ html[data-theme="light"] .home-project-specimen,
 
 .home-project-specimen>.ledger-poster,
 .home-project-specimen>.projects-plate {
+  flex: 0 0 auto;
   width: auto;
   margin: calc(var(--space-md) * -1) calc(var(--space-md) * -1) 0;
   aspect-ratio: 16 / 9;
+  max-height: calc(var(--home-specimen-height) * 0.58);
   position: relative;
+  overflow: hidden;
+}
+
+.home-project-specimen>.ledger-poster img,
+.home-project-specimen>.ledger-poster video {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
 }
 
 /* Glyph plates have no .ledger-poster::after — mirror the image corners. */
@@ -1006,77 +1016,6 @@ html[data-theme="light"] .home-project-specimen,
     linear-gradient(var(--color-primary), var(--color-primary)) bottom right / var(--frame-corner-thickness) var(--frame-corner-size) no-repeat;
 }
 
-@media (max-width: 899px) {
-  .home-projects-bench {
-    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 {
   display: flex;
   align-items: center;
@@ -1095,12 +1034,18 @@ html[data-theme="light"] .home-project-specimen,
 
 .home-project-specimen .ledger-card-title,
 .home-project-specimen .ledger-card-title a {
+  flex: 0 0 auto;
   font-family: var(--font-content-title);
   font-size: var(--type-card-lg);
   font-weight: var(--weight-title);
   font-synthesis: none;
   line-height: 1.2;
   color: var(--color-on-surface);
+  min-height: calc(1.2em * 1);
+  margin: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .home-project-specimen:hover .ledger-card-title a,
@@ -1109,6 +1054,7 @@ html[data-theme="light"] .home-project-specimen,
 }
 
 .home-project-specimen .ledger-card-copy {
+  flex: 0 0 auto;
   font-family: var(--font-body);
   font-size: var(--type-body);
   font-weight: var(--weight-body);
@@ -1119,48 +1065,80 @@ html[data-theme="light"] .home-project-specimen,
   -webkit-line-clamp: 3;
   line-clamp: 3;
   overflow: hidden;
+  min-height: calc(var(--type-body) * var(--leading-body) * 3);
+  margin: 0;
 }
 
-/* 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;
+  margin-top: auto;
+  max-height: 4.5rem;
+  overflow: hidden;
 }
 
 .home-project-specimen .ledger-card-links {
   display: none;
 }
 
+/* Mobile: six equal icon slots, fixed button height (empty slots stay empty). */
 .home-project-inventory {
-  display: flex;
-  flex-direction: column;
+  display: grid;
+  grid-template-columns: repeat(var(--home-project-icon-count, 6), minmax(0, 1fr));
+  gap: var(--space-xs);
   min-width: 0;
   min-height: 0;
+  height: auto !important;
+  overflow: visible;
   background: transparent;
   border: 0;
-  overflow: hidden;
+  padding: 0;
 }
 
 .home-project-inventory-row {
   position: relative;
   display: flex;
-  flex-direction: row;
   align-items: center;
-  flex: 1 1 0;
-  min-height: 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;
+  justify-content: center;
+  flex: none;
+  width: auto;
+  min-width: 0;
+  height: var(--home-icon-btn-size);
+  aspect-ratio: auto;
+  gap: 0;
+  padding: 0;
+  border: 1px solid var(--border-gentle-divider);
+  background: var(--color-panel-contrast);
   cursor: pointer;
-  transition: background-color var(--motion-duration-fast) var(--motion-ease-default);
+  box-shadow: none;
+  transition: background-color var(--motion-duration-fast) var(--motion-ease-default),
+    border-color var(--motion-duration-fast) var(--motion-ease-default);
 }
 
-.home-project-inventory-row:last-child {
-  border-bottom: 1px solid var(--border-gentle-divider);
+.home-project-inventory-index,
+.home-project-inventory-media,
+.home-project-inventory-body {
+  display: none;
+}
+
+.home-project-inventory-glyph {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: auto;
+  height: auto;
+  margin: 0;
+  font-size: 1.25rem;
+  line-height: 1;
+  color: var(--color-on-surface-variant);
+}
+
+.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:hover,
@@ -1170,8 +1148,17 @@ html[data-theme="light"] .home-project-specimen,
 }
 
 .home-project-inventory-row.is-selected {
+  border-color: var(--color-primary);
+  outline: 1px solid var(--color-primary);
+  outline-offset: -1px;
   background: var(--color-surface-high);
-  box-shadow: inset 3px 0 0 var(--color-primary);
+  box-shadow: none;
+}
+
+.home-project-inventory-row.is-selected .home-project-inventory-glyph,
+.home-project-inventory-row:hover .home-project-inventory-glyph,
+.home-project-inventory-row:focus-visible .home-project-inventory-glyph {
+  color: var(--color-primary);
 }
 
 .home-band--contrast .home-project-inventory-row:hover,
@@ -1180,132 +1167,173 @@ html[data-theme="light"] .home-project-specimen,
   background: var(--color-surface-high-contrast);
 }
 
-.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 .ledger-meta {
+  display: none;
 }
 
-.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);
-}
+@media (min-width: 900px) {
+  .home-projects-bench {
+    --home-specimen-height: 28rem;
+    display: grid;
+    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
+    gap: var(--space-xl);
+    align-items: stretch;
+  }
 
-.home-project-inventory-media {
-  flex: 0 0 auto;
-  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: 1px solid var(--border-gentle-subtle);
-}
+  .home-project-specimen {
+    height: var(--home-specimen-height);
+  }
 
-.home-project-inventory-media .ledger-poster,
-.home-project-inventory-mark {
-  width: 100%;
-  height: 100%;
-  aspect-ratio: auto;
-  border: 0;
-  overflow: hidden;
-  background: var(--color-surface-high);
-}
+  /* Panel container over the tiled band — not bare rows on the grid. */
+  .home-project-inventory {
+    display: flex;
+    flex-direction: column;
+    height: var(--home-specimen-height);
+    overflow: hidden;
+    gap: 0;
+    padding: 0;
+    background: var(--color-panel-contrast);
+    border: 1px solid var(--border-gentle-divider);
+  }
 
-.home-project-inventory-media .ledger-poster::after {
-  display: none;
-}
+  .home-project-inventory-row {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: flex-start;
+    flex: 1 1 0;
+    width: auto;
+    height: auto;
+    min-height: 0;
+    aspect-ratio: auto;
+    gap: var(--space-md);
+    padding: var(--space-sm) var(--space-md);
+    border: 0;
+    border-bottom: 1px solid var(--border-gentle-divider);
+    background: transparent;
+    outline: none;
+  }
 
-.home-project-inventory-media .ledger-poster img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  display: block;
-}
+  .home-project-inventory-row:last-child {
+    border-bottom: 0;
+  }
 
-.home-project-inventory-mark {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--color-primary);
-}
+  .home-project-inventory-row.is-selected {
+    background: var(--color-surface-high);
+    border-color: transparent;
+    outline: none;
+    box-shadow: inset 3px 0 0 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-index {
+    display: block;
+    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-mark .material-symbols-outlined {
-  font-size: 1.25rem;
-}
+  .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-body {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  gap: 0;
-  flex: 1 1 0;
-  min-width: 0;
-  padding: 0;
-}
+  .home-project-inventory-media {
+    display: block;
+    flex: 0 0 auto;
+    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: 1px solid var(--border-gentle-subtle);
+  }
 
-.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;
-  color: var(--color-on-surface);
-}
+  .home-project-inventory-media .ledger-poster,
+  .home-project-inventory-mark {
+    width: 100%;
+    height: 100%;
+    aspect-ratio: auto;
+    border: 0;
+    overflow: hidden;
+    background: var(--color-surface-high);
+  }
 
-.home-project-inventory-title a {
-  color: inherit;
-  text-decoration: none;
-}
+  .home-project-inventory-media .ledger-poster::after {
+    display: none;
+  }
 
-.home-project-inventory-row:hover .home-project-inventory-title,
-.home-project-inventory-row:focus-visible .home-project-inventory-title,
-.home-project-inventory-row.is-selected .home-project-inventory-title {
-  color: var(--color-primary);
-}
+  .home-project-inventory-media .ledger-poster img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    display: block;
+  }
 
-.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-mark {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--color-primary);
+  }
 
-.home-project-inventory-glyph--initial {
-  font-family: var(--font-content-title);
-  font-size: var(--type-subtitle);
-  font-weight: var(--weight-title);
-}
+  .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-row.is-selected .home-project-inventory-glyph,
-.home-project-inventory-row:hover .home-project-inventory-glyph {
-  color: var(--color-primary);
-}
+  .home-project-inventory-mark .material-symbols-outlined {
+    font-size: 1.25rem;
+  }
 
-.home-project-inventory-row .ledger-meta {
-  display: none;
+  .home-project-inventory-body {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: 0;
+    flex: 1 1 0;
+    min-width: 0;
+    padding: 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;
+    color: var(--color-on-surface);
+  }
+
+  .home-project-inventory-title a {
+    color: inherit;
+    text-decoration: none;
+  }
+
+  .home-project-inventory-row:hover .home-project-inventory-title,
+  .home-project-inventory-row:focus-visible .home-project-inventory-title,
+  .home-project-inventory-row.is-selected .home-project-inventory-title {
+    color: var(--color-primary);
+  }
+
+  .home-project-inventory-glyph {
+    flex: 0 0 auto;
+    width: 1.75rem;
+    height: 1.75rem;
+    margin-left: auto;
+    font-size: 1.25rem;
+  }
 }
 
 

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

data/lib/pandorga/version.rb

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

metadata

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