pandorga 2.1.0 → 2.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3dd3df9d18ed1ac1a99e07aecfe17e5776ccf46e35ca30cb4c87dc8e9ec6a00f
-  data.tar.gz: c87fa62d1dcdd8ddc1b1f00671b83558e0114b4d28a2de376eb653251740a7a4
+  metadata.gz: df6a05990dd61bd1ec65a55988e6ff3c905dac4368c1205bb963b261440adf2c
+  data.tar.gz: 4f28891d107c9dd8b19afdef872ae025f82f9106369477214d07ff10576b22a5
 SHA512:
-  metadata.gz: f75cd5a291e0678b90997a207a73bdd3401e76e3de3d4bcbd732323f46e87f11b4aa0075a46a61e35378a49d79ae7acb97d521793ca04a5705e5fe4a5d6d7381
-  data.tar.gz: 279e4ed500471c6b7a74129bb9a18648c4c21054aa9b02af7f2794f9eada23afe7249c23b2de2f6555301d3d520b4caba60c7c30e3620eae8aaf8409905900d2
+  metadata.gz: 755cc712729fdde1c7c04fa76ce617b4045dd0da9e73e88c8aa945e823c5db21e1c8da95c9b2240cb46d28328ecf25bf9d37fc129317715e13ed52c111188131
+  data.tar.gz: fc897b6820e06bf5b87bed93001605b5ac744025564427ad1b4cb9637d0ff9b9002d6a67e136f56363b762422bf5cb25017145f7226c31ea9c5309ccdd739e9d

data/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 ## [Unreleased]
 
+## [2.2.0] — 2026-10-28
+
+### Added
+
+- CR-10: Recalculated `.home-hero-title` cqi divisors for Ancizar Serif at -0.02em tracking (~5.55em phone family-line width, ~10.81em desktop full-name cap) (PLT-AC-62).
+- CR-11: Fixed/list page titles (`.page-header-title`) default to upright by removing hardcoded `class="italic"` on `[data-content-header-title]`. Inline emphasis and marker wash apply only via `<em>` elements. `--type-page` and `--type-page-lg` tokens bumped so list titles are noticeably larger while detail titles remain unchanged (PLT-AC-63).
+- CR-12: `.home-hero-family` drops `font-style: italic`, keeping primary color and raising marker strength to ~0.88× section alpha levels (PLT-AC-64).
+- CR-13: Home hierarchy ladder adjusted so section titles dominate specimen names on mobile and desktop viewports. Raised `--type-section-sm` to 1.72rem and removed `.home-specimen-title` override to `var(--type-section)` at desktop breakpoints (PLT-AC-65).
+- CR-14: Grouped title role marker selector in `assets/css/base.css` ensures `em` elements inside `.section-title`, `.page-header-title`, `.home-index-title`, `.card-title`, and `.ledger-card-title` receive the primary-color felt-marker wash (PLT-AC-66).
+
+## [2.1.1] — 2026-10-28
+
+### Fixed
+
+- Mobile body weight (`body_weight_mobile` / `--weight-body-mobile`) now wins on viewports under 768px. The rebind lives in `theme-vars.html` after the theme token block so it is not overridden by the desktop `--weight-body` declaration (PLT-AC-57).
+
 ## [2.1.0] — 2026-10-28
 
 ### Added

data/_includes/page/page-header.html

@@ -8,7 +8,7 @@
       <span data-content-header-eyebrow class="{{ include.eyebrow_class | default: 'font-label text-sm text-secondary block mb-4 hidden' }}" hidden></span>
 
       <h1 class="page-header-title font-title{% if include.title_class %} {{ include.title_class }}{% endif %}">
