pandorga 1.5.0 → 1.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: eab1ea9696bdf99c28026f135762061c5a627ea398df5ddd8080f2d10dd9abc7
-  data.tar.gz: 89b13dcd397f666cf5660845d7ffece69478d6275b1d821d9500a4bf08046e5b
+  metadata.gz: 2bb5b2e689bf56f24930270b0f6dff89d91674594b67267a7e971a96252f1ac1
+  data.tar.gz: f5ded06e9a148e5095437afae98852a63aaf994737e38a91c5b5c9d4f6a9ada9
 SHA512:
-  metadata.gz: e83aceb1f79cdd9f3ab201315b19532f3182cad64ed34ac4ed285be49f4257e4038a672aada1e6b7ce6b2ce7fb837749fc3eeb4347b99687f07fc2a33a8a6367
-  data.tar.gz: 7d987a05926fa2d9653faf04fc66585219430e57cd12d5383421aa9a32fcb6b1a52831fa4576f321e5392e482d6128bf4755cb36e237eb6ae8a1788f086848e3
+  metadata.gz: 0e18926a06e09cab67eea5ff3df47893e70abda71e2dad6ef7686f64a69f2b0d7527a65efe4069ec55342c51f6d7aa86cbb47f5005ded2650a1abe7c9ef55724
+  data.tar.gz: fda5ff032a0dcf24995bdfa280b80e3b2470c2e8e5bf455cfbbcac149df30d02637fd69e947562c0c7fe1f09a0834ae15dd6976c15411e92dea5a9a95dca2d00

data/CHANGELOG.md

@@ -1,5 +1,56 @@
 # Changelog
 
+## [1.6.0] — 2026-10-10
+
+### Added
+
+- `/sitemap.xml` lists the generated pages. `/robots.txt` allows the public
+  site, skips `/studio/`, and names the sitemap. Both use
+  `pandorga.identity.url` when it is set, otherwise `site.url`.
+- JSON-LD `WebSite` and `Person` in the shell, from `identity.name` and the
+  optional `identity.url`. `site.description` is included when it is set.
+- Hero portrait entries may include optional `srcset` and `sizes`. A portrait
+  that only has `src` is unchanged.
+
+### Changed
+
+- The home subtitle and summary are requested before the stylesheets and
+  painted without a "Loading..." swap. Article rows, CV sections, and empty
+  home bands keep a reserved box until the real content replaces it.
+- The hero subtitle stays at `--type-body`, the same size as the summary.
+- `.writing-revised` uses the solid variant ink. The transparent mix was
+  3.69 and 3.90 on the light paper.
+- A selectable project inventory row is a `button`.
+- Utilities ship as `assets/css/tailwind.css`. The shell no longer loads the
+  Tailwind Play CDN. Each layout links the shared chrome and its own ledger
+  sheet, not every sheet.
+
+No `pandorga:` config keys were added or renamed. `srcset` and `sizes` are
+optional fields on objects in `pages/home/portraits.json`.
+
+## [1.5.1] — 2026-10-10
+
+### Fixed
+
+- The shell has a "Skip to content" link. When `site.author` is blank, the
+  home link's accessible name uses `pandorga.identity.name`, then the top-bar
+  wordmark, instead of a bare dash. The footer wordmark uses the same
+  fallback. A site that sets `site.author` is unchanged.
+- `pandorga doctor` says when `pandorga.pages` is missing, and says when the
+  list is empty.
+- `./scripts/validate.sh` fails if a listed gate file is missing.
+
+### Changed
+
+- Getting started and the README name the scaffold pin `~> 1.3`.
+- `pandorga new` comments the `v1.5.0` tag.
+- Home CSS drops an empty `@media (min-width: 768px)` block and the unused
+  `.home-profile-summary` rules.
+- Chord chart and transcript include comments are English. The visible
+  transcript labels are unchanged.
+
+No `pandorga:` config keys were added or renamed.
+
 ## [1.5.0] — 2026-10-10
 
 ### Added

data/README.md

