pandorga 1.6.6 → 1.6.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ea34cfd7c17d2af28fcbd6a14c791f47b62fcf3a0c1c27b453f2467e6e4e101e
-  data.tar.gz: 7935fd040c610ffd52cab6587ecbcf31368a6097e21010f41b36ea92df013332
+  metadata.gz: 355770a826a6483d7fbc1e014c76fc0ef865d23bba44674cc2153d25ed840a9c
+  data.tar.gz: 6fd8451064d1a3bc58a8ff4ed53b90606183644756c28984018ff20ae485a543
 SHA512:
-  metadata.gz: 03e056b64de07a581a1b6293dd8a4db3aa40872219f170adfeaf25efe948317a62c04444db0cfe36cf67d8138ed003f9f832fc5c1150a0d84d174abc48232cdc
-  data.tar.gz: cd7dec364ba9a21e18c0ec05e60bd7eed94ca99a217b99a5cd2a67498c9778e51a78267ba4cad58bab5098020e7c75f8be2e8a5df3b84b4d23c37b07313ed16f
+  metadata.gz: 331cf7a4687f241ee1b653e2435986bd511536ac3d1bfd21b65c91deef8969994999d8d65696e54a5725e7be41169d10ff9abac70475844a018480869cb19c1c
+  data.tar.gz: 88fc4c23d1cb5680b054c2e7028e374caab861977114ae235de52547b482de74b0c282957fc5bdf31764c9c3f11e39a65bbd4372ee7ee8fbf397b238b41f1c66

data/CHANGELOG.md

@@ -1,5 +1,55 @@
 # Changelog
 
+## [1.6.8] — 2026-10-10
+
+### Fixed
+
+- Home bands and the other listing pages fill again. Their scripts sit in
+  the page and used to run before the runtime existed, then return. The
+  titles stayed in the HTML and the lists stayed empty, on the phone and
+  on the desktop. Lighthouse scored that empty document. Those scripts
+  now start when the runtime is assigned. The runtime stays after the
+  page. The static hero summary, the deferred text faces, the deferred
+  markdown library, and the named icon subset stay as they are.
+- CI loads the built example home and fails when the projects, articles,
+  or posts band has no items after load, on a phone viewport and on a
+  desktop viewport.
+- On a phone, the featured card in the home Articles band has more space
+  above its text. The other article cards keep their padding. Article
+  titles in that band are 2pt larger.
+- On the Rascunhos page, the licence sits under the entries again below
+  1024px. The per-page stylesheet split had stopped loading the sheet
+  that ordered it, and the page's own `display: block` put it back on
+  top. The order now lives on the sheet the blog layout always loads.
+
+### Changed
+
+- The site and Studio launcher icons are the same stamp, on the same
+  plate, in the same pastel triad. The stamp is the same size on both,
+  with the same padding, at 512, 192, 180, and 32. Studio adds a small
+  badge inside that stamp. The build writes `/site.webmanifest` and
+  `/studio.webmanifest` with maskable icons, so Android masks both to
+  one shape and one visual size. The shell links the site manifest.
+  Studio links the studio manifest.
+
+No `pandorga:` config keys were added or renamed.
+
+## [1.6.7] — 2026-10-10
+
+### Fixed
+
+- Text faces are requested after the first paint and before the load
+  event. A blocking sheet held first paint on the font host. The load
+  event held the hero summary until images finished, so the live home
+  scored about 50 while the example, which has no summary, scored 98.
+- The icon face names the icons it needs. The full variable file is about
+  a megabyte, and decoding it blocked the main thread on the live home.
+- The project inventory region has a role to match its accessible name.
+- Lighthouse measures `examples/full`, whose home includes a static hero
+  summary, the element a real site paints largest.
+
+No `pandorga:` config keys were added or renamed.
+
 ## [1.6.6] — 2026-10-10
 
 ### Fixed

data/README.md

@@ -85,8 +85,9 @@ and an urgent performance campaign must then bring it back to 90 or above.
 Below 75 is never acceptable for a release. A pull request or a merge may
 score lower when that is unavoidable to keep the work modular. The release
 build publishes at 90 or above. Notes that include `LIGHTHOUSE_BUGFIX=1`
