pandorga 1.7.0 → 1.7.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b57cef517472b9cc15b3c3dcd4c13f119d495df666d167f9c741fff760b0e02b
-  data.tar.gz: '08c03b31d4b06e92df419ad20b091e63c31537fef06354a3af52abda07d5371a'
+  metadata.gz: aa9e02cc789f512401bb4e9bdbc28c732dff0f3849bbf055d0cd546678cbdd1d
+  data.tar.gz: 8a17699ce008fa34e5114f9b4e8e643d0d754f7620ed3b0357aeb2cc9a4c201e
 SHA512:
-  metadata.gz: c60041b89ca661282fbfbc53052e55b46405a23eb914b3aa35ead456628b35c6834efe9f369e3cb301f311e4fd7f82932cf57c403e7afbfb5c36bdf525c0ed2c
-  data.tar.gz: fbf2fc58bd6578caba218953e8203a393dae30b2913e8d0ed6beb051ff0b795397807b697d1ec72bcdda4b20f222c11e8f7ef1654b472a84e090c0378bd448de
+  metadata.gz: 7c6e5413b160b64e546f4aa7c80f1e45bb8c5716336593984e4f1f14e642ed444adba3dc5261d08d31257367060dab631777f744f6126c38df1c264e7259d139
+  data.tar.gz: 21588e084fe1f417a4f9fa55e532c8ebca01930ea95ad740ecafece15578df4c237461e0213a9328526b982847dcb4bff07d47f1a182a50a36a9fb5348f9cb74

data/CHANGELOG.md

@@ -1,5 +1,32 @@
 # Changelog
 
+## [1.7.1] — 2026-10-11
+
+### Fixed
+
+- Decorative Material Symbols beside a label no longer expose the ligature
+  (`arrow_left_alt`, `shuffle`, a contact icon, a missing-media mark).
+  The public detail path and the private layout agree. Nine spans.
+- The shell published two `og:image` properties. The second meta element
+  carried both `name="image"` and `property="og:image"`. `name="image"`
+  stays on its own element, so a page has one Open Graph image.
+
+### Changed
+
+- Unused ledger selectors are gone. `assets/css/base.css` drops 2,041
+  bytes: `.page-title` (404), `.ledger-marker--primary` (616),
+  `.ledger-card--edge-*` (462), and `.ledger-section-rule` (559).
+  `assets/css/ledger/home.css` drops 577 bytes of rules that no band
+  uses: `.home-band--ruled` (310), `.home-index-shard--gamma` (163),
+  and `.home-index-note` (104). `assets/css/global-link.css` drops the
+  `.post-content` hover selector (23 bytes). None of them matched a
+  template, the runtime, or current content. 2,641 bytes in all.
+- Comments that a font rename had rewritten, eating the letters inside
+  the word "behind", read "behind" again. 45 occurrences in 21 files.
+
+No `pandorga:` config keys were added or renamed. Font roles and the
+ledger fallbacks are unchanged.
+
 ## [1.7.0] — 2026-10-10
 
 ### Added

data/DESIGN.md

@@ -436,7 +436,7 @@ motion:
   mediaFilter: "0.4s ease"
   mediaTransform: ["0.6s ease", "0.7s ease"]
   lightbox: ["160ms ease-out", "180ms ease-out"]
-  readingProgress: "scroll(root block) timeline, beNewsreader @supports"
+  readingProgress: "scroll(root block) timeline, behind @supports"
   reducedMotion: "5 rules — see Motion below"
 ---
 
@@ -568,7 +568,7 @@ mix — and on the article detail view.
 
 `renderPosterMedia` extends the rule to runtime failure: a thumbnail that
 404s removes its own `.ledger-poster` wrapper via an inline `onerror`, so a
-dead third-party image leaves no empty plate beNewsreader.
+dead third-party image leaves no empty plate behind.
 
 ### Where the library is not yet the only source
 
@@ -972,7 +972,7 @@ Letter-spacing in use, by frequency: `0.1em` (12), `0.08em` (10), `0.12em` (7),
   table of contents appears in that sidebar only from `1024px`; below it, the
   same list is mounted as a `<details>` disclosure instead. A 2px `primary`
   reading-progress bar is drawn on a pseudo-element of the detail section with
-  `animation-timeline: scroll(root block)`, beNewsreader an `@supports` guard, so
+  `animation-timeline: scroll(root block)`, behind an `@supports` guard, so
   engines without scroll-driven animation simply get no bar.
 * **CV.** A `panelContrast` dossier band with two shards, then five
   `.cv-register` sections and a timeline band. Each register is a 3/9 grid at