-        <span data-content-header-title class="italic"{% if _header_title != blank %} data-content-static{% endif %}>{% if _header_title contains "*" %}{% assign _header_bits = _header_title | split: "*" %}{% for _header_bit in _header_bits %}{% assign _header_em = forloop.index0 | modulo: 2 %}{% if _header_em == 1 %}<em>{{ _header_bit | escape }}</em>{% else %}{{ _header_bit | escape }}{% endif %}{% endfor %}{% else %}{{ _header_title | escape }}{% endif %}</span>
+        <span data-content-header-title{% if _header_record.title != nil %} data-content-static{% endif %}>{% if _header_title contains "*" %}{% assign _header_bits = _header_title | split: "*" %}{% for _header_bit in _header_bits %}{% assign _header_em = forloop.index0 | modulo: 2 %}{% if _header_em == 1 %}<em>{{ _header_bit | escape }}</em>{% else %}{{ _header_bit | escape }}{% endif %}{% endfor %}{% else %}{{ _header_title | escape }}{% endif %}</span>
       </h1>
 
       <span data-content-header-tags class="{{ include.tags_class | default: 'page-header-tags font-label text-tertiary mt-4 block hidden' }}" hidden></span>

data/_includes/theme/theme-vars.html

@@ -13,4 +13,13 @@
       --motion-duration-slow: 0s;
     }
   }
+
+  /* After theme-vars-block sets --weight-body (desktop), rebind on small
+     viewports. Must live in this style tag: an earlier base.css media
+     query loses to the block's later --weight-body declaration (PLT-AC-57). */
+  @media (max-width: 767px) {
+    :root, [data-theme] {
+      --weight-body: var(--weight-body-mobile, 350);
+    }
+  }
 </style>

data/assets/css/base.css

