pandorga 1.2.1

data/_includes/dict-card.html

@@ -0,0 +1,24 @@
+{% if include.lemma %}
+{% assign _locale = include.locale | default: '' | strip | downcase %}
+{% assign _label = include.country | default: include.meta | default: _locale %}
+<article class="sov-card{% if _locale != '' %} sov-card--{{ _locale }}{% endif %}" role="listitem">
+  <div class="sov-card__head">
+    {% if _locale != '' %}
+    <span class="sov-card__flag" title="{{ _label | escape }}"><span class="fi fi-{{ _locale }}" role="img" aria-label="{{ _label | escape }}"></span></span>
+    {% endif %}
+    {% if include.meta and include.meta != '' %}
+    <span class="sov-card__meta">{{ include.meta | escape }}</span>
+    {% endif %}
+  </div>
+  <p class="sov-card__lemma">{{ include.lemma | escape }}</p>
+  {% if include.def and include.def != '' %}
+  <div class="sov-card__def">{{ include.def | strip | newline_to_br }}</div>
+  {% endif %}
+  {% if include.note and include.note != '' %}
+  <p class="sov-card__note">{{ include.note }}</p>
+  {% endif %}
+  {% if include.source and include.source != '' %}
+  <p class="sov-card__cite">{{ include.source | escape }}, s.v. &ldquo;{{ include.lemma | escape }},&rdquo;{% if include.url and include.url != '' %} <a href="{{ include.url }}">{% if include.link_label and include.link_label != '' %}{{ include.link_label | escape }}{% else %}{{ include.url | escape }}{% endif %}</a>{% endif %}{% if include.accessed and include.accessed != '' %}, accessed {{ include.accessed | escape }}{% endif %}.{% if include.cite_extra and include.cite_extra != '' %} {{ include.cite_extra | escape }}{% endif %}</p>
+  {% endif %}
+</article>
+{% endif %}

data/_includes/figure.html

@@ -0,0 +1,36 @@
+{% if include.src %}
+{% assign _raw_src = include.src | strip %}
+{% comment %}Pages CMS Editor mode turns bare URLs into Markdown autolinks inside attrs.{% endcomment %}
+{% if _raw_src contains '](' and _raw_src contains ')' %}
+  {% assign _src_parts = _raw_src | split: '](' %}
+  {% assign _src_tail = _src_parts | last %}
+  {% assign _href_parts = _src_tail | split: ')' %}
+  {% assign _src = _href_parts | first %}
+{% elsif _raw_src contains '<' and _raw_src contains '>' %}
+  {% assign _src = _raw_src | remove: '<' | remove: '>' %}
+{% else %}
+  {% assign _src = _raw_src %}
+{% endif %}
+<figure style="margin: 1.5rem auto; text-align: center; max-width: {% if include.width %}{{ include.width }}{% else %}100{% endif %}%;">
+  {% assign _cap = include.caption | strip %}
+  {% if _cap != "" %}
+    {% assign _last = _cap | slice: -1, 1 %}
+    {% unless _last == '.' or _last == '!' or _last == '?' %}
+      {% assign _cap = _cap | append: '.' %}
+    {% endunless %}
+  {% endif %}
+  {% assign _lb_caption = _cap %}
+  {% if include.source %}
+    {% assign _src_part = include.source | strip %}
+    {% if _lb_caption != "" %}
+      {% assign _lb_caption = _lb_caption | append: ' Source: ' | append: _src_part %}
+    {% else %}
+      {% assign _lb_caption = 'Source: ' | append: _src_part %}
+    {% endif %}
+  {% endif %}
+  <img class="figure-lightbox-trigger" src="{{ _src }}" alt="{{ include.alt | default: include.caption }}" style="max-width: 100%; border-radius: 0;" tabindex="0" role="button" aria-label="Enlarge image"{% if _lb_caption != "" %} data-lightbox-caption="{{ _lb_caption | strip_html | escape }}"{% endif %}/>
+  {% if include.caption or include.source %}
+  <figcaption>{% if _cap != "" %}{{ _cap | markdownify | remove: '<p>' | remove: '</p>' }}{% endif %}{% if include.source %} Source: {{ include.source | strip | markdownify | remove: '<p>' | remove: '</p>' }}{% endif %}</figcaption>
+  {% endif %}
+</figure>
+{% endif %}

data/_includes/home/band-index.html