@@ -1035,7 +1035,7 @@ linear` on the reading-progress bar, where the duration is a placeholder that
 `animation-timeline: scroll(root block)` overrides.
 
 **Scroll-driven animation** is new: the reading-progress bar in
-`ledger/detail.css` uses `animation-timeline: scroll(root block)` beNewsreader an
+`ledger/detail.css` uses `animation-timeline: scroll(root block)` behind an
 `@supports` guard, with a 1ms `linear` animation scaling a fixed 2px `primary`
 bar from 0 to 1.
 
@@ -1117,7 +1117,7 @@ everything else, so the query catches them too.
   carries both class names, so any media query that repositions the pair has to
   restate the base rule's `auto` offsets on the beta: leave all four set and
   the browser resolves to top and left, and the pair collapses into one corner.
-  And a shard beNewsreader an opaque plate is a shard nobody sees, which is why the
+  And a shard behind an opaque plate is a shard nobody sees, which is why the
   home featured pair goes around its poster rather than across the card.
 
   On the writing index the shard was for a long time written to stand down
@@ -1152,7 +1152,7 @@ everything else, so the query catches them too.
 `overflow: hidden` and lifts its content clear with `position: relative;
 z-index: 1`. The filter decks and `.rascunhos-pagination` are plain
 `panelContrast` strips. `.home-hero-plate` and `.home-graph-plate` sit a rung
-lower, on `surfaceCard`, beNewsreader a `gentleSubtle` hairline.
+lower, on `surfaceCard`, behind a `gentleSubtle` hairline.
 
 ### Filter deck
 
@@ -1311,11 +1311,11 @@ as enforced by [`_plugins/lib/tag_validator.rb`](_plugins/lib/tag_validator.rb):
   mixes `--color-primary` at 40% into the border — the reference mockup's
   "hairline transitions to warm antique brass at 40%", made accent-aware).
   One sanctioned exception, added 2026-09: a wide, very low opacity accent
-  pool sits *beNewsreader* a band. It is a backdrop, not a content effect — no card,
+  pool sits *behind* a band. It is a backdrop, not a content effect — no card,
   panel or row gains a glow, and the pool is blurred past any visible edge so
   it reads as ambient light in the room rather than as a shape. Three of them
   ship: the home hero at 7% (`.home-band--hero::before`), the home Sources and
-  Network band at 5% (`.home-band--index::before`), and one beNewsreader the Network
+  Network band at 5% (`.home-band--index::before`), and one behind the Network
   of Ideas graph at 7%, whose centre and width are read off the settled D3
   layout rather than fixed (`assets/css/ledger/network.css`).
 
@@ -1418,7 +1418,7 @@ them.
     buttons, `shadow-sm`, and a `bg-gradient-to-b from-primary
     to-primary-container` fill — three of the system's rules broken on one
     page.
-11. **Navigation is still fully hidden.** A rich, deep site sits beNewsreader one
+11. **Navigation is still fully hidden.** A rich, deep site sits behind one
     hamburger at every breakpoint, so its structure is invisible on arrival.
     This survived the redesign untouched.
 12. **Tailwind runs from the Play CDN in production**

data/_includes/content-runtime/30-includes.html

@@ -194,7 +194,7 @@
     }
 
     function placeholderHtml() {
-      return '<div class="w-full h-full flex items-center justify-center opacity-30"><span class="material-symbols-outlined text-5xl">article</span></div>';
+      return '<div class="w-full h-full flex items-center justify-center opacity-30"><span class="material-symbols-outlined text-5xl" aria-hidden="true">article</span></div>';
     }
 
     function normalizeDataPath(path, fallbackPrefix) {

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

@@ -317,7 +317,7 @@
         '<img src="', escapeAttr(url), '" alt="', escapeAttr(alt || ''),
         '" loading="lazy" decoding="async"',
         // Thumbnails are frequently hotlinked to third-party hosts. When one
-        // dies, remove the frame rather than leaving an empty plate beNewsreader.
+        // dies, remove the frame rather than leaving an empty plate behind.
         ' onerror="var p=this.closest(\'.ledger-poster\'); if (p) p.remove();"',
         '>',
         '</div>'

data/_includes/content-runtime/50-detail.html

@@ -12,7 +12,7 @@
           /* The page accent, not a fixed triad role: this glyph marks a
              project, and the projects page reads blue. text-secondary pinned
              it green there regardless. */
-          parts.push('<span class="material-symbols-outlined text-5xl md:text-6xl text-primary mb-4 block leading-none">' + escapeHtml(fm.icon) + '</span>');
+          parts.push('<span class="material-symbols-outlined text-5xl md:text-6xl text-primary mb-4 block leading-none" aria-hidden="true">' + escapeHtml(fm.icon) + '</span>');
         }
         parts.push('<h1 class="text-title">' + escapeHtml(title) + '</h1>');
         if (fm.layout === 'post' && fm.thumbnail) {
@@ -416,7 +416,7 @@
         '<a href="', escapeAttr(options.backUrl || '#'), '" ',
         'class="back-link text-sm font-label inline-flex items-center gap-2 no-underline hover:underline text-primary mb-8 block" ',
         'id="', escapeAttr(options.id || 'runtime-back-link'), '">',
-        '<span class="material-symbols-outlined text-sm">arrow_left_alt</span>',
+        '<span class="material-symbols-outlined text-sm" aria-hidden="true">arrow_left_alt</span>',
         escapeHtml(label),
         '</a>'
       ].join('');
@@ -429,7 +429,7 @@
       if (options.previousUrl) {
         parts.push(
           '<a href="', escapeAttr(options.previousUrl), '">',
-          '<span class="material-symbols-outlined text-sm">arrow_left_alt</span>',
+          '<span class="material-symbols-outlined text-sm" aria-hidden="true">arrow_left_alt</span>',
           escapeHtml(translate('previous_text', lang)),
           '</a>'
         );
@@ -441,14 +441,14 @@
         parts.push(
           '<a href="', escapeAttr(options.nextUrl), '">',
           escapeHtml(translate('next_text', lang)),
-          '<span class="material-symbols-outlined text-sm">arrow_right_alt</span>',
+          '<span class="material-symbols-outlined text-sm" aria-hidden="true">arrow_right_alt</span>',
           '</a>'
         );
       } else if (options.showRandom) {
         parts.push(
           '<a href="#" id="random-post-link">',
           escapeHtml(translate('random_text', lang)),
-          '<span class="material-symbols-outlined text-sm">shuffle</span>',
+          '<span class="material-symbols-outlined text-sm" aria-hidden="true">shuffle</span>',
           '</a>'
         );
       } else {

data/_includes/content-runtime/60-fragments.html

@@ -461,7 +461,7 @@
         '<a href="', escapeAttr(href), '"', targetRel,
         ' class="group flex h-full items-center gap-3 no-underline">',
         '<div class="w-12 h-12 rounded-[9999px] bg-surface-container-highest flex items-center justify-center group-hover:bg-primary-container transition-colors">',
-        '<span class="material-symbols-outlined text-on-surface group-hover:text-on-primary-container">',
+        '<span class="material-symbols-outlined text-on-surface group-hover:text-on-primary-container" aria-hidden="true">',
         escapeHtml(contact.icon || ''),
         '</span></div><div>',
         '<span class="block marginalia text-tertiary">',

data/_includes/page/network-graph.html

@@ -723,7 +723,7 @@
            settled layout in placePool() below.
 
            Drawn inside the SVG because the canvas rectangle above is opaque
-           and would cover anything beNewsreader it, and between that rectangle and
+           and would cover anything behind it, and between that rectangle and
            the zoom group so it stays a backdrop: every edge, mark and label is
            painted over it. It sits in screen space rather than in graph space,
            like the hover card, so the blur is the same 60px at every
@@ -1182,7 +1182,7 @@
         }
 
         /* Screen space, like the hover card: the pools track their clusters
-           under panning and scale with the zoom, but the blur beNewsreader them stays
+           under panning and scale with the zoom, but the blur behind them stays
            the same 60px at every magnification instead of dissolving as the
            reader pulls back. */
         function placePool() {

data/_includes/page/site-footer.html

@@ -5,7 +5,7 @@
   Five of the six mockups draw the same footer: a wide masthead, a colophon
   with a typeset line, an index of external repositories, and a mono imprint
   carrying coordinates and an edition number. Almost none of that has a field
-  beNewsreader it. What is left after the hard rule is three blocks over one
+  behind it. What is left after the hard rule is three blocks over one
   imprint, and every one of them reads a value that already exists:
 
     Masthead  site.author + the home hero catch phrase
@@ -14,7 +14,7 @@
     Imprint   site.author + site.content_license
 
   A colophon block naming the four type roles was added and then removed at
-  the owner's request: the faces did have a field beNewsreader them, but the line
+  the owner's request: the faces did have a field behind them, but the line
   was not wanted in the footer. The mockup's edition number, paper stock and
   press note have no field at all and were never drawn.
 

data/_layouts/articles.html

@@ -327,7 +327,7 @@ layout: shell
     /* Lead panel. Binds title, date, revision, tags, description and the
      * thumbnail — the same strip as the rows below it, language pill included
      * in the omission. The mockup's topology figure, its DOI/arXiv line and its
-     * "Critical Notes" list have no field beNewsreader them, so none is rendered.
+     * "Critical Notes" list have no field behind them, so none is rendered.
      *
      * The panel reads down the left and stops on the action: kicker, ledger
      * line, title, summary, tags, then "Read article" — with the plate holding

data/_layouts/projects.html

@@ -102,7 +102,7 @@ layout: shell
 
     /* ── Field readers ──────────────────────────────────────────────────
        Each returns '' when its field is unset, so an absent field drops the
-       element rather than leaving a placeholder beNewsreader. */
+       element rather than leaving a placeholder behind. */
 
     function projectName(item) {
       var fm = item.front_matter || {};
@@ -297,7 +297,7 @@ layout: shell
 
     /* Closing ledger. One row per repository that front matter actually
        names — five of seven today. The mockup's licence stamp, spec download
-       and commit hashes have nothing beNewsreader them and are not drawn. */
+       and commit hashes have nothing behind them and are not drawn. */
     function renderRepositories(items) {
       var rows = items.filter(function (item) {
         return (item.front_matter || {}).github;

data/_layouts/resources.html

@@ -173,7 +173,7 @@ layout: shell
 
     /* The four facets a source is filed under: what it is, how it is
        classified, what language it speaks, and where it speaks from. Each
-       renders only when the field beNewsreader it is populated, so a source missing
+       renders only when the field behind it is populated, so a source missing
        a category shows three chips and no gap where the fourth would be. */
     function renderFacets(fm, medium) {
       var chips = [

data/_layouts/shell.html

@@ -47,7 +47,7 @@
   {% assign og_image_type = "image/png" %}
   {% endif %}
   <meta property="og:image" content="{{ og_image_url }}" />
-  <meta name="image" property="og:image" content="{{ og_image_url }}" />
+  <meta name="image" content="{{ og_image_url }}" />
   <meta property="og:image:width" content="1200" />
   <meta property="og:image:height" content="630" />
   <meta property="og:image:type" content="{{ og_image_type }}" />

data/_layouts/text.html

@@ -69,7 +69,7 @@ layout: shell
         {% if page.collection == "posts" or page.collection == "articles" or page.layout == "product" or page.layout == "project" %}
         <div class="article-sidebar-heading mb-8">
           {% if page.icon %}
-          <span class="material-symbols-outlined text-5xl md:text-6xl text-secondary mb-4 block leading-none">{{ page.icon }}</span>
+          <span class="material-symbols-outlined text-5xl md:text-6xl text-secondary mb-4 block leading-none" aria-hidden="true">{{ page.icon }}</span>
           {% endif %}
           <h1 class="text-title">{{ page.title }}</h1>
           {% if page.collection == "posts" and page.thumbnail %}
@@ -202,7 +202,7 @@ layout: shell
       <nav class="text-page-nav text-reading-column w-full" aria-label="Article navigation">
         {% if page.previous %}
         <a href="{{ page.previous.url }}">
-          <span class="material-symbols-outlined text-sm">arrow_left_alt</span>
+          <span class="material-symbols-outlined text-sm" aria-hidden="true">arrow_left_alt</span>
           {{ t.previous_text[lang] }}
         </a>
         {% else %}
@@ -211,12 +211,12 @@ layout: shell
         {% if page.next %}
         <a href="{{ page.next.url }}">
           {{ t.next_text[lang] }}
-          <span class="material-symbols-outlined text-sm">arrow_right_alt</span>
+          <span class="material-symbols-outlined text-sm" aria-hidden="true">arrow_right_alt</span>
         </a>
         {% elsif page.collection == "posts" %}
         <a href="#" id="random-post-link">
           {{ t.random_text[lang] }}
-          <span class="material-symbols-outlined text-sm">shuffle</span>
+          <span class="material-symbols-outlined text-sm" aria-hidden="true">shuffle</span>
         </a>
         {% else %}
         <span></span>

data/_plugins/lib/writing_entry.rb

@@ -15,7 +15,7 @@ require_relative "text_excerpt"
 # (standalone, for scripts/content/export-content-json.rb). They differ only in how
 # they derive the repo-relative path used for Git chronology, so each passes
 # its own. Everything downstream lives here, because a field added or a bug
-# fixed in one copy used to leave the other silently beNewsreader.
+# fixed in one copy used to leave the other silently behind.
 module WritingEntry
   XCITE_RE = /\{%-?\s*include\s+xcite\.html\s+key=["']([^"']+)["'][^%]*-?%\}/
 

data/assets/css/article.css

@@ -186,7 +186,7 @@
   justify-content: center;
   box-sizing: border-box;
   padding: 0.35rem 0.55rem;
-  /* A fixed dark plate beNewsreader light-on-transparent marks. It must stay dark in
+  /* A fixed dark plate behind light-on-transparent marks. It must stay dark in
      both themes, so no surface token fits: every one of them flips. */
   background: #111;
 }
@@ -349,7 +349,7 @@
 
    The projects page had this to itself until now; these rules are the ones it
    proved, moved up so the treatment is the site's rather than one page's. What
-   stayed beNewsreader in ledger/projects.css is the *other* thing that page does —
+   stayed behind in ledger/projects.css is the *other* thing that page does —
    letting media out of the reading measure — which is a separate decision.
 
    `.plotly-figure` and the videos both carry the `figure` element, so one
@@ -436,7 +436,7 @@ body.figure-lightbox-open {
 .figure-lightbox-backdrop {
   position: absolute;
   inset: 0;
-  /* Near-opaque black so the article beNewsreader never reads as “another page”. */
+  /* Near-opaque black so the article behind never reads as “another page”. */
   background: rgba(0, 0, 0, 0.85);
   cursor: zoom-out;
   animation: figure-lightbox-fade-in var(--motion-duration-fast) var(--motion-ease-out);

data/assets/css/base.css

@@ -208,24 +208,6 @@ html body {
   letter-spacing: 0.05em;
 }
 
-/* ── Display title scale (home hero, 404) ── */
-.page-title {
-  font-family: var(--font-title);
-  font-size: var(--type-display);
-  font-weight: var(--weight-display);
-  line-height: 1.05;
-  color: var(--color-on-surface);
-  letter-spacing: normal;
-  font-synthesis: none;
-  font-optical-sizing: auto;
-}
-
-@media (min-width: 768px) {
-  .page-title {
-    font-size: var(--type-display-lg);
-  }
-}
-
 /* Listing page headers (CV, Articles, Portfolio, Rascunhos, …) */
 .page-header-title {
   font-family: var(--font-title);
@@ -345,22 +327,6 @@ html body {
       color-mix(in srgb, var(--color-tertiary) 2%, transparent) 98%);
 }
 
-.ledger-marker--primary {
-  background: linear-gradient(104deg,
-      transparent 0.9%,
-      color-mix(in srgb, var(--color-primary) 16%, transparent) 2.4%,
-      color-mix(in srgb, var(--color-primary) 12%, transparent) 58%,
-      color-mix(in srgb, var(--color-primary) 4%, transparent) 98%);
-}
-
-[data-theme="dark"] .ledger-marker--primary {
-  background: linear-gradient(104deg,
-      transparent 0.9%,
-      color-mix(in srgb, var(--color-primary) 9%, transparent) 2.4%,
-      color-mix(in srgb, var(--color-primary) 6%, transparent) 58%,
-      color-mix(in srgb, var(--color-primary) 2%, transparent) 98%);
-}
-
 /* ── Page-level accent ────────────────────────────────────────────────
    The shared triad (theme/theme-vars-block.liquid) declares one primary per
    theme, but each section of the site reads in its own hue: Projects and
@@ -1175,25 +1141,6 @@ html[data-theme="light"] .ledger-system-card {
   border-color: var(--border-ink);
 }
 
-/* Triad top hairline — reusable edge accent (home grids + any listing). */
-.ledger-card--edge-primary {
-  border-top-width: 2px;
-  border-top-style: solid;
-  border-top-color: var(--color-primary);
-}
-
-.ledger-card--edge-secondary {
-  border-top-width: 2px;
-  border-top-style: solid;
-  border-top-color: var(--color-secondary);
-}
-
-.ledger-card--edge-tertiary {
-  border-top-width: 2px;
-  border-top-style: solid;
-  border-top-color: var(--color-tertiary);
-}
-
 /* Drafting corner brackets — four L-corners, no labels. Pure decoration.
    Outline ink (not primary): the corners are drafting marks on the plate,
    same register as `.ledger-frame-crosshairs`, not a brand accent. */
@@ -1234,32 +1181,6 @@ html[data-theme="light"] .ledger-system-card {
     linear-gradient(var(--color-outline), var(--color-outline)) bottom right / var(--cross-thick) var(--cross-arm) no-repeat;
 }
 
-/* Lithography section divider — double hairline with a short primary tick. */
-.ledger-section-rule {
-  display: block;
-  height: 0;
-  margin: 0 0 var(--space-xl);
-  border: 0;
-  border-top: 1px solid var(--border-gentle-divider);
-  box-shadow: 0 3px 0 -2px var(--border-gentle-faint);
-  position: relative;
-}
-
-.ledger-section-rule::after {
-  content: "";
-  position: absolute;
-  left: 0;
-  top: -1.5px;
-  width: 2.5rem;
-  height: 2px;
-  background: var(--color-primary);
-}
-
-.ledger-section-rule--dashed {
-  border-top-style: dashed;
-  box-shadow: none;
-}
-
 /* Hover lifts the card one rung and warms its hairline toward the page's
    accent. The reference mockup states this as "the line transitions to
    subtle charcoal slate or warm antique brass at 40% opacity" — the accent

data/assets/css/global-link.css

@@ -22,7 +22,6 @@ a {
  * titles, plus the chip exceptions that were being added one class at a time
  * as each new piece of card chrome turned up underlined. */
 p a:hover,
-.post-content a:hover,
 .article-content a:hover,
 .description a:hover {
   color: var(--color-link-hover);

data/assets/css/ledger/chrome.css

@@ -2,7 +2,7 @@
    belong in assets/css/base.css under "Architectural Ledger blocks".
 
    The mockups put the sections in a flat, always-visible rail rather than
-   beNewsreader a button. The links still come from _data/nav.yml, so the site keeps
+   behind a button. The links still come from _data/nav.yml, so the site keeps
    one source of navigation; only the presentation changes. The Explore menu
    stays for narrow viewports, where six links do not fit. */
 

data/assets/css/ledger/cv.css

@@ -347,7 +347,7 @@ html[data-theme="light"] .cv-product {
 
 /* A place is prose, not notation, so it reads in the body face rather than
    mono — and on the same left edge as every other line of the card. The pin
-   icon and the indent it sat beNewsreader said nothing the word "France" does not
+   icon and the indent it sat behind said nothing the word "France" does not
    already say, and cost the entry its one straight margin. */
 .cv-entry-place {
   color: var(--color-on-surface-variant);

data/assets/css/ledger/detail.css

@@ -14,7 +14,7 @@
    to beat one are written with two compound parts on purpose. */
 
 /* ══ Reading progress ══
-   Pure UI state, no field beNewsreader it, and no DOM hook to hang it on — the
+   Pure UI state, no field behind it, and no DOM hook to hang it on — the
    runtime owns the detail markup. A scroll-driven animation on a pseudo of
    the detail section gives the mockup's indicator with zero markup, and the
    @supports guard means older engines simply get no bar.

data/assets/css/ledger/footer.css

@@ -230,7 +230,7 @@
 }
 
 /* A middot between items rather than a separator element, so an absent
-   license leaves no orphaned punctuation beNewsreader. */
+   license leaves no orphaned punctuation behind. */
 .site-footer-imprint-item+.site-footer-imprint-item::before {
   content: "·";
   margin-right: var(--space-md);

data/assets/css/ledger/home.css

@@ -49,18 +49,6 @@
   }
 }
 
-/* Structural edge: the short rule the mockup runs along the top-left of the
-   featured band, marking it as the page's first statement after the hero. */
-.home-band--ruled::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 6rem;
-  height: 3px;
-  background: var(--color-primary);
-}
-
 /* ── Hero ── */
 /* The band was 3rem above the name and 4.5rem below, which read as the block
    sitting low in its own space. Equal above and below, at 60% of the larger
@@ -117,7 +105,7 @@
   }
 }
 
-/* Ambient pool beNewsreader the hero.
+/* Ambient pool behind the hero.
  *
  * Same weight as the earlier primary-container bloom, but keyed to neutral
  * ink/outline so it stays grey paper depth instead of a blue spotlight. */
@@ -418,7 +406,7 @@ html[data-theme="light"] .home-hero-plate {
   box-shadow: none;
 }
 
-/* Silk facet beNewsreader the portrait — restored; the Borders pass had hidden it. */
+/* Silk facet behind the portrait — restored; the Borders pass had hidden it. */
 .home-hero-shard {
   top: -2.25rem;
   right: -2rem;
@@ -576,8 +564,7 @@ html[data-theme="light"] .home-hero-plate {
    was the piece the band leads with, and a reader scanning down met four
    equal entries. It now takes the card rung of the surface ladder, is fenced
    by the same hairline every other panel on the site carries, and opens on a
-   rule in the primary — the structural edge this page already uses on
-   `.home-band--ruled` — so the eye stops at the top of it. The image inside is
+   rule in the primary, so the eye stops at the top of it. The image inside is
    inset by the panel's own padding rather than running to the band edge, which
    is the other half of the promotion: the lead contains its picture, the cards
    below are contained by theirs.
@@ -646,7 +633,7 @@ html[data-theme="light"] .home-hero-plate {
    cubist half of the identity.
 
    The pair is placed around the poster rather than across the card, because
-   the poster is opaque and a shard beNewsreader it is a shard nobody sees. The
+   the poster is opaque and a shard behind it is a shard nobody sees. The
    alpha takes the top-left, over the index column, where there is nothing but
    chrome and air. The beta takes the bottom-right and comes out from *under*
    the poster into the strip below it, which is the same move the index band
@@ -1050,8 +1037,8 @@ html[data-theme="light"] .home-hero-plate {
   box-sizing: border-box;
 }
 
-/* The triad top rule (`.ledger-card--edge-primary`), restated at a weight
-   that beats the light-paper hairline reset on `.ledger-system-card`. */
+/* A primary top rule, at a weight that beats the light-paper hairline
+   reset on `.ledger-system-card`. */
 :root .home-projects-bench .home-project-specimen,
 :root .home-projects-bench .home-project-specimen:hover {
   border-top: 2px solid var(--color-primary);
@@ -1568,11 +1555,11 @@ button.home-project-inventory-row {
    The figure is hidden until the markup lands, so a plate that never arrives
    leaves the panel with its title and its link rather than an empty frame. */
 
-/* Ambient pool beNewsreader the pair. Dark palette only, for the reason set out
+/* Ambient pool behind the pair. Dark palette only, for the reason set out
    above the hero's.
  *
- * The two panels sat side by side with a visible seam and nothing beNewsreader
- * them. One pool centred on that seam, beNewsreader both, lights the pair as a
+ * The two panels sat side by side with a visible seam and nothing behind
+ * them. One pool centred on that seam, behind both, lights the pair as a
  * single object rather than giving each panel an opening of its own. Held at
  * 5% against the hero's 7%: at equal strength the page reads as having two
  * openings, and only one of them is where it starts.
@@ -1580,7 +1567,7 @@ button.home-project-inventory-row {
  * Centred is right here and nowhere else — the seam is the thing being lit,
  * so the offset is vertical instead, which is what keeps the pool partly
  * outside the band it backs. `.home-band` already carries `position:
- * relative`; `isolation: isolate` is what stops `z-index: -1` escaping beNewsreader
+ * relative`; `isolation: isolate` is what stops `z-index: -1` escaping behind
  * the page background. */
 .home-band--index {
   isolation: isolate;
@@ -1642,7 +1629,7 @@ button.home-project-inventory-row {
    the set, rotating hue the way every other shard on the site does.
  *
  * They sit in the foot of the panel, under the title and the link: the plate
- * above carries an opaque background, so a shard beNewsreader it would be a shard
+ * above carries an opaque background, so a shard behind it would be a shard
  * nobody sees. `overflow: hidden` on the panel above keeps the negative
  * offsets out of the document scroll width, and the shared utility already
  * unmounts both below 640px. */
@@ -1663,21 +1650,12 @@ button.home-project-inventory-row {
   background: var(--color-primary);
 }
 
-.home-index-shard--gamma {
-  right: -3rem;
-  bottom: -3.5rem;
-  width: 11rem;
-  height: 11rem;
-  background: var(--color-tertiary);
-}
-
 /* Between the shard cut-off and the layout each panel is the full
    band wide on small screens, so a shard sized for half of it stops being a corner accent. */
 @media (max-width: 899px) {
 
   .home-index-shard,
-  .home-index-shard--beta,
-  .home-index-shard--gamma {
+  .home-index-shard--beta {
     width: 8rem;
     height: 8rem;
     bottom: -2.5rem;
@@ -1688,7 +1666,7 @@ button.home-project-inventory-row {
   padding-top: var(--space-xl);
 }
 
-/* The title and the link have to sit clear of the shard beNewsreader them. The
+/* The title and the link have to sit clear of the shard behind them. The
    plate is excluded because it is the one child that must stay full-bleed,
    and the shard because it is the thing being sat clear of. */
 .home-index-panel> :not(.home-index-plate):not(.shard-accent) {
@@ -1697,13 +1675,6 @@ button.home-project-inventory-row {
   margin-inline: var(--space-lg);
 }
 
-.home-index-note {
-  margin: 0;
-  font-size: var(--type-body);
-  line-height: 1.5;
-  flex: 1 1 auto;
-}
-
 .home-index-title {
   margin: 0;
   font-size: var(--type-card);

data/assets/css/ledger/projects.css

@@ -183,7 +183,7 @@
   position: relative;
   display: block;
   text-decoration: none;
-  /* Empty blueprint as texture beNewsreader the plate — not a second view mode. */
+  /* Empty blueprint as texture behind the plate — not a second view mode. */
   background-color: var(--color-panel-contrast);
   background-image:
     linear-gradient(color-mix(in srgb, var(--color-outline) 10%, transparent) 1px, transparent 1px),
@@ -350,7 +350,7 @@
 
 /* ══ Repositories ══
    The mockup closed on a source-code ledger. Its licence stamp, spec
-   download and commit hashes have nothing beNewsreader them; the repository rows
+   download and commit hashes have nothing behind them; the repository rows
    do — `github` is set on five of the seven projects. */
 .projects-page .projects-repos {
   margin-top: var(--space-3xl);

data/assets/css/ledger/sources.css

@@ -9,7 +9,7 @@
 
 /* ── Shards ──
    The page had no depth treatment of any kind, and it is the wrong shape for
-   the ambient pool the home bands carry: a pool beNewsreader a grid of many small
+   the ambient pool the home bands carry: a pool behind a grid of many small
    cards only darkens one corner of it. Shards instead, the two canonical
    polygons from base.css, one at each end of the run — top right above the
    grid, bottom left below it, the diagonal pair the CV dossier uses inside
@@ -56,7 +56,7 @@
 }
 
 /* A card is not positioned, so without this the shard — which is — would be
-   painted over the bottom row rather than beNewsreader it. The rule the whole
+   painted over the bottom row rather than behind it. The rule the whole
    family answers to is that a backdrop never touches the object in front of
    it. */
 .sources-body>.listing-card-grid,
@@ -65,7 +65,7 @@
   z-index: 1;
 }
 
-/* The foot of the page, beside the pagination. It reaches up beNewsreader the last
+/* The foot of the page, beside the pagination. It reaches up behind the last
    row of cards. In dark those cards are opaque again, so what shows is the
    wedge in the gutter and the band across the pagination strip. */
 .sources-foot-shard {

data/assets/css/ledger/writing.css

@@ -70,7 +70,7 @@
    The alpha sits bottom left, under the foot of the copy, the one corner the
    plate never reaches at any width. The beta is a true corner accent at the
    top right: it is offset far enough up that its visible part is the triangle
-   above the plate's top edge, and it tucks beNewsreader the plate as it descends
+   above the plate's top edge, and it tucks behind the plate as it descends
    rather than fighting it. Neither corner repeats the home panel's pair, and
    the hues are the only two this page has — `.page-accent--green` rebinds
    primary onto secondary, so green and ochre is the whole palette here. */

data/lib/pandorga/jekyll/plugins/lib/writing_entry.rb

@@ -15,7 +15,7 @@ require_relative "text_excerpt"
 # (standalone, for scripts/content/export-content-json.rb). They differ only in how
 # they derive the repo-relative path used for Git chronology, so each passes
 # its own. Everything downstream lives here, because a field added or a bug
-# fixed in one copy used to leave the other silently beNewsreader.
+# fixed in one copy used to leave the other silently behind.
 module WritingEntry
   XCITE_RE = /\{%-?\s*include\s+xcite\.html\s+key=["']([^"']+)["'][^%]*-?%\}/
 

data/lib/pandorga/version.rb

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

data/scripts/content/export-content-json.rb

@@ -269,7 +269,7 @@ def prune_stale_output_files!
   end
 
   stale.each(&:delete)
-  # Remove empty directories left beNewsreader by unpublish/rename.
+  # Remove empty directories left behind by unpublish/rename.
   OUTPUT_ROOT.find.sort.reverse_each do |path|
     next unless path.directory?
     next if path == OUTPUT_ROOT

data/scripts/test/render-parity/load-runtime.mjs

@@ -5,7 +5,7 @@
 // and a Jekyll build never executes them, which is how a block that renders
 // an element with no backing field ships green. This loader concatenates the
 // partials in the exact order _includes/page/content-runtime.html includes
-// them, evaluates the result beNewsreader a deliberately thin DOM shim, and hands
+// them, evaluates the result behind a deliberately thin DOM shim, and hands
 // back the same object 90-bootstrap.html returns to the browser.
 //
 // The shim is small on purpose: createElement, className, setAttribute,

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

@@ -72,6 +72,26 @@ sheets.each do |path|
   if source.include?("home-profile-summary")
     errors << "#{relative}: .home-profile-summary is unused"
   end
+
+  # Selectors that matched no template, runtime string, or current content.
+  # A comment may still name one; a ruleset may not.
+  retired = %w[
+    page-title
+    ledger-marker--primary
+    ledger-card--edge-primary
+    ledger-card--edge-secondary
+    ledger-card--edge-tertiary
+    ledger-section-rule
+    home-band--ruled
+    home-index-shard--gamma
+    home-index-note
+    post-content
+  ]
+  retired.each do |name|
+    next unless cleaned.match?(/[.#]#{Regexp.escape(name)}\b/)
+
+    errors << "#{relative}: .#{name} is unused"
+  end
 end
 
 fail!("CSS structure problems:\n  - #{errors.join("\n  - ")}") unless errors.empty?

data/scripts/test/test-discovery.rb

@@ -41,6 +41,11 @@ fail!("portrait srcset is not read") unless runtime.include?("record.srcset = sr
 fail!("portrait sources are not applied") unless runtime.include?("applyHeroPortraitSources")
 shell = ROOT.join("_layouts/shell.html").read
 fail!("shell missing JSON-LD") unless shell.include?("theme/json-ld.html")
+og_images = shell.scan(/property="og:image"/)
+fail!("shell emits #{og_images.size} og:image properties; one page, one image") unless og_images.size == 1
+image_meta = shell[/<meta name="image"[^>]*>/]
+fail!("shell missing name=image") unless image_meta
+fail!("name=image also sets property=og:image") if image_meta.include?("property=")
 fail!("discovery generator is not loaded from the plugin dir") unless ROOT.join("lib/pandorga/jekyll/plugins/discovery.rb").file?
 
 puts "PASS test-discovery"

data/scripts/test/test-fonts.rb

@@ -47,6 +47,20 @@ fail!("body weights were not sorted") unless custom_href.include?("family=Source
 fail!("mono italic axis is wrong") unless custom_href.include?("family=IBM+Plex+Mono:ital,wght@0,400;0,500;1,400;1,500")
 fail!("unset label left Marcellus") unless custom_href.include?("family=Marcellus+SC:wght@400;700")
 fail!("body change left the tagline on Newsreader") unless Pandorga::Fonts.css_stack(custom, "subtitle").start_with?("'Source Serif 4'")
+
+# A font rename once replaced the letters "hind" inside the word "behind".
+token = "be" + "Newsreader"
+broken = []
+Dir.glob(ROOT.join("**/*.{css,html,rb,js,mjs,md,liquid,yml}")).each do |path|
+  next if path.include?("/studio/assets/")
+  next if path.include?("/node_modules/")
+  next if path.end_with?("test-fonts.rb")
+  text = File.read(path)
+  next unless text.include?(token)
+
+  broken << Pathname.new(path).relative_path_from(ROOT).to_s
+end
+fail!("corrupted 'behind' left by a font rename (#{broken.size} files): #{broken.join(', ')}") unless broken.empty?
 fail!("code face did not follow mono") unless Pandorga::Fonts.css_stack(custom, "code").start_with?("'IBM Plex Mono'")
 
 kept = Pandorga::Fonts.resolve({ "title" => "Cinzel Decorative" }, theme)

data/scripts/test/test-listing-filter-contract.rb

@@ -7,7 +7,7 @@
 # on click; `filterItems` reads a fixed set of names. Nothing connects the
 # two, so renaming a facet in a layout — `category` to `tag`, say — leaves the
 # chips rendering, highlighting and pushing a query string while the list
-# beNewsreader them never changes. That shipped on the Sources page: every click set
+# behind them never changes. That shipped on the Sources page: every click set
 # a key nothing read.
 #
 # There is no build error and no console error to notice, so the contract is

data/scripts/test/test-shell-a11y.rb

@@ -27,4 +27,25 @@ fail!("footer home link still uses site.author alone") if FOOTER.include?(bare)
 fail!("shell home link needs an identity.name fallback") unless SHELL.include?("site.pandorga.identity.name")
 fail!("footer home link needs an identity.name fallback") unless FOOTER.include?("site.pandorga.identity.name")
 
+# Decorative Material Symbols sit beside a text label. Without aria-hidden
+# the ligature ("arrow_left_alt", "shuffle", an icon name) is read aloud.
+ICON_FILES = [
+  ROOT.join("_layouts/text.html"),
+  ROOT.join("_includes/content-runtime/50-detail.html"),
+  ROOT.join("_includes/content-runtime/60-fragments.html"),
+  ROOT.join("_includes/content-runtime/30-includes.html")
+].freeze
+
+ICON_FILES.each do |path|
+  path.read.each_line.with_index(1) do |line, number|
+    next unless line.include?("material-symbols-outlined")
+    next if line.include?("querySelector")
+    next if line.include?("aria-hidden")
+    # Class token handed to a later span that already sets aria-hidden.
+    next if line.include?("cls:")
+
+    fail!("#{path.relative_path_from(ROOT)}:#{number}: decorative icon is exposed")
+  end
+end
+
 puts "PASS test-shell-a11y"

metadata

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