pandorga 1.2.1

data/_layouts/home.html

@@ -0,0 +1,319 @@
+---
+layout: shell
+---
+
+{%- comment -%}
+  Home — composition from the page registry (PLT §5.4).
+
+  The hero reads identity plus content fragments. Decorative art is a slot
+  (`pandorga.home.hero_art`, default page/hero-default.html). Listing and
+  index bands come from site.data.pandorga_home_bands in registry order.
+  Band copy (kicker, title, note) arrives from content/pages/headers.yml
+  via hydrateHomeSections(). No Portuguese or owner-specific strings live
+  in this layout.
+{%- endcomment -%}
+
+{%- assign _identity_name = site.pandorga.identity.name | default: site.author -%}
+{%- assign _name_parts = _identity_name | split: " " -%}
+{%- assign _name_given = _name_parts | first -%}
+{%- assign _name_family = _name_parts | slice: 1, 8 | join: " " -%}
+{%- assign _cv_page = site.pages | where: "key", "cv" | first -%}
+{%- assign _hero_art = site.pandorga.home.hero_art | default: "page/hero-default.html" -%}
+{%- assign _home_bands = site.data.pandorga_home_bands -%}
+
+<main class="home-ledger">
+
+  <section class="home-band home-band--hero">
+    <div class="home-hero-art home-hero-pandorga" aria-hidden="true">
+      {% include {{ _hero_art }} %}
+    </div>
+    <div class="home-band-inner">
+      <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>
+          <h1 class="home-hero-title">
+            <span class="home-hero-given">{{ _name_given }}</span>{%- if _name_family != "" %} <span class="home-hero-family">{{ _name_family }}</span>{%- endif %}
+          </h1>
+          <div id="home-cv-summary" class="home-hero-summary font-body"
+            data-content-fragment="cv/summary"></div>
+          <div class="home-hero-actions">
+            {%- if _cv_page -%}
+            <a class="ledger-cta ledger-cta--emphasis home-hero-cta" href="{{ _cv_page.url }}">
+              <span>{{ _cv_page.title | default: "Curriculum Vitæ" }}</span>
+              <span class="material-symbols-outlined ledger-cta-arrow" aria-hidden="true">chevron_right</span>
+            </a>
+            {%- endif -%}
+            <span data-content-hero-contacts></span>
+          </div>
+        </div>
+        <div class="home-hero-portrait">
+          <span class="shard-accent home-hero-shard" aria-hidden="true"></span>
+          <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 />
+              <span class="ledger-frame-corners" aria-hidden="true"></span>
+            </figure>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  {%- for band in _home_bands -%}
+    {%- if band.kind == "index" -%}
+      {% include home/band-index.html band=band %}
+    {%- else -%}
+      {% include home/band-listing.html band=band %}
+    {%- endif -%}
+  {%- endfor -%}
+
+</main>
+
+<script>
+  {% raw %}
+  (function () {
+    'use strict';
+
+    var runtime = window.ContentRuntime;
+    if (!runtime) return;
+
+    function asItem(entry) {
+      return {
+        slug: entry.slug,
+        key: entry.key,
+        url: entry.url,
+        collection: entry.collection,
+        date: entry.date,
+        last_updated: entry.last_updated,
+        front_matter: entry
+      };
+    }
+
+    function byDateDesc(a, b) {
+      return String(b.date || '').localeCompare(String(a.date || ''));
+    }
+
+    function tagHrefFrom(element) {
+      var base = element && element.getAttribute('data-tag-base');
+      if (!base) return null;
+      return function (tag) {
+        return base + '?tag=' + encodeURIComponent(tag);
+      };
+    }
+
+    function dropPlateOnError(scope, frame, illustratedClass) {
+      var image = frame && frame.querySelector('img');
+      if (!image) return;
+      image.addEventListener('error', function () {
+        frame.remove();
+        scope.classList.remove(illustratedClass);
+      });
+    }
+
+    function renderFeatured(entry, tagHref, locale) {
+      var href = entry.url || runtime.articleUrl(entry.slug);
+      var wrap = document.createElement('article');
+      var thumbnail = entry.thumbnail;
+      wrap.className = 'home-featured' + (thumbnail ? ' home-featured--illustrated' : '');
+      var summary = runtime.listingPreview(asItem(entry));
+      var meta = runtime.renderMetaStrip([runtime.formatDate(entry.date, locale || 'en')]);
+      var chips = runtime.renderTagChips(entry.tags, { hrefFor: tagHref });
+      var cta = runtime.renderCtaLink(href, 'Read', { className: 'home-featured-cta' });
+      wrap.innerHTML = [
+        '<span class="shard-accent home-featured-shard" aria-hidden="true"></span>',
+        '<span class="shard-accent shard-accent-beta home-featured-shard home-featured-shard--beta" aria-hidden="true"></span>',
+        '<div class="home-featured-lead">',
+        '<div class="home-featured-rail">',
+        '<span class="ledger-chip home-featured-badge">Featured</span>',
+        meta || '',
+        '</div>',
+        '<h2 class="card-title home-featured-title"><a href="',
+        runtime.escapeAttr(href), '">', runtime.escapeHtml(entry.title || entry.slug),
+        '</a></h2>',
+        summary ? '<p class="home-featured-copy font-body">' + runtime.escapeHtml(summary) + '</p>' : '',
+        (chips || cta) ? '<div class="home-featured-foot">' + chips + cta + '</div>' : '',
+        '</div>',
+        thumbnail ? runtime.renderPosterMedia(runtime.buildUrl(thumbnail), entry.title || entry.slug) : ''
+      ].join('');
+      if (thumbnail) {
+        dropPlateOnError(wrap, wrap.querySelector('.ledger-poster'), 'home-featured--illustrated');
+      }
+      return wrap;
+    }
+
+    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 || ''));
+      }).forEach(function (entry, index) {
+        folios[entry.slug] = index + 1;
+      });
+      return folios;
+    }
+
+    function renderDraftCard(entry, folio, locale) {
+      var href = entry.url || runtime.postUrl(entry.slug);
+      var f = asItem(entry);
+      var preview = runtime.listingPreview(f);
+      var metaParts = [];
+      if (folio) {
+        metaParts.push('<span class="code-technical">#' + String(folio).padStart(2, '0') + '</span>');
+      }
+      metaParts.push(runtime.formatDate(entry.date, locale || 'en'));
+      var meta = runtime.renderMetaStrip(metaParts);
+      var card = document.createElement('article');
+      card.className = 'ledger-card home-draft-card group';
+      card.innerHTML = [
+        runtime.renderPosterMedia(entry.thumbnail, entry.title || entry.slug),
+        '<div class="ledger-card-body">',
+        meta,
+        '<h3 class="card-title ledger-card-title"><a href="', runtime.escapeAttr(href), '">',
+        runtime.escapeHtml(entry.title || entry.slug), '</a></h3>',
+        preview ? '<p class="ledger-card-copy font-body">' +
+          runtime.escapeHtml(preview) + '</p>' : '',
+        '<div class="ledger-card-foot">', runtime.renderCtaLink(href, 'Read'), '</div>',
+        '</div>'
+      ].join('');
+      return card;
+    }
+
+    function fill(element, items, render, emptyMessage) {
+      if (!element) return;
+      if (!items.length) {
+        runtime.Listing.showErrorState(element, emptyMessage);
+        return;
+      }
+      var fragment = document.createDocumentFragment();
+      items.forEach(function (item) { fragment.appendChild(render(item)); });
+      element.innerHTML = '';
+      element.appendChild(fragment);
+    }
+
+    function fillBand(section, index) {
+      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;
+      var featured = section.getAttribute('data-home-featured') === 'true';
+      var locale = section.getAttribute('data-home-language') || 'en';
+      var list = section.querySelector('[data-home-list]');
+      var featuredSlot = section.querySelector('[data-home-featured-slot]');
+      if (!collection || !list) return;
+
+      var entries = index.filter(function (e) { return e.collection === collection; });
+
+      if (kind === 'portfolio') {
+        entries = entries.sort(function (a, b) {
+          return Number(a.sort_order || 0) - Number(b.sort_order || 0);
+        });
+        var systemTagHref = tagHrefFrom(list);
+        fill(list, entries.slice(0, limit), function (entry) {
+          return runtime.renderSystemCard(asItem(entry), {
+            href: entry.url || runtime.projectUrl(entry.slug),
+            tagHref: systemTagHref
+          });
+        }, 'Projects could not be loaded right now.');
+        return;
+      }
+
+      entries = entries.sort(byDateDesc);
+
+      if (kind === 'blog') {
+        var folios = draftFolios(entries);
+        fill(list, entries.slice(0, limit), function (entry) {
+          return renderDraftCard(entry, folios[entry.slug], locale);
+        }, 'Posts could not be loaded right now.');
+        return;
+      }
+
+      /* articles and other writing templates */
+      var featuredSlug = null;
+      if (featured && featuredSlot) {
+        var featuredItem = runtime.pickFeatured(entries.map(asItem));
+        if (featuredItem) {
+          var featuredEntry = entries.filter(function (a) { return a.slug === featuredItem.slug; })[0];
+          featuredSlug = featuredEntry && featuredEntry.slug;
+          featuredSlot.innerHTML = '';
+          featuredSlot.appendChild(renderFeatured(featuredEntry, tagHrefFrom(featuredSlot), locale));
+        }
+      }
+      var rest = entries.filter(function (a) { return a.slug !== featuredSlug; });
+      var articleTagHref = tagHrefFrom(list);
+      fill(list, rest.slice(0, limit), function (entry) {
+        return runtime.renderArchiveCard(asItem(entry), {
+          href: entry.url || runtime.articleUrl(entry.slug),
+          locale: locale,
+          ctaLabel: 'Read',
+          tagHref: articleTagHref,
+          metaParts: [runtime.formatDate(entry.date, locale)]
+        });
+      }, 'Articles could not be loaded right now.');
+    }
+
+    var sections = Array.prototype.slice.call(
+      document.querySelectorAll('[data-home-band][data-home-kind]:not([data-home-kind="index"])')
+    );
+
+    runtime.loadJson('data/writing_index.json').then(function (entries) {
+      var index = Array.isArray(entries) ? entries : [];
+      sections.forEach(function (section) { fillBand(section, index); });
+    }).catch(function (error) {
+      console.error(error);
+      sections.forEach(function (section) {
+        var list = section.querySelector('[data-home-list]');
+        runtime.Listing.showErrorState(list, 'Content could not be loaded right now.');
+      });
+    });
+
+    var bibPlate = document.getElementById('home-bib-plate');
+    if (bibPlate) {
+      runtime.ensureBibliographyIndex().then(function (data) {
+        var counts = {};
+        var total = 0;
+        var years = [];
+        Object.keys(data || {}).forEach(function (k) {
+          var entry = data[k];
+          var type = (entry && entry.type) || 'misc';
+          counts[type] = (counts[type] || 0) + 1;
+          total++;
+          var y = parseInt((entry.fields || {}).year, 10);
+          if (y && !isNaN(y)) years.push(y);
+        });
+        if (!total) return;
+        years.sort();
+        var typeLabels = {
+          article: 'Academic Articles',
+          book: 'Books',
+          techreport: 'Tech Reports',
+          incollection: 'Chapters',
+          news: 'News & Magazines',
+          report: 'Reports & Data',
+          misc: 'Web & Misc'
+        };
+        var typeOrder = ['article', 'book', 'techreport', 'incollection', 'news', 'report', 'misc'];
+        var rows = typeOrder.filter(function (t) { return counts[t]; }).map(function (t) {
+          return '<tr>' +
+            '<td class="bib-stat-type">' + runtime.escapeHtml(typeLabels[t] || t) + '</td>' +
+            '<td class="bib-stat-count">' + counts[t] + '</td>' +
+            '</tr>';
+        }).join('');
+        var spanLabel = years.length
+          ? runtime.escapeHtml(String(years[0])) + '\u2013' + runtime.escapeHtml(String(years[years.length - 1]))
+          : '';
+        bibPlate.innerHTML =
+          '<figcaption class="home-index-plate-head">' +
+            '<span class="home-index-legend"><span class="home-index-key">' +
+              total + ' references</span></span>' +
+            (spanLabel ? '<span class="home-index-tally">' + spanLabel + '</span>' : '') +
+          '</figcaption>' +
+          '<table class="bib-stat-table">' +
+            '<tbody>' + rows + '</tbody>' +
+          '</table>';
+        bibPlate.hidden = false;
+      }).catch(function () {});
+    }
+  })();
+  {% endraw %}
+</script>