@@ -17,7 +17,7 @@ An aesthetic Jekyll publishing platform for creative and technical writing. The
 Scaffold a site (Ada Example defaults, `content.backend: static`):
 
 ```bash
-gem install pandorga   # once 1.1 is on RubyGems; or use a local checkout
+gem install pandorga   # or use a local checkout
 pandorga new my-site
 cd my-site
 bundle install

data/_includes/chord-tab.html

@@ -1,14 +1,14 @@
 {% comment %}
 chord-tab.html
-Exibe uma cifra estruturada em N colunas monoespaçadas, usando toda a largura disponível.
-Cada coluna respeita o limite de 79 caracteres por linha.
-Uso: {% include chord-tab.html tab=tab_data %}
-Onde tab_data tem:
-intro: "linha de acordes do intro (opcional)"
+Renders a chord chart in N monospaced columns, using the full available width.
+Each column stays within 79 characters per line.
+Use: {% include chord-tab.html tab=tab_data %}
+tab_data has:
+intro: "intro chord line (optional)"
 sections:
-- label: "rótulo da seção (opcional)"
+- label: "section label (optional)"
 content: |
-linhas de cifra/letra
+chord and lyric lines
 {% endcomment %}
 
 <div class="chord-tab-container mt-16 mb-8"

data/_includes/content-runtime/41-listing-helpers.html

@@ -60,6 +60,13 @@
       },
       showLoadingState: function (element, message) {
         if (!element) return;
+        // Reserved skeletons already occupy the box. Replacing them with a
+        // one-line message is the shift the listing then repeats when the
+        // cards arrive.
+        if (element.hasAttribute('data-content-reserve')) {
+          element.setAttribute('aria-busy', 'true');
+          return;
+        }
         element.innerHTML = '<p class="font-body text-on-surface-variant italic col-span-full">' + escapeHtml(message) + '</p>';
       },
       showErrorState: function (element, message) {

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

@@ -344,14 +344,15 @@
       var slug = item.slug || f.slug || '';
       var index = options.index;
 
-      var row = document.createElement('article');
+      // A selectable row is a real button. role=button on an article is
+      // what the audit flags, and the button already handles Enter and Space.
+      var row = document.createElement(selectable ? 'button' : 'article');
       row.className = 'home-project-inventory-row group' +
         (selected ? ' is-selected' : '');
+      if (selectable) row.type = 'button';
       if (slug) row.setAttribute('data-slug', slug);
 
       if (selectable) {
-        row.setAttribute('role', 'button');
-        row.setAttribute('tabindex', '0');
         row.setAttribute('aria-pressed', selected ? 'true' : 'false');
         row.setAttribute('aria-label', name);
       }

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

@@ -13,6 +13,19 @@
     }
 
     async function listPaths(collection, manifestKey) {
+      var pre = window.__pandorgaPreload && window.__pandorgaPreload['manifest.json'];
+      if (pre && typeof pre.then === 'function') {
+        try {
+          var preloaded = await pre;
+          assertManifestSchema(preloaded);
+          var preloadedFiles = preloaded.files && preloaded.files[manifestKey];
+          if (Array.isArray(preloadedFiles)) return preloadedFiles;
+        } catch (error) {
+          if (error && String(error.message || '').indexOf('Unsupported content schema') === 0) throw error;
+          delete window.__pandorgaPreload['manifest.json'];
+        }
+      }
+
       var manifestResponse = await fetch(buildUrl('manifest.json'));
       if (manifestResponse.ok) {
         var manifest = await manifestResponse.json();
@@ -63,16 +76,31 @@
       return collectionCache[cacheKey];
     }
 
-    async function loadJson(path) {
-      var key = String(path || '');
-      if (jsonCache[key]) return jsonCache[key];
-      jsonCache[key] = fetch(buildUrl(path)).then(function (response) {
+    function fetchJson(path) {
+      return fetch(buildUrl(path)).then(function (response) {
         if (!response.ok) throw new Error('Content JSON fetch failed: ' + path);
         return response.json();
-      }).catch(function (error) {
-        delete jsonCache[key];
-        throw error;
       });
+    }
+
+    async function loadJson(path) {
+      var key = String(path || '');
+      if (jsonCache[key]) return jsonCache[key];
+      var pre = window.__pandorgaPreload && window.__pandorgaPreload[key];
+      jsonCache[key] = Promise.resolve()
+        .then(function () {
+          if (pre && typeof pre.then === 'function') return pre;
+          return fetchJson(path);
+        })
+        .catch(function () {
+          if (!(pre && typeof pre.then === 'function')) throw new Error('Content JSON fetch failed: ' + path);
+          delete window.__pandorgaPreload[key];
+          return fetchJson(path);
+        })
+        .catch(function (error) {
+          delete jsonCache[key];
+          throw error;
+        });
       return jsonCache[key];
     }
 
@@ -192,10 +220,21 @@
       options = options || {};
       var el = typeof elementOrId === 'string' ? document.getElementById(elementOrId) : elementOrId;
       if (!el) return Promise.resolve();
-      var loadingText = options.loadingText || 'Loading...';
-      el.innerHTML = '<p class="font-body text-on-surface-variant italic">' + escapeHtml(loadingText) + '</p>';
+      // A quiet slot keeps its reserved box. Writing "Loading..." into the
+      // hero summary makes that placeholder the LCP, then swaps it away.
+      var quiet = el.hasAttribute('data-content-quiet');
+      var loadingText = quiet ? '' : (options.loadingText || 'Loading...');
+      if (loadingText) {
+        el.innerHTML = '<p class="font-body text-on-surface-variant italic">' + escapeHtml(loadingText) + '</p>';
+      }
       return loadJson(pageFragmentPath(relativePath)).then(function (fragment) {
-        el.innerHTML = renderMarkdown(fragment.body_markdown || '');
+        var html = renderMarkdown(fragment.body_markdown || '');
+        if (el.getAttribute('data-content-painted') === '1' && el.innerHTML === html) {
+          el.removeAttribute('data-content-painted');
+          return;
+        }
+        el.innerHTML = html;
+        el.removeAttribute('data-content-painted');
       }).catch(function (error) {
         console.error(error);
         el.innerHTML = '<p class="font-body text-on-surface-variant italic">' + escapeHtml(options.errorText || 'Content could not be loaded right now.') + '</p>';
@@ -473,11 +512,36 @@
         var src = typeof entry.src === 'string' ? entry.src.trim() : '';
         if (!src) continue;
         var alt = typeof entry.alt === 'string' ? entry.alt.trim() : '';
-        entries.push({ src: src, alt: alt });
+        var record = { src: src, alt: alt };
+        // Optional responsive fields. Absent keys stay off the record so a
+        // pool that only has src keeps the previous shape.
+        var srcset = typeof entry.srcset === 'string' ? entry.srcset.trim() : '';
+        var sizes = typeof entry.sizes === 'string' ? entry.sizes.trim() : '';
+        if (srcset) record.srcset = srcset;
+        if (sizes) record.sizes = sizes;
+        entries.push(record);
       }
       return entries;
     }
 
+    function resolveSrcset(srcset) {
+      return String(srcset || '').split(',').map(function (part) {
+        var bits = part.trim().split(/\s+/);
+        if (!bits[0]) return '';
+        bits[0] = resolveAssetUrl(bits[0]);
+        return bits.filter(Boolean).join(' ');
+      }).filter(Boolean).join(', ');
+    }
+
+    function applyHeroPortraitSources(img, chosen) {
+      var srcset = resolveSrcset(chosen && chosen.srcset);
+      var sizes = chosen && typeof chosen.sizes === 'string' ? chosen.sizes.trim() : '';
+      if (srcset) img.setAttribute('srcset', srcset);
+      else img.removeAttribute('srcset');
+      if (sizes) img.setAttribute('sizes', sizes);
+      else img.removeAttribute('sizes');
+    }
+
     function pickHeroPortrait(entries, random) {
       if (!entries || !entries.length) return null;
       var roll = typeof random === 'function' ? random() : Math.random();
@@ -491,6 +555,7 @@
       if (!nextSrc) return Promise.resolve(false);
       if (img.getAttribute('src') === nextSrc) {
         img.alt = nextAlt;
+        applyHeroPortraitSources(img, chosen);
         img.classList.add('is-shown');
         return Promise.resolve(true);
       }
@@ -499,6 +564,7 @@
         probe.onload = function () {
           img.src = nextSrc;
           img.alt = nextAlt;
+          applyHeroPortraitSources(img, chosen);
           img.classList.add('is-shown');
           resolve(true);
         };

data/_includes/page/site-footer.html

@@ -29,6 +29,7 @@
 {%- endcomment -%}
 
 {%- assign footer_active = include.nav_active -%}
+{%- assign footer_name = site.author | default: site.pandorga.identity.name -%}
 {%- assign footer_license = site.content_license -%}
 
 <footer class="site-footer">
@@ -39,9 +40,9 @@
     <div class="site-footer-grid">
 
       <div class="site-footer-block site-footer-masthead">
-        <a href="/" class="site-footer-wordmark-link" aria-label="{{ site.author }} – Home">
+        <a href="/" class="site-footer-wordmark-link" aria-label="{% if footer_name != blank %}{{ footer_name }} – Home{% else %}Home{% endif %}">
           {% include theme/site-logo.html %}
-          <span class="site-footer-wordmark">{{ site.author }}</span>
+          <span class="site-footer-wordmark">{{ footer_name }}</span>
         </a>
         {%- comment -%}
           The same fragment the home hero mounts, so the line the site opens

data/_includes/theme/critical-preload.html

@@ -0,0 +1,35 @@
+{%- comment -%}
+  Start the JSON fetches the first paint depends on, before the stylesheets
+  and the content runtime. loadJson and listPaths reuse window.__pandorgaPreload.
+{%- endcomment -%}
+{%- case page.layout -%}
+{%- when "home" -%}
+  {%- assign _preload_paths = "pages/cv/summary.json|pages/home/subtitle.json|pages/home/portraits.json|pages/headers.json|data/writing_index.json" -%}
+{%- when "articles" -%}
+  {%- assign _preload_paths = "data/writing_index.json|pages/headers.json|manifest.json" -%}
+{%- when "blog" -%}
+  {%- assign _preload_paths = "data/writing_index.json|pages/headers.json|manifest.json" -%}
+{%- when "cv" -%}
+  {%- assign _preload_paths = "pages/cv/summary.json|pages/cv/disclaimer.json|data/education.json|data/languages.json|pages/headers.json|manifest.json" -%}
+{%- when "projects" -%}
+  {%- assign _preload_paths = "data/writing_index.json|pages/headers.json|manifest.json" -%}
+{%- else -%}
+  {%- assign _preload_paths = "" -%}
+{%- endcase -%}
+{%- if _preload_paths != blank -%}
+<script>
+(function () {
+  var base = {{ site.content_api_base_url | default: "" | jsonify }};
+  base = String(base || "").replace(/\/$/, "");
+  var paths = {{ _preload_paths | split: "|" | jsonify }};
+  window.__pandorgaPreload = window.__pandorgaPreload || {};
+  paths.forEach(function (path) {
+    var url = base ? base + "/" + path : "/" + path;
+    window.__pandorgaPreload[path] = fetch(url, { credentials: "same-origin" }).then(function (response) {
+      if (!response.ok) throw new Error(path);
+      return response.json();
+    });
+  });
+})();
+</script>
+{%- endif -%}

data/_includes/theme/json-ld.html

@@ -0,0 +1,35 @@
+{%- comment -%}
+  WebSite and Person from identity. No new required keys: name is already
+  required, and url is the existing optional canonical origin.
+{%- endcomment -%}
+{%- assign ld_name = site.pandorga.identity.name | default: site.author | default: site.title -%}
+{%- assign ld_url = site.pandorga.identity.url | default: site.url -%}
+{%- if ld_url != blank -%}
+  {%- assign ld_website = ld_url -%}
+{%- else -%}
+  {%- assign ld_website = "/" | absolute_url -%}
+{%- endif -%}
+{%- if ld_name != blank -%}
+<script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@graph": [
+    {
+      "@type": "WebSite",
+      "name": {{ ld_name | jsonify }},
+      "url": {{ ld_website | jsonify }}
+      {%- if site.description != blank -%},
+      "description": {{ site.description | jsonify }}
+      {%- endif -%}
+    },
+    {
+      "@type": "Person",
+      "name": {{ ld_name | jsonify }}
+      {%- if ld_url != blank -%},
+      "url": {{ ld_url | jsonify }}
+      {%- endif -%}
+    }
+  ]
+}
+</script>
+{%- endif -%}

data/_includes/transcription.html

@@ -1,11 +1,11 @@
 {% comment %}
   transcription.html
-  Exibe uma transcrição estruturada, com até 4 personagens (cores definidas por ordem de aparição).
-  Uso: {% include transcription.html transcription=page.transcription youtube_id='fpmZiY24U0k' %}
-  Ou para usar um arquivo em _data:
+  Renders a structured transcript, with up to 4 speakers (colors follow order of appearance).
+  Use: {% include transcription.html transcription=page.transcription youtube_id='fpmZiY24U0k' %}
+  Or to load a file from _data:
   {% assign transcription_data = site.data.transcriptions[page.transcription].transcription %}
   {% include transcription.html transcription=transcription_data youtube_id='fpmZiY24U0k' %}
-  Também suporta url e image para thumbnail:
+  Also accepts url and image for a thumbnail:
   {% include transcription.html transcription=transcription_data url='https://...' image='https://...' %}
 
   Speaker labels are title-cased at render time (Patrícia, not PATRÍCIA) so
@@ -26,7 +26,7 @@
   <hr class="border-t border-gentle-divider mb-6">
   {% if include.youtube_id %}
     <div class="mb-2">
-      {% include youtube.html id=include.youtube_id %} <!-- Exibe o vídeo do YouTube -->  
+      {% include youtube.html id=include.youtube_id %} <!-- YouTube video -->  
       <span class="font-label text-xs text-on-surface-variant">Transcrição do vídeo</span>
     </div>
   {% elsif include.url and include.image %}

data/_layouts/articles.html

@@ -90,8 +90,14 @@ layout: shell
         </div>
 
         <div class="writing-archive" id="articles-list">
-          <section id="empty-state" class="writing-archive-state">
-            <p class="font-body text-on-surface-variant italic">Loading articles...</p>
+          <section id="empty-state" class="writing-archive-reserve" aria-busy="true">
+            <p class="sr-only">Loading articles...</p>
+            <span class="writing-reserve-row" aria-hidden="true"></span>
+            <span class="writing-reserve-row" aria-hidden="true"></span>
+            <span class="writing-reserve-row" aria-hidden="true"></span>
+            <span class="writing-reserve-row" aria-hidden="true"></span>
+            <span class="writing-reserve-row" aria-hidden="true"></span>
+            <span class="writing-reserve-row" aria-hidden="true"></span>
           </section>
           <section id="no-results" class="writing-archive-state hidden">
             <p class="font-body text-on-surface-variant italic">Nothing matches these filters yet.</p>

data/_layouts/cv.html

@@ -25,43 +25,45 @@ layout: shell
 
     <div id="cv-disclaimer" class="cv-disclaimer-box">
         <span class="material-symbols-outlined cv-dossier-note-icon" aria-hidden="true">info</span>
-        <div class="cv-dossier-note font-body" data-content-fragment="cv/disclaimer">
-            <p class="font-body text-on-surface-variant italic">Loading...</p>
-        </div>
+        <div class="cv-dossier-note font-body" data-content-fragment="cv/disclaimer" data-content-quiet></div>
     </div>
 
     <div id="cv-listing">
         {% capture cv_summary %}
-        <div class="cv-summary font-body" data-content-fragment="cv/summary">
-            <p class="font-body text-on-surface-variant italic">Loading...</p>
-        </div>
+        <div class="cv-summary font-body" data-content-fragment="cv/summary" data-content-quiet></div>
         {% endcapture %}
         {% include cv/cv-box.html id="summary" title="Summary" content=cv_summary %}
 
         {% capture cv_experience %}
-        <div id="cv-experience-list" class="cv-entry-stack">
-            <p class="font-body text-on-surface-variant italic">Loading experience...</p>
+        <div id="cv-experience-list" class="cv-entry-stack" data-content-reserve aria-busy="true">
+            <span class="cv-reserve-card" aria-hidden="true"></span>
+            <span class="cv-reserve-card" aria-hidden="true"></span>
+            <span class="cv-reserve-card" aria-hidden="true"></span>
         </div>
         {% endcapture %}
         {% include cv/cv-box.html id="experience" title="Experience" content=cv_experience %}
 
         {% capture cv_products %}
-        <div id="cv-products-grid" class="cv-product-grid">
-            <p class="font-body text-on-surface-variant italic">Loading products...</p>
+        <div id="cv-products-grid" class="cv-product-grid" data-content-reserve aria-busy="true">
+            <span class="cv-reserve-card" aria-hidden="true"></span>
+            <span class="cv-reserve-card" aria-hidden="true"></span>
+            <span class="cv-reserve-card" aria-hidden="true"></span>
         </div>
         {% endcapture %}
         {% include cv/cv-box.html id="products" title="Products" content=cv_products %}
 
         {% capture cv_education %}
-        <div id="cv-education-list" class="cv-entry-stack">
-            <p class="font-body text-on-surface-variant italic">Loading education...</p>
+        <div id="cv-education-list" class="cv-entry-stack" data-content-reserve aria-busy="true">
+            <span class="cv-reserve-card" aria-hidden="true"></span>
+            <span class="cv-reserve-card" aria-hidden="true"></span>
         </div>
         {% endcapture %}
         {% include cv/cv-box.html id="education" title="Education" content=cv_education %}
 
         {% capture cv_languages %}
-        <div id="cv-languages-list" class="cv-language-list">
-            <p class="font-body text-on-surface-variant italic">Loading languages...</p>
+        <div id="cv-languages-list" class="cv-language-list" data-content-reserve aria-busy="true">
+            <span class="cv-reserve-card" aria-hidden="true"></span>
+            <span class="cv-reserve-card" aria-hidden="true"></span>
         </div>
         {% endcapture %}
         {% include cv/cv-box.html id="languages" title="Languages" content=cv_languages %}
@@ -327,6 +329,7 @@ layout: shell
                         productMap[product.slug] = product;
                     });
                     experienceList.innerHTML = '';
+                    experienceList.removeAttribute('aria-busy');
                     jobs.sort(function (a, b) {
                         var as = (a.front_matter && a.front_matter.start) || '';
                         var bs = (b.front_matter && b.front_matter.start) || '';
@@ -344,6 +347,7 @@ layout: shell
                 runtime.Listing.showLoadingState(educationList, 'Loading education...');
                 runtime.loadJson('data/education.json').then(function (entries) {
                     educationList.innerHTML = '';
+                    educationList.removeAttribute('aria-busy');
                     entries.forEach(function (entry) { educationList.appendChild(renderEducation(entry)); });
                 }).catch(function (error) {
                     console.error(error);
@@ -355,6 +359,7 @@ layout: shell
                 runtime.Listing.showLoadingState(languagesList, 'Loading languages...');
                 runtime.loadJson('data/languages.json').then(function (entries) {
                     languagesList.innerHTML = '';
+                    languagesList.removeAttribute('aria-busy');
                     entries.forEach(function (entry) { languagesList.appendChild(renderLanguage(entry)); });
                 }).catch(function (error) {
                     console.error(error);
@@ -366,6 +371,7 @@ layout: shell
                 runtime.Listing.showLoadingState(productsGrid, 'Loading products...');
                 runtime.loadWritingIndex('products').then(function (products) {
                     productsGrid.innerHTML = '';
+                    productsGrid.removeAttribute('aria-busy');
                     var ordered = products.slice().sort(compareProductsByEndDate);
                     ordered.forEach(function (product) {
                         productsGrid.appendChild(renderProduct(product));

data/_layouts/home.html

@@ -29,12 +29,12 @@ layout: shell
       <div class="home-hero">
         <div class="home-hero-copy">
           <div id="home-subtitle-content" class="home-hero-tagline font-label"
-            data-content-fragment="home/subtitle"></div>
+            data-content-fragment="home/subtitle" data-content-quiet></div>
           <h1 class="home-hero-title">
             <span class="home-hero-given">{{ _hero_name.given }}</span>{%- if _hero_name.family != "" %} <span class="home-hero-family">{{ _hero_name.family }}</span>{%- endif %}
           </h1>
           <div id="home-cv-summary" class="home-hero-summary font-body"
-            data-content-fragment="cv/summary"></div>
+            data-content-fragment="cv/summary" data-content-quiet></div>
           <div class="home-hero-actions">
             {%- if _cv_page -%}
             <a class="ledger-cta ledger-cta--emphasis home-hero-cta" href="{{ _cv_page.url }}">
@@ -50,7 +50,7 @@ layout: shell
           <div class="home-hero-plate-wrap">
             <span class="ledger-frame-crosshairs" aria-hidden="true"></span>
             <figure class="home-hero-plate">
-              <img alt="" width="1200" height="800" data-content-hero-portrait />
+              <img alt="" width="1200" height="800" fetchpriority="high" data-content-hero-portrait />
               <span class="ledger-frame-corners" aria-hidden="true"></span>
             </figure>
           </div>
@@ -58,6 +58,26 @@ layout: shell
       </div>
     </div>
   </section>
+  <script>
+    (function () {
+      var runtime = window.ContentRuntime;
+      var pre = window.__pandorgaPreload || {};
+      function paint(id, path) {
+        var el = document.getElementById(id);
+        var pending = pre[path];
+        if (!el || !pending || !runtime || !runtime.renderMarkdown) return;
+        pending.then(function (fragment) {
+          if (!fragment || el.getAttribute('data-content-painted') === '1') return;
+          var html = runtime.renderMarkdown(fragment.body_markdown || '');
+          if (!html) return;
+          el.innerHTML = html;
+          el.setAttribute('data-content-painted', '1');
+        }).catch(function () {});
+      }
+      paint('home-subtitle-content', 'pages/home/subtitle.json');
+      paint('home-cv-summary', 'pages/cv/summary.json');
+    })();
+  </script>
 
   {%- for band in _home_bands -%}
     {%- if band.kind == "index" -%}