pandorga 1.6.7 → 1.6.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 28483b04968177f92f86ee26292b1bca873db8515dcb0d1735b72be27a564fb8
-  data.tar.gz: d2d20eb68479f49655c122a3948398e8e2719a27be458e27bc6f60aa002729da
+  metadata.gz: 110f9fdf3636db9ef496093f969e15ef4cd3322ee143c5efadb210fb5e4b98b9
+  data.tar.gz: 6c5625b1cbdac652c0120d2b25e49a722c59941862cf91da7f44eff6f1ada004
 SHA512:
-  metadata.gz: 89dd79f11d075413daac4ebcda740dc4f36a426a8b11aa608570551a446c79b09fc2223a74d703a36c2cae2fdaf0a14f41b6e3cf0048261c336a3a2a082e0100
-  data.tar.gz: efeaa1c9b49c5884e19b0e778e1a7205eec1dd000dc3c8875fa62747cf3a5df813202310f2cd2092d4d71847d629e6e8d1fedbf63e6bff8c99245f568f1a73f2
+  metadata.gz: 22f67174268b9edd80046d916e6d8394d4ce1df62e8802be7dc4eab8771479825c1ba8b3aa2f668ebef53bc95f116f840ddd300428362b938a19b9955d0914d8
+  data.tar.gz: 85ce7605aae925b73d384a9ddbc0269b5b31bb58652b05b60617c5b784f8cfc2c68dc92cc3824ed07bf016f305aee36c5fba17a51c891ecce06cd58a0c3f94d0

data/CHANGELOG.md

@@ -1,5 +1,50 @@
 # Changelog
 
+## [1.6.9] — 2026-10-10
+
+### Fixed
+
+- Home list hydration no longer fills every band in one turn. The project
+  specimen measurement yields between projects, each band starts on its
+  own turn, and each home section introduction yields before it is
+  parsed. Dates reuse one formatter. The lists still render.
+
+No `pandorga:` config keys were added or renamed.
+
+## [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

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/content-runtime/40-listing.html

@@ -113,15 +113,23 @@
       return textExcerpt((item && item.body_markdown) || '');
     }
 
+    var dateFormatters = Object.create(null);
+
     function formatDate(value, locale) {
       if (!value) return '';
       var parts = String(value).slice(0, 10).split('-').map(Number);
       if (parts.length !== 3 || parts.some(isNaN)) return value;
-      return new Intl.DateTimeFormat(locale || 'en', {
-        day: '2-digit',
-        month: 'short',
-        year: 'numeric'
-      }).format(new Date(parts[0], parts[1] - 1, parts[2]));
+      var key = locale || 'en';
+      var formatter = dateFormatters[key];
+      if (!formatter) {
+        formatter = new Intl.DateTimeFormat(key, {
+          day: '2-digit',
+          month: 'short',
+          year: 'numeric'
+        });
+        dateFormatters[key] = formatter;
+      }
+      return formatter.format(new Date(parts[0], parts[1] - 1, parts[2]));
     }
 
     function chronologySortKey(item) {

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

@@ -353,15 +353,31 @@
       });
     }
 