-may publish a bug fix from 75 to 89. Pull requests and merges only warn.
-The checklist is in [CONTRIBUTING.md](CONTRIBUTING.md).
+may publish a bug fix from 75 to 89. Pull requests and merges only warn
+on the score. The same run fails when the loaded example home has no
+project or article items. The checklist is in [CONTRIBUTING.md](CONTRIBUTING.md).
 
 ## License
 

data/_includes/home/band-listing.html

@@ -54,7 +54,7 @@
       data-tag-base="{{ _path }}"
     >
       <div class="home-project-specimen-slot" data-home-specimen></div>
-      <div class="home-project-inventory" data-home-inventory aria-label="Project inventory"></div>
+      <div class="home-project-inventory" data-home-inventory role="region" aria-label="Project inventory"></div>
     </div>
     {%- else -%}
     <div

data/_includes/page/content-runtime.html

@@ -17,4 +17,7 @@
 {% include content-runtime/43-blocks.html %}
 {% include content-runtime/90-bootstrap.html %}
   })();
+  /* Band and listing scripts sit in the page, so they run before this
+     assignment. They listen for the event and start once the runtime exists. */
+  document.dispatchEvent(new CustomEvent('pandorga:runtime'));
 </script>

data/_includes/page/network-graph.html

@@ -454,11 +454,14 @@
 
 <script src="https://cdn.jsdelivr.net/npm/d3@7.9.0/dist/d3.min.js"></script>
 <script>