data/_layouts/network.html

@@ -0,0 +1,9 @@
+---
+layout: shell
+---
+
+<main class="relative max-w-7xl mx-auto px-8 md:px-16 pt-10 pb-16{% if page.accent and page.accent != 'blue' %} page-accent--{{ page.accent }}{% endif %}">
+  {% include page/page-header.html key=page.key listing_filter=true filter_search=false spacer_class="mb-8"
+     filter_label="Filter by type" %}
+  {% include page/network-graph.html %}
+</main>

data/_layouts/pandorga/articles.html

@@ -0,0 +1,4 @@
+---
+layout: articles
+---
+{{ content }}

data/_layouts/pandorga/bibliography.html

@@ -0,0 +1,4 @@
+---
+layout: bibliography
+---
+{{ content }}

data/_layouts/pandorga/blog.html

@@ -0,0 +1,4 @@
+---
+layout: blog
+---
+{{ content }}

data/_layouts/pandorga/cv.html

@@ -0,0 +1,4 @@
+---
+layout: cv
+---
+{{ content }}

data/_layouts/pandorga/media.html

@@ -0,0 +1,4 @@
+---
+layout: resources
+---
+{{ content }}

data/_layouts/pandorga/network.html

@@ -0,0 +1,4 @@
+---
+layout: network
+---
+{{ content }}