@@ -0,0 +1,43 @@
+{%- comment -%}
+  Grouped index band (sources / network / bibliography). Expects `band` with
+  kind=index and a pages array from PandorgaRegistry.home_bands.
+{%- endcomment -%}
+<section
+  id="home-{{ band.group }}"
+  class="home-band home-band--contrast home-band--index"
+  data-home-band
+  data-home-kind="index"
+  data-home-group="{{ band.group }}"
+>
+  <div class="home-band-inner">
+    <div class="ledger-section-banner" data-content-home-section="{{ band.section_key }}">
+      <div class="ledger-section-lead">
+        <span class="ledger-kicker" data-content-section-kicker></span>
+        <h2 class="section-title" data-content-section-title></h2>
+        <p class="home-section-note font-body" data-content-section-note></p>
+      </div>
+    </div>
+    <div class="home-index-split">
+      {%- for panel in band.pages -%}
+      {%- assign _panel_page = site.pages | where: "key", panel.key | first -%}
+      {%- assign _panel_title = panel.title | default: _panel_page.title | default: panel.key -%}
+      {%- assign _panel_path = panel.path | default: _panel_page.url -%}
+      {%- assign _art_key = panel.key -%}
+      {%- if panel.key == "resources" -%}{%- assign _art_key = "sources" -%}{%- endif -%}
+      <article class="home-index-panel"{% if panel.template == "bibliography" %} id="home-bib-panel"{% endif %}>
+        <span class="shard-accent home-index-shard" aria-hidden="true"></span>
+        {%- if panel.template == "bibliography" -%}
+        <figure class="home-index-plate" id="home-bib-plate" hidden></figure>
+        {%- else -%}
+        <figure class="home-index-plate" data-content-band-art="{{ _art_key }}" hidden></figure>
+        {%- endif -%}
+        <h3 class="section-title home-index-title">{{ _panel_title }}</h3>
+        <a class="ledger-cta" href="{{ _panel_path }}">
+          <span>Open</span>
+          <span class="material-symbols-outlined ledger-cta-arrow" aria-hidden="true">chevron_right</span>
+        </a>
+      </article>
+      {%- endfor -%}
+    </div>
+  </div>
+</section>

data/_includes/home/band-listing.html

@@ -0,0 +1,49 @@
+{%- comment -%}
+  One homepage listing band. Expects `band` from site.data.pandorga_home_bands.
+  Markup slots are filled by the home layout script from writing_index.json.
+{%- endcomment -%}
+{%- assign _accent = band.accent -%}
+{%- assign _limit = band.home.limit | default: 3 -%}
+{%- assign _featured = band.home.featured -%}
+{%- assign _lang = band.language | default: site.pandorga.identity.locale | default: "en" -%}
+{%- assign _path = band.path -%}
+{%- assign _cta = band.home.cta | default: "View all" -%}
+{%- assign _slot_id = "home-band-" | append: band.key -%}
+<section
+  id="home-{{ band.key }}"
+  class="home-band{% if band.contrast %} home-band--contrast{% endif %}{% if _accent != blank %} page-accent--{{ _accent }}{% endif %}"
+  {% if _lang != blank %}lang="{{ _lang }}"{% endif %}
+  data-home-band
+  data-home-kind="{{ band.kind }}"
+  data-home-key="{{ band.key }}"
+  data-home-collection="{{ band.collection }}"
+  data-home-path="{{ _path }}"
+  data-home-limit="{{ _limit }}"
+  data-home-featured="{{ _featured }}"
+  data-home-language="{{ _lang }}"
+>
+  <div class="home-band-inner">
+    <div class="ledger-section-banner" data-content-home-section="{{ band.section_key }}">
+      <div class="ledger-section-lead">
+        <span class="ledger-kicker" data-content-section-kicker></span>
+        <h2 class="section-title" data-content-section-title></h2>
+        <p class="home-section-note font-body" data-content-section-note></p>
+      </div>
+      <div class="home-section-aside">
+        <a class="ledger-cta" href="{{ _path }}">
+          <span>{{ _cta }}</span>
+          <span class="material-symbols-outlined ledger-cta-arrow" aria-hidden="true">chevron_right</span>
+        </a>
+      </div>
+    </div>
+    {%- if _featured -%}
+    <div id="{{ _slot_id }}-featured" data-home-featured-slot data-tag-base="{{ _path }}"></div>
+    {%- endif -%}
+    <div
+      id="{{ _slot_id }}"
+      class="{% if band.kind == 'blog' %}home-draft-list{% elsif band.kind == 'portfolio' %}home-system-grid{% else %}home-card-grid{% endif %}"
+      data-home-list
+      data-tag-base="{{ _path }}"
+    ></div>
+  </div>
+</section>