-    (function () {
+    (function bootNetwork() {
         'use strict';
 
         var runtime = window.ContentRuntime;
-        if (!runtime || !runtime.ListingFilter) return;
+        if (!runtime || typeof runtime.loadJson !== 'function') {
+            document.addEventListener('pandorga:runtime', bootNetwork, { once: true });
+            return;
+        }
 
         var params = new URLSearchParams(window.location.search);
         var filterRoot = document.querySelector('[data-listing-filter-root]');

data/_includes/page/timeline-section.html

@@ -852,14 +852,26 @@
       var runtime = window.ContentRuntime;
       /* The content base is empty when the JSON is served from the site root
          (local preview), which is a valid source, not a missing one — gate on
-         the loader instead, and let the catch fall back to the inline stub. */
+         the loader instead, and let the catch fall back to the inline stub.
+         The runtime script follows the page, so the first call waits for it. */
       if (runtime && typeof runtime.loadJson === 'function') {
+        loadTimeline.started = true;
         runtime.loadJson('data/timeline.json').then(bootTimeline).catch(function (error) {
           console.error(error);
           if (el) bootTimeline(JSON.parse(el.textContent));
         });
         return;
       }
+      if (!loadTimeline.armed) {
+        loadTimeline.armed = true;
+        document.addEventListener('pandorga:runtime', loadTimeline, { once: true });
+        window.setTimeout(function () {
+          if (loadTimeline.started || !el) return;
+          loadTimeline.started = true;
+          bootTimeline(JSON.parse(el.textContent));
+        }, 0);
+        return;
+      }
       if (el) bootTimeline(JSON.parse(el.textContent));
     }
 

data/_includes/theme/favicons.html

@@ -1,4 +1,6 @@
 <link rel="icon" href="/assets/icons/favicon.svg" type="image/svg+xml" sizes="any" />
 <link rel="icon" href="/assets/icons/favicon-32.png" type="image/png" sizes="32x32" />
-<link rel="apple-touch-icon" href="/assets/icons/apple-touch-icon.png" />
+<link rel="apple-touch-icon" href="/assets/icons/apple-touch-icon.png" sizes="180x180" />
 <link rel="icon" href="/favicon.ico" sizes="16x16 32x32" />
+<link rel="manifest" href="/site.webmanifest" />
+<meta name="theme-color" content="#5e5d59" />

data/_includes/theme/font-loader.html

@@ -52,16 +52,12 @@
 {% endif %}
 {% assign fonts_href = fonts_href | append: "&display=swap" %}
 {% comment %}
-  Not a head link. A preload or a print sheet is discovered immediately.
-  On a fast connection the faces finish before the largest paint, and the
-  simulator then waits on them. Add the sheet after load. display=swap stays.
+  Not a render-blocking head link, and not the load event. A blocking
+  sheet holds first paint on the font host. The load event holds the hero
+  summary until images finish. The shell inserts this sheet after the
+  first paint. display=swap stays.
 {% endcomment %}
 <script>
-  window.addEventListener('load', function () {
-    var link = document.createElement('link');
-    link.rel = 'stylesheet';
-    link.href = {{ fonts_href | jsonify }};
-    document.head.appendChild(link);
-  });
+  window.__pandorgaFontsHref = {{ fonts_href | jsonify }};
 </script>
 <noscript><link rel="stylesheet" href="{{ fonts_href }}" /></noscript>

data/_layouts/articles.html

@@ -129,11 +129,14 @@ layout: shell
 {% include mathjax.html %}
 
 <script>
-  (function () {
+  (function bootArticles() {
     'use strict';
 
     var runtime = window.ContentRuntime;
-    if (!runtime || !runtime.ListingFilter) return;
+    if (!runtime || typeof runtime.loadJson !== 'function') {
+      document.addEventListener('pandorga:runtime', bootArticles, { once: true });
+      return;
+    }
 
     var configRoot = document.querySelector('[data-listing-collection]');
     var collection = (configRoot && configRoot.getAttribute('data-listing-collection')) || 'articles';

data/_layouts/bibliography.html

@@ -24,11 +24,14 @@ layout: shell
 </main>
 
 <script>
-  (function () {
+  (function bootBibliography() {
     'use strict';
 
     var runtime = window.ContentRuntime;
-    if (!runtime || !runtime.ListingFilter) return;
+    if (!runtime || typeof runtime.loadJson !== 'function') {
+      document.addEventListener('pandorga:runtime', bootBibliography, { once: true });
+      return;
+    }
 
     var listing = runtime.Listing;
     var params = new URLSearchParams(window.location.search);

data/_layouts/blog.html

@@ -93,11 +93,14 @@ layout: shell
 {% include mathjax.html %}
 
 <script>
-  (function () {
+  (function bootBlog() {
     'use strict';
 
     var runtime = window.ContentRuntime;
-    if (!runtime || !runtime.ListingFilter) return;
+    if (!runtime || typeof runtime.loadJson !== 'function') {
+      document.addEventListener('pandorga:runtime', bootBlog, { once: true });
+      return;
+    }
 
     var configRoot = document.querySelector('[data-listing-collection]');
     var collection = (configRoot && configRoot.getAttribute('data-listing-collection')) || 'posts';

data/_layouts/cv.html

@@ -80,11 +80,14 @@ layout: shell
 </main>
 
 <script>
-    (function () {
+    (function bootCv() {
         'use strict';
 
         var runtime = window.ContentRuntime;
-        if (!runtime) return;
+        if (!runtime || typeof runtime.loadJson !== 'function') {
+            document.addEventListener('pandorga:runtime', bootCv, { once: true });
+            return;
+        }
 
         var experienceList = document.getElementById('cv-experience-list');
         var educationList = document.getElementById('cv-education-list');

data/_layouts/home.html

@@ -63,8 +63,12 @@ layout: shell
     </div>
   </section>
   <script>
-    (function () {
+    (function bootHomePaint() {
       var runtime = window.ContentRuntime;
+      if (!runtime || typeof runtime.renderMarkdown !== 'function') {
+        document.addEventListener('pandorga:runtime', bootHomePaint, { once: true });
+        return;
+      }
       var pre = window.__pandorgaPreload || {};
       function paint(id, path) {
         var el = document.getElementById(id);
@@ -95,11 +99,14 @@ layout: shell
 
 <script>
   {% raw %}
-  (function () {
+  (function bootHomeBands() {
     'use strict';
 
     var runtime = window.ContentRuntime;
-    if (!runtime) return;
+    if (!runtime || typeof runtime.loadJson !== 'function') {
+      document.addEventListener('pandorga:runtime', bootHomeBands, { once: true });
+      return;
+    }
 
     function asItem(entry) {
       return {

data/_layouts/projects.html

@@ -59,11 +59,14 @@ layout: shell
 </main>
 
 <script>
-  (function () {
+  (function bootProjects() {
     'use strict';
 
     var runtime = window.ContentRuntime;
-    if (!runtime) return;
+    if (!runtime || typeof runtime.loadJson !== 'function') {
+      document.addEventListener('pandorga:runtime', bootProjects, { once: true });
+      return;
+    }
 
     var esc = runtime.escapeHtml;
     var escAttr = runtime.escapeAttr;

data/_layouts/resources.html

@@ -34,11 +34,14 @@ layout: shell
 </main>
 
 <script>
-  (function () {
+  (function bootResources() {
     'use strict';
 
     var runtime = window.ContentRuntime;
-    if (!runtime || !runtime.ListingFilter) return;
+    if (!runtime || typeof runtime.loadJson !== 'function') {
+      document.addEventListener('pandorga:runtime', bootResources, { once: true });
+      return;
+    }
 
     var configRoot = document.querySelector('[data-listing-collection]');
     var collection = (configRoot && configRoot.getAttribute('data-listing-collection')) || 'resources';

data/_layouts/shell.html

@@ -62,7 +62,7 @@
     Preconnect only. The preload script below is parser-blocking. A
     stylesheet before that script holds the parser until the font host
     answers, so the ledger sheets and the hero cannot paint. The text-face
-    loader sits with the local sheets and adds its stylesheet after load.
+    loader sits with the local sheets.
   {%- endcomment -%}
   <link href="https://fonts.googleapis.com" rel="preconnect" />
   <link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect" />
@@ -85,7 +85,12 @@
     {%- assign _ledger = "writing|detail" | split: "|" -%}
     {%- assign _article_css = true -%}
   {%- when "blog" -%}
-    {%- assign _ledger = "rascunhos|detail" | split: "|" -%}
+    {%- comment -%}
+      writing.css holds the rail, and it has to follow rascunhos.css. The
+      body rule in rascunhos.css is `display: block`, which would put the
+      licence back above the entries if it won the cascade.
+    {%- endcomment -%}
+    {%- assign _ledger = "rascunhos|writing|detail" | split: "|" -%}
     {%- assign _article_css = true -%}
   {%- when "cv" -%}
     {%- assign _ledger = "cv|detail" | split: "|" -%}
@@ -117,20 +122,65 @@
   {%- endfor -%}
   {% include theme/font-loader.html %}
   {%- comment -%}
-    Icons are not first paint. The face is about a megabyte. A link in the
-    head, even with print media, is discovered immediately and the simulator
-    then waits on that face for the largest paint. Add the sheet after load.
+    Named icons only. The full variable face is about a megabyte, and a
+    late request for it becomes the largest paint on a real hero. Nav icons
+    from the registry join the shell set.
   {%- endcomment -%}
-  {%- assign _symbols_href = "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" -%}
+  {%- assign _icon_names = "arrow_left_alt,arrow_right_alt,architecture,article,chat,chevron_left,chevron_right,close,code,dark_mode,expand_more,filter_list,format_quote,format_size,info,light_mode,menu,picture_as_pdf,public,routine,search,share,shuffle,sync" -%}
+  {%- for _group in site.data.nav -%}
+    {%- for _item in _group.pages -%}
+      {%- if _item.icon -%}
+        {%- assign _icon_hay = "," | append: _icon_names | append: "," -%}
+        {%- assign _icon_needle = "," | append: _item.icon | append: "," -%}
+        {%- unless _icon_hay contains _icon_needle -%}
+          {%- assign _icon_names = _icon_names | append: "," | append: _item.icon -%}
+        {%- endunless -%}
+      {%- endif -%}
+    {%- endfor -%}
+  {%- endfor -%}
+  {%- assign _symbols_href = "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&icon_names=" | append: _icon_names | append: "&display=swap" -%}
   <script>
-    window.addEventListener('load', function () {
-      var link = document.createElement('link');
-      link.rel = 'stylesheet';
-      link.href = {{ _symbols_href | jsonify }};
-      document.head.appendChild(link);
-    });
+    window.__pandorgaIconsHref = {{ _symbols_href | jsonify }};
+  </script>
+  <noscript><link id="pandorga-icons" rel="stylesheet" href="{{ _symbols_href }}" /></noscript>
+  <script>
+    (function () {
+      var known = {{ _icon_names | split: "," | jsonify }};
+      var seen = {};
+      known.forEach(function (name) { seen[name] = true; });
+      var dirty = false;
+      var timer = 0;
+      window.__pandorgaFlushIcons = function () {
+        var link = document.getElementById('pandorga-icons');
+        if (!link || !dirty) return;
+        dirty = false;
+        link.href = 'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&icon_names=' + known.join(',') + '&display=swap';
+      };
+      function consider(root) {
+        if (!root || !root.querySelectorAll) return;
+        var nodes = root.querySelectorAll('.material-symbols-outlined');
+        var extra = false;
+        for (var i = 0; i < nodes.length; i++) {
+          var name = (nodes[i].textContent || '').trim();
+          if (!name || seen[name] || !/^[a-z0-9_]+$/.test(name)) continue;
+          seen[name] = true;
+          known.push(name);
+          extra = true;
+        }
+        if (!extra) return;
+        dirty = true;
+        clearTimeout(timer);
+        timer = setTimeout(window.__pandorgaFlushIcons, 50);
+      }
+      function start() {
+        consider(document);
+        var obs = new MutationObserver(function () { consider(document); });
+        obs.observe(document.body, { childList: true, subtree: true, characterData: true });
+      }
+      if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', start);
+      else start();
+    })();
   </script>
-  <noscript><link rel="stylesheet" href="{{ _symbols_href }}" /></noscript>
   {%- assign _flags_href = "https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css" -%}
   <script>
     window.addEventListener('load', function () {
@@ -265,6 +315,28 @@
   {% include page/site-footer.html nav_active=nav_active %}
 
   {% include page/content-runtime.html %}
+  <script>
+    (function () {
+      var fonts = window.__pandorgaFontsHref;
+      var icons = window.__pandorgaIconsHref;
+      if (!fonts && !icons) return;
+      requestAnimationFrame(function () {
+        requestAnimationFrame(function () {
+          function sheet(href, id) {
+            if (!href) return;
+            var link = document.createElement('link');
+            link.rel = 'stylesheet';
+            link.href = href;
+            if (id) link.id = id;
+            document.head.appendChild(link);
+          }
+          sheet(fonts);
+          sheet(icons, 'pandorga-icons');
+          if (window.__pandorgaFlushIcons) window.__pandorgaFlushIcons();
+        });
+      });
+    })();
+  </script>
 
 </body>
 

data/assets/css/ledger/home.css

@@ -740,6 +740,26 @@ html[data-theme="light"] .home-hero-plate {
   line-height: var(--home-featured-title-line);
 }
 
+/* Articles band only. Two points over the size the title already uses,
+   the same point step as the phone hero name. The section heading is
+   untouched. Listed cards in other bands are untouched. */
+[data-home-kind="articles"] .home-featured-title {
+  font-size: calc(var(--home-featured-title-size) + 2pt);
+}
+
+[data-home-kind="articles"] .home-card-grid .card-title,
+[data-home-kind="articles"] .home-card-grid .ledger-card-title {
+  font-size: calc(var(--type-card) + 2pt);
+}
+
+/* Phone only: the featured card's text sat against the top rule. One
+   step more than the shared top padding, and only on this card. */
+@media (max-width: 767px) {
+  [data-home-kind="articles"] .home-featured {
+    padding-top: calc(var(--space-md) + 0.75rem);
+  }
+}
+
 /* Home article / rascunho / project cards — content-title voice, not display. */
 .home-card-grid .ledger-card-title,
 .home-card-grid .card-title,

data/assets/css/ledger/rascunhos.css

@@ -66,8 +66,46 @@
   display: block;
 }
 
-/* `.hidden` swaps the listing for the detail view; it has to beat the grid. */
-.rascunhos-body.hidden {
+/* Below 1024px the rail is a disclosure above the ledger, and the licence
+   is a child of that rail, so source order paints it above the texts.
+   `writing.css` already sets this column, but the per-page split dropped
+   that sheet from the blog layout, and this `display: block` beats the
+   flex rule whenever rascunhos.css is the later file. The selector here is
+   more specific than that block display, so the licence stays under the
+   entries even if the sheet list changes again. */
+@media (max-width: 1023px) {
+  .rascunhos-main .rascunhos-body {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .rascunhos-main .rascunhos-body>.writing-rail:not([hidden]) {
+    display: contents;
+  }
+
+  .rascunhos-main .rascunhos-body>.rascunhos-ledger {
+    order: 1;
+  }
+
+  .rascunhos-main .writing-rail-licence {
+    order: 2;
+    margin-top: var(--space-xl);
+    padding-top: var(--space-lg);
+    border-top: 1px solid var(--border-gentle-subtle);
+  }
+
+  .rascunhos-main .writing-rail-panel {
+    margin-bottom: var(--space-xl);
+  }
+
+  .rascunhos-main .writing-rail:has(> .writing-rail-panel[hidden]) .writing-rail-trigger {
+    margin-bottom: var(--space-xl);
+  }
+}
+
+/* `.hidden` swaps the listing for the detail view; it has to beat the
+   mobile flex column above, which is why the page class is on the selector. */
+.rascunhos-main .rascunhos-body.hidden {
   display: none;
 }
 

data/assets/icons/favicon.svg

@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" role="img" aria-label="Site">
+  <title>Site</title>
+  <style>
+    /* Light plate: pastel triad on the dark frame. Dark plate: production triad
+       on the light frame. The mark stays inside the maskable safe zone. */
+    .primary { fill: #a4c8da; }
+    .secondary { fill: #95c8a6; }
+    .tertiary { fill: #ddd8a8; }
+    .plate { fill: #5e5d59; }
+    @media (prefers-color-scheme: dark) {
+      .primary { fill: #1c5a7a; }
+      .secondary { fill: #287445; }
+      .tertiary { fill: #746f30; }
+      .plate { fill: #b8b7ae; }
+    }
+  </style>
+  <rect class="plate" width="32" height="32"/>
+  <g transform="translate(7.68 7.68) scale(0.52)">
+    <polygon class="primary" points="0,0 23,0 15,17 0,20"/>
+    <polygon class="secondary" points="23,0 32,0 32,32 17,21 15,17"/>
+    <polygon class="tertiary" points="0,20 15,17 17,21 32,32 0,32"/>
+  </g>
+</svg>

data/assets/icons/studio-logo.svg

@@ -1,6 +1,26 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" role="img" aria-hidden="true" focusable="false">
-  <polygon fill="#a4c8da" points="16,1 24,5 13,14 2,17 2,9"/>
-  <polygon fill="#95c8a6" points="24,5 30,9 30,23 22,28 19,18 13,14"/>
-  <polygon fill="#ddd8a8" points="2,17 13,14 19,18 22,28 16,31 2,23"/>
-  <polygon fill="none" stroke="#5e5d59" stroke-width="1" stroke-linejoin="miter" points="16,1 30,9 30,23 16,31 2,23 2,9"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" role="img" aria-label="Studio">
+  <title>Studio</title>
+  <style>
+    /* Same stamp and plate as the site icon. The small badge is the only
+       difference. It stays inside the maskable safe zone. */
+    .primary { fill: #a4c8da; }
+    .secondary { fill: #95c8a6; }
+    .tertiary { fill: #ddd8a8; }
+    .plate { fill: #5e5d59; }
+    .badge { fill: #b8b7ae; }
+    @media (prefers-color-scheme: dark) {
+      .primary { fill: #1c5a7a; }
+      .secondary { fill: #287445; }
+      .tertiary { fill: #746f30; }
+      .plate { fill: #b8b7ae; }
+      .badge { fill: #5e5d59; }
+    }
+  </style>
+  <rect class="plate" width="32" height="32"/>
+  <g transform="translate(7.68 7.68) scale(0.52)">
+    <polygon class="primary" points="0,0 23,0 15,17 0,20"/>
+    <polygon class="secondary" points="23,0 32,0 32,32 17,21 15,17"/>
+    <polygon class="tertiary" points="0,20 15,17 17,21 32,32 0,32"/>
+  </g>
+  <rect class="badge" x="20.32" y="20.32" width="2.88" height="2.88"/>
 </svg>

data/examples/full/content/pages/cv/summary.md

@@ -1 +1 @@
-Ada Example designs publishing frames. This summary is fictional.
+Ada Example designs publishing frames. This summary is fictional. The home hero includes it as HTML, so the largest paint is this paragraph, the same element a real site measures.