data/_layouts/pandorga/portfolio.html

@@ -0,0 +1,4 @@
+---
+layout: projects
+---
+{{ content }}

data/_layouts/post.html

@@ -0,0 +1,7 @@
+---
+layout: text
+---
+
+{% comment %}Studio front-matter metadata only. Public post detail pages render via ContentRuntime on the blog listing layout.{% endcomment %}
+
+{{ content }}

data/_layouts/product.html

@@ -0,0 +1,5 @@
+---
+layout: text
+---
+
+{{ content }}

data/_layouts/project.html

@@ -0,0 +1,27 @@
+---
+layout: text
+---
+
+{%- comment -%}
+  Project detail — private/studio build only.
+
+  The public project page is *not* this file. `content/` is excluded from the
+  build and the projects collection is `output: false`, so /projects/:slug/ is
+  a Cloudflare 200-rewrite onto the listing, which assembles the page in the
+  browser from `_layouts/projects.html`. That layout owns the portfolio
+  masthead, the dossier and the media treatment.
+
+  What is left for this file is the studio preview, which renders through
+  `_layouts/text.html` and therefore inherits the generic dossier chrome. The
+  wrapper below is the one hook that stylesheet-side parity needs: it lets
+  assets/css/ledger/projects.css give an editor's preview the same body
+  treatment the published page has — figures, release videos, Plotly frames,
+  Mermaid diagrams and tables on the full column rather than cropped to the
+  45rem prose measure. The chrome around it still differs, deliberately: a
+  second full implementation of the masthead here would be a second thing to
+  keep in step with no way to render it.
+{%- endcomment -%}
+
+<div class="projects-studio">
+{{ content }}
+</div>