data/_includes/mathjax.html

@@ -0,0 +1,10 @@
+<!-- MathJax configuration for Jekyll with inline math support -->
+<script>
+window.MathJax = {
+	tex: {
+		inlineMath: [['$', '$'], ['\\(', '\\)']],
+		displayMath: [['$$', '$$'], ['\\[', '\\]']]
+	}
+};
+</script>
+<script src="https://cdn.jsdelivr.net/npm/mathjax@3.2.2/es5/tex-mml-chtml.js"></script>

data/_includes/ongoing-product.html

@@ -0,0 +1 @@
+<span class="ongoing-product-badge" style="display: inline-block; padding: 0.15rem 0.5rem; background: var(--color-surface-container-low); border-radius: 0.25rem; font-size: 0.8rem; color: var(--color-on-surface-variant);">Currently active</span>

data/_includes/page/content-runtime.html

@@ -0,0 +1,20 @@
+{% include content-runtime/00-config.html %}
+<script>
+  window.ContentRuntime = (function () {
+    'use strict';
+{% include content-runtime/10-utils.html %}
+{% include content-runtime/30-includes.html %}
+{% include content-runtime/30-includes-bib.html %}
+{% include content-runtime/30-includes-xcite.html %}
+{% include content-runtime/20-markdown.html %}
+{% include content-runtime/25-code-blocks.html %}
+{% include content-runtime/50-detail.html %}
+{% include content-runtime/55-toc.html %}
+{% include content-runtime/40-listing.html %}
+{% include content-runtime/60-fragments.html %}
+{% include content-runtime/41-listing-helpers.html %}
+{% include content-runtime/42-listing-filter.html %}
+{% include content-runtime/43-blocks.html %}
+{% include content-runtime/90-bootstrap.html %}
+  })();
+</script>

data/_includes/page/date_evolution.html

@@ -0,0 +1,19 @@
+{% assign lang = include.lang | default: page.language | default: "enus" %}
+{% assign t = site.data.translations %}
+{% assign creation = include.date | default: page.date %}
+{% assign update = include.last_updated | default: page.last_updated %}
+
+<div class="date-evolution {% if include.stacked %}flex flex-col {{ include.gap | default: 'gap-1' }}{% if include.align == 'right' %} items-end{% endif %}{% else %}flex items-center gap-1{% endif %}">
+  <span title="{{ t.published[lang] }}">
+    {% if include.show_labels %}{{ t.published[lang] }}: {% endif %}
+    {% include page/formatted_date.html date=creation lang=lang %}
+  </span>
+
+  {% if update and update != creation %}
+    {% unless include.stacked %}<span class="opacity-40 mx-0.5">–</span>{% endunless %}
+    <span class="opacity-60" title="{{ t.updated[lang] }}">
+      {% if include.show_labels %}{{ t.updated[lang] }}: {% endif %}
+      {% include page/formatted_date.html date=update lang=lang %}
+    </span>
+  {% endif %}
+</div>

data/_includes/page/figure-lightbox.html