@@ -175,12 +175,12 @@ html {
   /* Display — Ancizar Serif */
   --type-display: 2.9015rem;
   --type-display-lg: 3.6515rem;
-  --type-page: 2.4015rem;
-  --type-page-lg: 2.9015rem;
+  --type-page: 2.75rem;
+  --type-page-lg: 3.35rem;
   --type-section: 1.9015rem;
   --type-section-lg: 2.1515rem;
   /* Phone steps for home band titles and card titles (PLT-AC-49). */
-  --type-section-sm: 1.375rem;
+  --type-section-sm: 1.72rem;
 
   /* Content titles — Ancizar Serif */
   --type-title: 2.20165rem;
@@ -341,11 +341,10 @@ html body {
 
 /* The italicized second half of a section or page title ("Articles & Notes",
    "Personal Projects & Experiments") carries the page's accent colour plus a
-   marker highlight — felt-pen underlay, not invented copy. Same wash on home
-   band titles (`.section-title em`) and listing mastheads (`.page-header-title
-   em`) so the two never diverge. */
-.section-title em,
-.page-header-title em {
+   marker highlight — felt-pen underlay, not invented copy. Unified wash on all
+   title roles (.section-title, .page-header-title, .home-index-title,
+   .card-title, .ledger-card-title em) so marker highlights never diverge. */
+.section-title em, .page-header-title em, .home-index-title em, .card-title em, .ledger-card-title em {
   font-style: italic;
   color: var(--color-primary);
   background: linear-gradient(104deg,
@@ -359,8 +358,7 @@ html body {
 }
 
 /* Dark ink paper: dim the felt wash so primary/ochre highlighter does not glow. */
-[data-theme="dark"] .section-title em,
-[data-theme="dark"] .page-header-title em {
+[data-theme="dark"] .section-title em, [data-theme="dark"] .page-header-title em, [data-theme="dark"] .home-index-title em, [data-theme="dark"] .card-title em, [data-theme="dark"] .ledger-card-title em {
   background: linear-gradient(104deg,
       transparent 0.9%,
       color-mix(in srgb, var(--color-primary) 9%, transparent) 2.4%,

data/assets/css/ledger/home.css

@@ -151,15 +151,14 @@
   min-height: calc(var(--type-body) * 1.35);
 }
 
-/* Name spans the copy column (container query on .home-hero-copy). The floor
-   is the band-title step — Articles, Rascunhos, Projects — so a phone does
-   not drop the name to the card size to keep it on one line. From 640px the
-   floor follows `.section-title` up to `--type-section-lg`. Wider columns
-   still grow toward `--type-page-lg`. */
+/* Name spans the copy column (container query on .home-hero-copy). Divisor
+   is calculated for Ancizar Serif at -0.02em tracking (~5.55em phone
+   family-line width). From 640px the floor follows `.section-title` up to
+   `--type-section-lg`. Wider columns still grow toward `--type-page-lg`. */
 .home-hero-title {
   font-family: var(--font-title);
   font-weight: 400;
-  font-size: clamp(var(--type-section), calc(100cqi * 0.92 / 14.5), var(--type-page-lg));
+  font-size: clamp(var(--type-section), calc(100cqi * 0.92 / 5.55), var(--type-page-lg));
   line-height: 1.05;
   letter-spacing: -0.02em;
   color: var(--color-on-surface);
@@ -175,12 +174,11 @@
 
 .home-hero-family {
   display: inline;
-  font-style: italic;
   color: var(--color-primary);
   --mark-ink: var(--color-primary);
-  --mark-1: calc(var(--mark-quiet-a) * 0.4);
-  --mark-2: calc(var(--mark-quiet-b) * 0.4);
-  --mark-3: calc(var(--mark-quiet-c) * 0.4);
+  --mark-1: calc(var(--mark-a) * 0.88);
+  --mark-2: calc(var(--mark-b) * 0.88);
+  --mark-3: calc(var(--mark-c) * 0.88);
   background: linear-gradient(var(--mk-angle, 104deg), transparent var(--mk-s0, 0.9%), color-mix(in srgb, var(--mark-ink) var(--mark-1), transparent) var(--mk-s1, 2.6%), color-mix(in srgb, var(--mark-ink) var(--mark-2), transparent) var(--mk-mid, 58%), color-mix(in srgb, var(--mark-ink) var(--mark-3), transparent) var(--mk-end, 98%), transparent 100%) 0 var(--mk-y, 50%) / 100% var(--mk-h, 100%) no-repeat;
   -webkit-box-decoration-break: clone;
   box-decoration-break: clone;
@@ -189,7 +187,7 @@
 
 @media (min-width: 640px) {
   .home-hero-title {
-    font-size: clamp(var(--type-section-lg), calc(100cqi * 0.92 / 14.5), var(--type-page-lg));
+    font-size: clamp(var(--type-section-lg), calc(100cqi * 0.92 / 5.55), var(--type-page-lg));
   }
 }
 
@@ -198,14 +196,14 @@
 @media (max-width: 639px) {
   .home-hero-title {
     white-space: normal;
-    font-size: calc(clamp(var(--type-section), calc(100cqi * 0.92 / 14.5), var(--type-page-lg)) + 3pt);
+    font-size: calc(clamp(var(--type-section), calc(100cqi * 0.92 / 5.55), var(--type-page-lg)) + 3pt);
   }
 }
 
 @media (min-width: 640px) and (max-width: 767px) {
   .home-hero-title {
     white-space: normal;
-    font-size: calc(clamp(var(--type-section-lg), calc(100cqi * 0.92 / 14.5), var(--type-page-lg)) + 3pt);
+    font-size: calc(clamp(var(--type-section-lg), calc(100cqi * 0.92 / 5.55), var(--type-page-lg)) + 3pt);
   }
 }
 
@@ -409,12 +407,12 @@ html[data-theme="light"] .home-hero-plate {
     object-position: center;
   }
 
-  /* --hero-name-fit is the longer name part in em at the title's tracking;
-     a site with a longer word raises it. The selector outranks a site's
-     one-line size written as .home-ledger .home-hero-title. */
+  /* --hero-name-fit is the longer name part in em at the title's tracking
+     (Ancizar full-name default ~10.81em); a site with a longer word raises it.
+     The selector outranks a site's one-line size written as .home-ledger .home-hero-title. */
   .home-ledger .home-hero-title {
     white-space: normal;
-    font-size: min(calc(100cqi / var(--hero-name-fit, 8.4)), var(--hero-name-max, 4.5rem));
+    font-size: min(calc(100cqi / var(--hero-name-fit, 10.81)), var(--hero-name-max, 4.5rem));
   }
 
   .home-hero-given,
@@ -1370,9 +1368,6 @@ button.home-project-inventory-row {
     background: var(--color-panel-contrast);
   }
 
-  .home-project-specimen .home-specimen-title {
-    font-size: var(--type-section);
-  }
 
   .home-project-inventory-row {
     flex: 1 1 0;

data/lib/pandorga/commands/new.rb

@@ -24,7 +24,7 @@ module Pandorga
 
         gem "pandorga", "~> 2.0"
         # Local checkout: gem "pandorga", path: "../pandorga"
-        # GitHub tag: gem "pandorga", github: "alexandrelheinen/pandorga", tag: "v2.1.0"
+        # GitHub tag: gem "pandorga", github: "alexandrelheinen/pandorga", tag: "v2.2.0"
         gem "csv"
         gem "base64"
       RUBY

data/lib/pandorga/version.rb

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

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

@@ -300,6 +300,44 @@ if declaration_bodies(home_sheet, ".home-hero-summary").any? { |body| declaratio
   errors << "assets/css/ledger/home.css: .home-hero-summary must use --color-legend (PLT-AC-23)"
 end
 
+# PLT-AC-62. Hero cqi clamp divisors calculated for Ancizar at -0.02em tracking (~5.55 / ~10.81). Cinzel comments removed.
+if home_sheet.match?(/Cinzel/i)
+  errors << "assets/css/ledger/home.css must not contain Cinzel comments or references (PLT-AC-62)"
+end
+if home_sheet.include?("14.5") || home_sheet.include?("8.4")
+  errors << "assets/css/ledger/home.css: hero clamp divisors must use Ancizar factors (~5.55 / ~10.81) instead of Cinzel (PLT-AC-62)"
+end
+
+# PLT-AC-63. Page header markup must not hardcode class="italic" on title span.
+page_header_html = File.read(REPO_ROOT.join("_includes/page/page-header.html"))
+if page_header_html.include?('data-content-header-title class="italic"') || page_header_html.include?('class="italic" data-content-header-title')
+  errors << "_includes/page/page-header.html: data-content-header-title must not hardcode class=\"italic\" (PLT-AC-63)"
+end
+
+# PLT-AC-64. Hero family drops italic.
+hero_family_body = declaration_bodies(home_sheet, ".home-hero-family").join(";")
+if declarations(hero_family_body).include?("font-style:italic")
+  errors << "assets/css/ledger/home.css: .home-hero-family must remove font-style: italic (PLT-AC-64)"
+end
+
+# PLT-AC-65. Home specimen title must not be set to var(--type-section) at >=900px.
+if home_sheet.include?(".home-project-specimen .home-specimen-title {\n    font-size: var(--type-section);\n  }") ||
+   home_sheet.match?(/\.home-specimen-title\s*\{[^}]*font-size\s*:\s*var\(--type-section\)/)
+  errors << "assets/css/ledger/home.css: .home-specimen-title must not be set to var(--type-section) at 900px (PLT-AC-65)"
+end
+
+# PLT-AC-66. Grouped selector for title role em felt-marker wash.
+base_sheet = strip_comments(File.read(CSS_ROOT.join("base.css")))
+required_marker_selector = ".section-title em, .page-header-title em, .home-index-title em, .card-title em, .ledger-card-title em"
+unless base_sheet.include?(required_marker_selector)
+  errors << "assets/css/base.css: missing grouped title marker selector '#{required_marker_selector}' (PLT-AC-66)"
+end
+
+dark_marker_selector = "[data-theme=\"dark\"] .section-title em, [data-theme=\"dark\"] .page-header-title em, [data-theme=\"dark\"] .home-index-title em, [data-theme=\"dark\"] .card-title em, [data-theme=\"dark\"] .ledger-card-title em"
+unless base_sheet.include?(dark_marker_selector)
+  errors << "assets/css/base.css: missing grouped dark title marker selector '#{dark_marker_selector}' (PLT-AC-66)"
+end
+
 fail!("CSS structure problems:\n  - #{errors.join("\n  - ")}") unless errors.empty?
 
 puts "  #{sheets.size} stylesheet(s) balanced, no conflict markers."

data/scripts/test/test-fonts.rb

@@ -104,3 +104,7 @@ fail!("spec is missing PLT-AC-30") unless spec.include?("PLT-AC-30")
 fail!("configuration reference omits pandorga.fonts") unless ROOT.join("docs/configuration.md").read.include?("pandorga.fonts")
 
 puts "PASS test-fonts"
+
+theme_vars = File.read(File.expand_path("../../_includes/theme/theme-vars.html", __dir__))
+fail!("theme-vars.html missing mobile --weight-body rebind (PLT-AC-57 cascade)") unless theme_vars.match?(/@media\s*\(max-width:\s*767px\)[\s\S]*--weight-body:\s*var\(--weight-body-mobile/)
+

data/scripts/test/test-hero-16x9.rb

@@ -224,7 +224,7 @@ item(6) do
   title = ".home-ledger .home-hero-title"
   expect_decl(title, "white-space", "normal", media: DESKTOP)
   expect_decl(title, "font-size",
-              "min(calc(100cqi / var(--hero-name-fit, 8.4)), var(--hero-name-max, 4.5rem))",
+              "min(calc(100cqi / var(--hero-name-fit, 10.81)), var(--hero-name-max, 4.5rem))",
               media: DESKTOP)
   %w[.home-hero-given .home-hero-family].each do |sel|
     expect_decl(sel, "display", "inline-block", media: DESKTOP)

data/scripts/test/test-hero-name.rb

@@ -136,14 +136,14 @@ check!(symbols["family"] == "Rivera Santos", "symbol keys work, got #{symbols.in
 
 hero = css[/\.home-hero-title \{.*?(?=\.home-hero-summary)/m]
 check!(hero, "missing hero title block")
-check!(hero.include?("font-size: clamp(var(--type-section), calc(100cqi * 0.92 / 14.5), var(--type-page-lg));"),
-       "base name size stays the 1.4.9 clamp")
+check!(hero.include?("font-size: clamp(var(--type-section), calc(100cqi * 0.92 / 5.55), var(--type-page-lg));"),
+       "base name size uses Ancizar clamp")
 check!(hero.include?("@media (max-width: 639px)"), "missing phone size query")
-check!(hero.include?("calc(clamp(var(--type-section), calc(100cqi * 0.92 / 14.5), var(--type-page-lg)) + 3pt)"),
+check!(hero.include?("calc(clamp(var(--type-section), calc(100cqi * 0.92 / 5.55), var(--type-page-lg)) + 3pt)"),
        "below 640px the name must be the current clamp plus 3pt")
 check!(hero.include?("@media (min-width: 640px) and (max-width: 767px)"),
        "missing 640-767 size query")
-check!(hero.include?("calc(clamp(var(--type-section-lg), calc(100cqi * 0.92 / 14.5), var(--type-page-lg)) + 3pt)"),
+check!(hero.include?("calc(clamp(var(--type-section-lg), calc(100cqi * 0.92 / 5.55), var(--type-page-lg)) + 3pt)"),
        "from 640px to 767px the name must be the section-lg clamp plus 3pt")
 
 plain = hero.index("@media (min-width: 640px) {")

metadata

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