+    function yieldToMain() {
+      return new Promise(function (resolve) {
+        if (typeof scheduler !== 'undefined' && typeof scheduler.yield === 'function') {
+          scheduler.yield().then(resolve);
+          return;
+        }
+        window.setTimeout(resolve, 0);
+      });
+    }
+
     function hydrateHomeSections() {
       var roots = Array.prototype.slice.call(
         document.querySelectorAll('[data-content-home-section]')
       );
       if (!roots.length) return Promise.resolve();
       return loadPageHeaders().then(function (sections) {
+        var chain = Promise.resolve();
         roots.forEach(function (root) {
-          applyHomeSection(root, sections[root.getAttribute('data-content-home-section')]);
+          chain = chain.then(function () {
+            return yieldToMain().then(function () {
+              applyHomeSection(root, sections[root.getAttribute('data-content-home-section')]);
+            });
+          });
         });
+        return chain;
       }).catch(function (error) {
         console.error(error);
         roots.forEach(function (root) { applyHomeSection(root, null); });
@@ -605,21 +621,31 @@
     }
 
     function hydratePageFragments() {
-      document.querySelectorAll('[data-content-page-header]').forEach(function (el) {
-        hydratePageHeader(el);
+      var headers = Array.prototype.slice.call(document.querySelectorAll('[data-content-page-header]'));
+      var chain = Promise.resolve();
+      headers.forEach(function (el) {
+        chain = chain.then(function () {
+          return yieldToMain().then(function () { return hydratePageHeader(el); });
+        });
       });
       document.querySelectorAll('[data-content-fragment]').forEach(function (el) {
         var path = el.getAttribute('data-content-fragment');
         if (!path) return;
-        mountMarkdownFragment(path, el, {
-          loadingText: el.getAttribute('data-content-loading') || 'Loading...',
-          errorText: el.getAttribute('data-content-error') || 'Content could not be loaded right now.'
+        chain = chain.then(function () {
+          return yieldToMain().then(function () {
+            return mountMarkdownFragment(path, el, {
+              loadingText: el.getAttribute('data-content-loading') || 'Loading...',
+              errorText: el.getAttribute('data-content-error') || 'Content could not be loaded right now.'
+            });
+          });
         });
       });
-      hydrateHomeSections();
-      hydrateBandArt();
-      hydrateContacts();
-      hydrateHeroPortrait();
+      chain.then(function () {
+        hydrateHomeSections();
+        hydrateBandArt();
+        hydrateContacts();
+        hydrateHeroPortrait();
+      });
     }
 
     function schedulePageFragmentHydration() {

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/_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 {
@@ -114,7 +121,21 @@ layout: shell
     }
 
     function byDateDesc(a, b) {
-      return String(b.date || '').localeCompare(String(a.date || ''));
+      var left = String(b.date || '');
+      var right = String(a.date || '');
+      if (left > right) return 1;
+      if (left < right) return -1;
+      return 0;
+    }
+
+    function afterPaint() {
+      return new Promise(function (resolve) {
+        if (typeof scheduler !== 'undefined' && typeof scheduler.yield === 'function') {
+          scheduler.yield().then(resolve);
+          return;
+        }
+        window.setTimeout(resolve, 0);
+      });
     }
 
     function tagHrefFrom(element) {
@@ -168,8 +189,13 @@ layout: shell
     function draftFolios(posts) {
       var folios = Object.create(null);
       posts.slice().sort(function (a, b) {
-        var byDate = String(a.date || '').localeCompare(String(b.date || ''));
-        return byDate !== 0 ? byDate : String(a.slug || '').localeCompare(String(b.slug || ''));
+        var byDate = String(a.date || '') < String(b.date || '') ? -1 : (String(a.date || '') > String(b.date || '') ? 1 : 0);
+        if (byDate !== 0) return byDate;
+        var left = String(a.slug || '');
+        var right = String(b.slug || '');
+        if (left < right) return -1;
+        if (left > right) return 1;
+        return 0;
       }).forEach(function (entry, index) {
         folios[entry.slug] = index + 1;
       });
@@ -214,7 +240,8 @@ layout: shell
       element.appendChild(fragment);
     }
 
-    function fillBand(section, index) {
+    async function fillBand(section, index) {
+      await afterPaint();
       var kind = section.getAttribute('data-home-kind');
       var collection = section.getAttribute('data-home-collection');
       var limit = parseInt(section.getAttribute('data-home-limit') || '3', 10) || 3;
@@ -309,7 +336,7 @@ layout: shell
           fitted(best);
         }
 
-        function paintSpecimen(entry) {
+        async function paintSpecimen(entry) {
           specimenSlot.innerHTML = '';
           specimenSlot.appendChild(runtime.renderProjectSpecimen(asItem(entry), {
             href: entry.url || runtime.projectUrl(entry.slug),
@@ -317,10 +344,11 @@ layout: shell
             folio: positionOf(entry.slug) + 1,
             openLabel: 'Open project'
           }));
+          await afterPaint();
           ellipsizeSpecimenCopy(specimenSlot);
         }
 
-        function measureTallestSpecimen() {
+        async function measureTallestSpecimen() {
           var bench = specimenSlot.closest('.home-projects-bench');
           if (!bench) return 0;
           var width = specimenSlot.getBoundingClientRect().width;
@@ -341,7 +369,8 @@ layout: shell
           bench.appendChild(probe);
 
           var max = 0;
-          portfolio.forEach(function (entry, i) {
+          for (var i = 0; i < portfolio.length; i += 1) {
+            var entry = portfolio[i];
             probe.innerHTML = '';
             var card = runtime.renderProjectSpecimen(asItem(entry), {
               href: entry.url || runtime.projectUrl(entry.slug),
@@ -353,15 +382,16 @@ layout: shell
             card.style.minHeight = '0';
             probe.appendChild(card);
             max = Math.max(max, Math.ceil(card.getBoundingClientRect().height));
-          });
+            await afterPaint();
+          }
           probe.remove();
           return max;
         }
 
-        function lockSpecimenHeight() {
+        async function lockSpecimenHeight() {
           var bench = specimenSlot.closest('.home-projects-bench');
           if (!bench) return;
-          var tallest = measureTallestSpecimen();
+          var tallest = await measureTallestSpecimen();
           /* Floor at the CSS inventory minimum so six rows always clear
              three stacked resource icons (see --home-inventory-min-height). */
           var inventoryMin = 0;
@@ -418,8 +448,9 @@ layout: shell
           });
         }
 
-        lockSpecimenHeight();
-        paintSpecimen(entryBySlug(selectedSlug));
+        await lockSpecimenHeight();
+        await paintSpecimen(entryBySlug(selectedSlug));
+        await afterPaint();
         paintInventory();
 
         var resizeTimer = null;
@@ -430,8 +461,9 @@ layout: shell
             var nextWidth = Math.round(specimenSlot.getBoundingClientRect().width);
             if (nextWidth === lastMeasureWidth) return;
             lastMeasureWidth = nextWidth;
-            lockSpecimenHeight();
-            paintSpecimen(entryBySlug(selectedSlug));
+            lockSpecimenHeight().then(function () {
+              return paintSpecimen(entryBySlug(selectedSlug));
+            });
           }, 120);
         });
         return;
@@ -477,7 +509,11 @@ layout: shell
 
     runtime.loadJson('data/writing_index.json').then(function (entries) {
       var index = Array.isArray(entries) ? entries : [];
-      sections.forEach(function (section) { fillBand(section, index); });
+      var chain = Promise.resolve();
+      sections.forEach(function (section) {
+        chain = chain.then(function () { return fillBand(section, index); });
+      });
+      return chain;
     }).catch(function (error) {
       console.error(error);
       sections.forEach(function (section) {

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

@@ -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: "|" -%}

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>