@@ -0,0 +1,102 @@
+<!-- Shared figure lightbox: one overlay per page (shell). See docs/content/elements.md -->
+<div id="figure-lightbox" class="figure-lightbox" hidden aria-hidden="true" role="dialog" aria-modal="true" aria-label="Enlarged figure">
+  <div class="figure-lightbox-backdrop" data-lightbox-close tabindex="-1"></div>
+  <div class="figure-lightbox-panel">
+    <button type="button" class="figure-lightbox-close" data-lightbox-close aria-label="Close">
+      <span class="material-symbols-outlined" aria-hidden="true">close</span>
+    </button>
+    <img class="figure-lightbox-img" alt="" />
+    <p class="figure-lightbox-caption" hidden></p>
+  </div>
+</div>
+<script>
+  (function () {
+    var root = document.getElementById('figure-lightbox');
+    if (!root) return;
+
+    var imgEl = root.querySelector('.figure-lightbox-img');
+    var captionEl = root.querySelector('.figure-lightbox-caption');
+    var closeBtn = root.querySelector('.figure-lightbox-close');
+    var lastTrigger = null;
+    var open = false;
+
+    function setOpen(isOpen) {
+      open = isOpen;
+      root.hidden = !isOpen;
+      root.setAttribute('aria-hidden', String(!isOpen));
+      document.documentElement.classList.toggle('figure-lightbox-open', isOpen);
+      document.body.classList.toggle('figure-lightbox-open', isOpen);
+    }
+
+    function closeLightbox() {
+      if (!open) return;
+      setOpen(false);
+      if (imgEl) {
+        imgEl.removeAttribute('src');
+        imgEl.alt = '';
+      }
+      if (captionEl) {
+        captionEl.textContent = '';
+        captionEl.hidden = true;
+      }
+      if (lastTrigger && typeof lastTrigger.focus === 'function') {
+        try { lastTrigger.focus(); } catch (e) { /* ignore */ }
+      }
+      lastTrigger = null;
+    }
+
+    function openLightbox(trigger) {
+      if (!trigger || !imgEl) return;
+      var src = trigger.getAttribute('src');
+      if (!src) return;
+      lastTrigger = trigger;
+      imgEl.src = src;
+      imgEl.alt = trigger.getAttribute('alt') || '';
+      var caption = trigger.getAttribute('data-lightbox-caption') || '';
+      if (captionEl) {
+        if (caption) {
+          captionEl.textContent = caption;
+          captionEl.hidden = false;
+        } else {
+          captionEl.textContent = '';
+          captionEl.hidden = true;
+        }
+      }
+      setOpen(true);
+      if (closeBtn) closeBtn.focus();
+    }
+
+    function isTrigger(el) {
+      return el && el.classList && el.classList.contains('figure-lightbox-trigger');
+    }
+
+    document.addEventListener('click', function (event) {
+      var closeTarget = event.target.closest('[data-lightbox-close]');
+      if (closeTarget && open) {
+        event.preventDefault();
+        closeLightbox();
+        return;
+      }
+      var trigger = event.target.closest('img.figure-lightbox-trigger');
+      if (isTrigger(trigger)) {
+        event.preventDefault();
+        openLightbox(trigger);
+      }
+    });
+
+    document.addEventListener('keydown', function (event) {
+      if (open && event.key === 'Escape') {
+        event.preventDefault();
+        closeLightbox();
+        return;
+      }
+      if (!open && (event.key === 'Enter' || event.key === ' ')) {
+        var trigger = event.target;
+        if (isTrigger(trigger)) {
+          event.preventDefault();
+          openLightbox(trigger);
+        }
+      }
+    });
+  })();
+</script>

data/_includes/page/formatted_date.html

@@ -0,0 +1,15 @@
+{% assign lang = include.lang | default: page.language | default: "enus" %}
+{% assign date = include.date %}
+{% if lang == "enus" %}
+  {{ date | date: "%B %-d, %Y" }}
+{% else %}
+  {% assign m_idx = date | date: "%-m" | minus: 1 %}
+  {% assign month = site.data.translations.months[lang][m_idx] %}
+  {% assign day = date | date: "%-d" %}
+  {% assign year = date | date: "%Y" %}
+  {% if lang == "ptbr" or lang == "eses" %}
+    {{ day }} de {{ month }} de {{ year }}
+  {% elsif lang == "frfr" %}
+    {{ day }} {{ month }} {{ year }}
+  {% endif %}
+{% endif %}

data/_includes/page/hero-default.html

@@ -0,0 +1,18 @@
+{% comment %}
+  Neutral hero art slot. Sites override via pandorga.home.hero_art or by
+  replacing this include. The website kite art stays outside the gem.
+{% endcomment %}
+<svg class="home-hero-art-svg" viewBox="0 0 1200 800" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
+  <defs>
+    <linearGradient id="heroDefaultGrad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="var(--color-primary, #3d4a5c)" stop-opacity="0.35"/>
+      <stop offset="100%" stop-color="var(--color-tertiary, #8a6a4a)" stop-opacity="0.2"/>
+    </linearGradient>
+  </defs>
+  <rect width="1200" height="800" fill="url(#heroDefaultGrad)"/>
+  <g fill="none" stroke="var(--color-outline, #5c6570)" stroke-opacity="0.35" stroke-width="2">
+    <path d="M120 640 L420 220 L780 220 L1080 640"/>
+    <path d="M420 220 L600 520 L780 220"/>
+    <circle cx="600" cy="360" r="48"/>
+  </g>
+</svg>

data/_includes/page/listing-runtime-attrs.html

@@ -0,0 +1,8 @@
+{%- comment -%}
+  Registry-backed listing runtime config for inline page scripts.
+  Defaults keep English platform paths when a hand-authored page omits fields.
+{%- endcomment -%}
+{%- assign listing_collection = page.collection | default: include.default_collection -%}
+{%- assign listing_path = page.listing_path | default: page.permalink | default: include.default_path -%}
+{%- assign listing_detail = page.detail | default: include.default_detail -%}
+data-listing-collection="{{ listing_collection }}" data-listing-path="{{ listing_path }}" data-listing-detail="{{ listing_detail }}"

data/_includes/page/mermaid.html

@@ -0,0 +1,101 @@
+<script type="module">
+  import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
+
+  /* Mermaid resolves its palette once, when initialize() runs, and bakes the
+     values into the SVG it emits. Reading the theme at load therefore left a
+     diagram painted in whatever palette happened to be active at that moment:
+     toggling to dark kept the light node fills and cluster backgrounds, which
+     is why diagrams showed pale blocks on a dark page. The palette is re-read
+     and the diagrams re-rendered whenever the theme changes. */
+
+  function themeFont() {
+    var value = getComputedStyle(document.documentElement).getPropertyValue('--font-sans').trim();
+    return value || "'Lato', sans-serif";
+  }
+
+  function themeColor(name, fallback) {
+    var value = getComputedStyle(document.documentElement).getPropertyValue('--color-' + name).trim();
+    return value || fallback;
+  }
+
+  function config() {
+    return {
+      startOnLoad: false,
+      theme: 'base',
+      darkMode: document.documentElement.getAttribute('data-theme') === 'dark',
+      themeVariables: {
+        fontFamily: themeFont(),
+        background: themeColor('background', '#ffffff'),
+        mainBkg: themeColor('surface', '#f1f1ef'),
+        primaryColor: themeColor('surface', '#f1f1ef'),
+        primaryTextColor: themeColor('on-surface', '#1b1c15'),
+        primaryBorderColor: themeColor('outline-variant', '#c4ccc6'),
+        secondaryColor: themeColor('panel-contrast', '#f7f7f5'),
+        secondaryTextColor: themeColor('on-surface', '#1b1c15'),
+        secondaryBorderColor: themeColor('outline-variant', '#c4ccc6'),
+        tertiaryColor: themeColor('surface-high', '#e8e8e4'),
+        tertiaryTextColor: themeColor('on-surface', '#1b1c15'),
+        tertiaryBorderColor: themeColor('outline-variant', '#c4ccc6'),
+        lineColor: themeColor('outline', '#6b7569'),
+        textColor: themeColor('on-surface', '#1b1c15'),
+        nodeBorder: themeColor('outline-variant', '#c4ccc6'),
+        nodeTextColor: themeColor('on-surface', '#1b1c15'),
+        clusterBkg: themeColor('panel-contrast', '#f7f7f5'),
+        clusterBorder: themeColor('outline-variant', '#c4ccc6'),
+        titleColor: themeColor('on-surface', '#1b1c15'),
+        edgeLabelBackground: themeColor('background', '#ffffff'),
+        labelBackground: themeColor('background', '#ffffff'),
+        labelTextColor: themeColor('on-surface', '#1b1c15'),
+        fontSize: '14px'
+      },
+      flowchart: {
+        diagramPadding: 16,
+        padding: 16,
+        subGraphTitleMargin: { top: 8, bottom: 0 }
+      }
+    };
+  }
+
+  /* Kramdown renders ```mermaid as <pre><code class="language-mermaid">.
+     Convert those to <div class="mermaid"> so Mermaid can process them. The
+     source is kept on the node so the diagram can be drawn again from scratch
+     after a theme change, since rendering replaces the text with an SVG. */
+  function collect() {
+    document.querySelectorAll('pre code.language-mermaid').forEach(function (code) {
+      var div = document.createElement('div');
+      div.className = 'mermaid';
+      div.textContent = code.textContent;
+      div.dataset.mermaidSource = code.textContent;
+      code.closest('pre').replaceWith(div);
+    });
+    return Array.from(document.querySelectorAll('.mermaid'));
+  }
+
+  async function draw(nodes) {
+    if (!nodes.length) return;
+    mermaid.initialize(config());
+    try {
+      await mermaid.run({ nodes: nodes });
+    } catch (error) {
+      console.error('Mermaid render failed', error);
+    }
+  }
+
+  var nodes = collect();
+  nodes.forEach(function (node) {
+    if (!node.dataset.mermaidSource) node.dataset.mermaidSource = node.textContent;
+  });
+  draw(nodes);
+
+  document.addEventListener('shell-theme-change', function () {
+    var existing = Array.from(document.querySelectorAll('.mermaid'));
+    if (!existing.length) return;
+    existing.forEach(function (node) {
+      if (!node.dataset.mermaidSource) return;
+      node.removeAttribute('data-processed');
+      node.innerHTML = '';
+      node.textContent = node.dataset.mermaidSource;
+    });
+    draw(existing);
+  });
+</script>