pandorga 1.7.0 → 1.7.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/CHANGELOG.md +50 -0
- data/DESIGN.md +9 -9
- data/_data/themes/dark.yml +2 -1
- data/_includes/content-runtime/30-includes.html +1 -1
- data/_includes/content-runtime/43-blocks.html +1 -1
- data/_includes/content-runtime/50-detail.html +5 -5
- data/_includes/content-runtime/60-fragments.html +3 -3
- data/_includes/page/network-graph.html +2 -2
- data/_includes/page/page-header.html +3 -1
- data/_includes/page/site-footer.html +2 -2
- data/_includes/theme/json-ld.html +35 -2
- data/_layouts/articles.html +1 -1
- data/_layouts/projects.html +2 -2
- data/_layouts/resources.html +1 -1
- data/_layouts/shell.html +4 -4
- data/_layouts/text.html +4 -4
- data/_plugins/lib/writing_entry.rb +1 -1
- data/_plugins/local_detail_rewrites.rb +10 -1
- data/assets/css/article.css +3 -3
- data/assets/css/base.css +0 -79
- data/assets/css/global-link.css +0 -1
- data/assets/css/ledger/chrome.css +1 -1
- data/assets/css/ledger/cv.css +1 -1
- data/assets/css/ledger/detail.css +1 -1
- data/assets/css/ledger/footer.css +1 -1
- data/assets/css/ledger/home.css +13 -42
- data/assets/css/ledger/projects.css +2 -2
- data/assets/css/ledger/sources.css +3 -3
- data/assets/css/ledger/writing.css +1 -1
- data/lib/pandorga/detail_routes.rb +29 -0
- data/lib/pandorga/jekyll/plugins/detail_documents.rb +154 -0
- data/lib/pandorga/jekyll/plugins/lib/writing_entry.rb +1 -1
- data/lib/pandorga/jekyll/plugins/local_detail_rewrites.rb +10 -1
- data/lib/pandorga/version.rb +1 -1
- data/scripts/content/export-content-json.rb +1 -1
- data/scripts/test/render-parity/load-runtime.mjs +1 -1
- data/scripts/test/test-css-structure.rb +20 -0
- data/scripts/test/test-discovery.rb +36 -0
- data/scripts/test/test-examples-build.rb +90 -0
- data/scripts/test/test-fonts.rb +14 -0
- data/scripts/test/test-hero-portraits.mjs +12 -2
- data/scripts/test/test-hero-portraits.rb +12 -4
- data/scripts/test/test-lighthouse-policy.rb +4 -0
- data/scripts/test/test-listing-filter-contract.rb +1 -1
- data/scripts/test/test-shell-a11y.rb +27 -0
- data/scripts/test/test-theme-contrast.rb +43 -0
- data/scripts/validate.sh +6 -0
- metadata +4 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 13bf0047d336a1cfa896a02c88b8bcb172175c564d922474bf65136b113db106
|
|
4
|
+
data.tar.gz: e146ecadc0250a2315ab17b887a8b2425d9c7ded47cfc0f45c6a3ee1bc0edc6d
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: e5ccb2966deff68f8c3292f997cd39980024e47eeaab2e756f74d193e03ff6b40fd5f235c51fc30a69277057c31350246451004b25f1086df24a163efd45c777
|
|
7
|
+
data.tar.gz: df67d8c8be5fd84ffca3abde105d4b05e6c76030e9e1d45f9e26c6dfdb1722a2ecd82ba55a4b9d699a73f1dacd5bc5999402d1ae7f60f727bee5a8058f7f1c16
|
data/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,55 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [1.7.2] — 2026-10-11
|
|
4
|
+
|
|
5
|
+
### Fixed
|
|
6
|
+
|
|
7
|
+
- A published article, post, project, or product is a static page at its
|
|
8
|
+
public URL. The sitemap lists that URL. The static canonical and
|
|
9
|
+
`og:url` are the detail path, and `data-listing-path` stays the
|
|
10
|
+
listing. Articles emit `Article` JSON-LD. Posts emit `BlogPosting`.
|
|
11
|
+
- The build writes `_redirects` into the output and drops the splat 200
|
|
12
|
+
lines that sent those URLs back to the listing shell. The source file
|
|
13
|
+
is unchanged. Publish the built file.
|
|
14
|
+
- A listing page's static `<h1>` is the title from
|
|
15
|
+
`content/pages/headers.yml`, or the page title. It is not the word
|
|
16
|
+
Loading.
|
|
17
|
+
- The top bar is a `<header>`. The section links are one
|
|
18
|
+
`<nav aria-label="Sections">` inside it.
|
|
19
|
+
- Dark theme text on the tertiary container is `#ebe7c3` on `#6a684f`
|
|
20
|
+
(4.52:1). The container colour is unchanged.
|
|
21
|
+
- The hero portrait gate crops the runtime through `pickHeroPortrait`.
|
|
22
|
+
|
|
23
|
+
No `pandorga:` config keys were added or renamed. Font roles and the
|
|
24
|
+
ledger fallbacks are unchanged.
|
|
25
|
+
|
|
26
|
+
## [1.7.1] — 2026-10-11
|
|
27
|
+
|
|
28
|
+
### Fixed
|
|
29
|
+
|
|
30
|
+
- Decorative Material Symbols beside a label no longer expose the ligature
|
|
31
|
+
(`arrow_left_alt`, `shuffle`, a contact icon, a missing-media mark).
|
|
32
|
+
The public detail path and the private layout agree. Nine spans.
|
|
33
|
+
- The shell published two `og:image` properties. The second meta element
|
|
34
|
+
carried both `name="image"` and `property="og:image"`. `name="image"`
|
|
35
|
+
stays on its own element, so a page has one Open Graph image.
|
|
36
|
+
|
|
37
|
+
### Changed
|
|
38
|
+
|
|
39
|
+
- Unused ledger selectors are gone. `assets/css/base.css` drops 2,041
|
|
40
|
+
bytes: `.page-title` (404), `.ledger-marker--primary` (616),
|
|
41
|
+
`.ledger-card--edge-*` (462), and `.ledger-section-rule` (559).
|
|
42
|
+
`assets/css/ledger/home.css` drops 577 bytes of rules that no band
|
|
43
|
+
uses: `.home-band--ruled` (310), `.home-index-shard--gamma` (163),
|
|
44
|
+
and `.home-index-note` (104). `assets/css/global-link.css` drops the
|
|
45
|
+
`.post-content` hover selector (23 bytes). None of them matched a
|
|
46
|
+
template, the runtime, or current content. 2,641 bytes in all.
|
|
47
|
+
- Comments that a font rename had rewritten, eating the letters inside
|
|
48
|
+
the word "behind", read "behind" again. 45 occurrences in 21 files.
|
|
49
|
+
|
|
50
|
+
No `pandorga:` config keys were added or renamed. Font roles and the
|
|
51
|
+
ledger fallbacks are unchanged.
|
|
52
|
+
|
|
3
53
|
## [1.7.0] — 2026-10-10
|
|
4
54
|
|
|
5
55
|
### Added
|
data/DESIGN.md
CHANGED
|
@@ -436,7 +436,7 @@ motion:
|
|
|
436
436
|
mediaFilter: "0.4s ease"
|
|
437
437
|
mediaTransform: ["0.6s ease", "0.7s ease"]
|
|
438
438
|
lightbox: ["160ms ease-out", "180ms ease-out"]
|
|
439
|
-
readingProgress: "scroll(root block) timeline,
|
|
439
|
+
readingProgress: "scroll(root block) timeline, behind @supports"
|
|
440
440
|
reducedMotion: "5 rules — see Motion below"
|
|
441
441
|
---
|
|
442
442
|
|
|
@@ -568,7 +568,7 @@ mix — and on the article detail view.
|
|
|
568
568
|
|
|
569
569
|
`renderPosterMedia` extends the rule to runtime failure: a thumbnail that
|
|
570
570
|
404s removes its own `.ledger-poster` wrapper via an inline `onerror`, so a
|
|
571
|
-
dead third-party image leaves no empty plate
|
|
571
|
+
dead third-party image leaves no empty plate behind.
|
|
572
572
|
|
|
573
573
|
### Where the library is not yet the only source
|
|
574
574
|
|
|
@@ -972,7 +972,7 @@ Letter-spacing in use, by frequency: `0.1em` (12), `0.08em` (10), `0.12em` (7),
|
|
|
972
972
|
table of contents appears in that sidebar only from `1024px`; below it, the
|
|
973
973
|
same list is mounted as a `<details>` disclosure instead. A 2px `primary`
|
|
974
974
|
reading-progress bar is drawn on a pseudo-element of the detail section with
|
|
975
|
-
`animation-timeline: scroll(root block)`,
|
|
975
|
+
`animation-timeline: scroll(root block)`, behind an `@supports` guard, so
|
|
976
976
|
engines without scroll-driven animation simply get no bar.
|
|
977
977
|
* **CV.** A `panelContrast` dossier band with two shards, then five
|
|
978
978
|
`.cv-register` sections and a timeline band. Each register is a 3/9 grid at
|
|
@@ -1035,7 +1035,7 @@ linear` on the reading-progress bar, where the duration is a placeholder that
|
|
|
1035
1035
|
`animation-timeline: scroll(root block)` overrides.
|
|
1036
1036
|
|
|
1037
1037
|
**Scroll-driven animation** is new: the reading-progress bar in
|
|
1038
|
-
`ledger/detail.css` uses `animation-timeline: scroll(root block)`
|
|
1038
|
+
`ledger/detail.css` uses `animation-timeline: scroll(root block)` behind an
|
|
1039
1039
|
`@supports` guard, with a 1ms `linear` animation scaling a fixed 2px `primary`
|
|
1040
1040
|
bar from 0 to 1.
|
|
1041
1041
|
|
|
@@ -1117,7 +1117,7 @@ everything else, so the query catches them too.
|
|
|
1117
1117
|
carries both class names, so any media query that repositions the pair has to
|
|
1118
1118
|
restate the base rule's `auto` offsets on the beta: leave all four set and
|
|
1119
1119
|
the browser resolves to top and left, and the pair collapses into one corner.
|
|
1120
|
-
And a shard
|
|
1120
|
+
And a shard behind an opaque plate is a shard nobody sees, which is why the
|
|
1121
1121
|
home featured pair goes around its poster rather than across the card.
|
|
1122
1122
|
|
|
1123
1123
|
On the writing index the shard was for a long time written to stand down
|
|
@@ -1152,7 +1152,7 @@ everything else, so the query catches them too.
|
|
|
1152
1152
|
`overflow: hidden` and lifts its content clear with `position: relative;
|
|
1153
1153
|
z-index: 1`. The filter decks and `.rascunhos-pagination` are plain
|
|
1154
1154
|
`panelContrast` strips. `.home-hero-plate` and `.home-graph-plate` sit a rung
|
|
1155
|
-
lower, on `surfaceCard`,
|
|
1155
|
+
lower, on `surfaceCard`, behind a `gentleSubtle` hairline.
|
|
1156
1156
|
|
|
1157
1157
|
### Filter deck
|
|
1158
1158
|
|
|
@@ -1311,11 +1311,11 @@ as enforced by [`_plugins/lib/tag_validator.rb`](_plugins/lib/tag_validator.rb):
|
|
|
1311
1311
|
mixes `--color-primary` at 40% into the border — the reference mockup's
|
|
1312
1312
|
"hairline transitions to warm antique brass at 40%", made accent-aware).
|
|
1313
1313
|
One sanctioned exception, added 2026-09: a wide, very low opacity accent
|
|
1314
|
-
pool sits *
|
|
1314
|
+
pool sits *behind* a band. It is a backdrop, not a content effect — no card,
|
|
1315
1315
|
panel or row gains a glow, and the pool is blurred past any visible edge so
|
|
1316
1316
|
it reads as ambient light in the room rather than as a shape. Three of them
|
|
1317
1317
|
ship: the home hero at 7% (`.home-band--hero::before`), the home Sources and
|
|
1318
|
-
Network band at 5% (`.home-band--index::before`), and one
|
|
1318
|
+
Network band at 5% (`.home-band--index::before`), and one behind the Network
|
|
1319
1319
|
of Ideas graph at 7%, whose centre and width are read off the settled D3
|
|
1320
1320
|
layout rather than fixed (`assets/css/ledger/network.css`).
|
|
1321
1321
|
|
|
@@ -1418,7 +1418,7 @@ them.
|
|
|
1418
1418
|
buttons, `shadow-sm`, and a `bg-gradient-to-b from-primary
|
|
1419
1419
|
to-primary-container` fill — three of the system's rules broken on one
|
|
1420
1420
|
page.
|
|
1421
|
-
11. **Navigation is still fully hidden.** A rich, deep site sits
|
|
1421
|
+
11. **Navigation is still fully hidden.** A rich, deep site sits behind one
|
|
1422
1422
|
hamburger at every breakpoint, so its structure is invisible on arrival.
|
|
1423
1423
|
This survived the redesign untouched.
|
|
1424
1424
|
12. **Tailwind runs from the Play CDN in production**
|
data/_data/themes/dark.yml
CHANGED
|
@@ -13,7 +13,8 @@ colors:
|
|
|
13
13
|
tertiary_container: "#6a684f"
|
|
14
14
|
on_primary_container: "#c0d8e6"
|
|
15
15
|
on_secondary_container: "#b5d9c2"
|
|
16
|
-
|
|
16
|
+
# #e8e4c0 on #6a684f was 4.40:1. Three steps lighter clears 4.5:1.
|
|
17
|
+
on_tertiary_container: "#ebe7c3"
|
|
17
18
|
chart_project: "#98c8ac"
|
|
18
19
|
|
|
19
20
|
neutrals:
|
|
@@ -194,7 +194,7 @@
|
|
|
194
194
|
}
|
|
195
195
|
|
|
196
196
|
function placeholderHtml() {
|
|
197
|
-
return '<div class="w-full h-full flex items-center justify-center opacity-30"><span class="material-symbols-outlined text-5xl">article</span></div>';
|
|
197
|
+
return '<div class="w-full h-full flex items-center justify-center opacity-30"><span class="material-symbols-outlined text-5xl" aria-hidden="true">article</span></div>';
|
|
198
198
|
}
|
|
199
199
|
|
|
200
200
|
function normalizeDataPath(path, fallbackPrefix) {
|
|
@@ -317,7 +317,7 @@
|
|
|
317
317
|
'<img src="', escapeAttr(url), '" alt="', escapeAttr(alt || ''),
|
|
318
318
|
'" loading="lazy" decoding="async"',
|
|
319
319
|
// Thumbnails are frequently hotlinked to third-party hosts. When one
|
|
320
|
-
// dies, remove the frame rather than leaving an empty plate
|
|
320
|
+
// dies, remove the frame rather than leaving an empty plate behind.
|
|
321
321
|
' onerror="var p=this.closest(\'.ledger-poster\'); if (p) p.remove();"',
|
|
322
322
|
'>',
|
|
323
323
|
'</div>'
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
/* The page accent, not a fixed triad role: this glyph marks a
|
|
13
13
|
project, and the projects page reads blue. text-secondary pinned
|
|
14
14
|
it green there regardless. */
|
|
15
|
-
parts.push('<span class="material-symbols-outlined text-5xl md:text-6xl text-primary mb-4 block leading-none">' + escapeHtml(fm.icon) + '</span>');
|
|
15
|
+
parts.push('<span class="material-symbols-outlined text-5xl md:text-6xl text-primary mb-4 block leading-none" aria-hidden="true">' + escapeHtml(fm.icon) + '</span>');
|
|
16
16
|
}
|
|
17
17
|
parts.push('<h1 class="text-title">' + escapeHtml(title) + '</h1>');
|
|
18
18
|
if (fm.layout === 'post' && fm.thumbnail) {
|
|
@@ -416,7 +416,7 @@
|
|
|
416
416
|
'<a href="', escapeAttr(options.backUrl || '#'), '" ',
|
|
417
417
|
'class="back-link text-sm font-label inline-flex items-center gap-2 no-underline hover:underline text-primary mb-8 block" ',
|
|
418
418
|
'id="', escapeAttr(options.id || 'runtime-back-link'), '">',
|
|
419
|
-
'<span class="material-symbols-outlined text-sm">arrow_left_alt</span>',
|
|
419
|
+
'<span class="material-symbols-outlined text-sm" aria-hidden="true">arrow_left_alt</span>',
|
|
420
420
|
escapeHtml(label),
|
|
421
421
|
'</a>'
|
|
422
422
|
].join('');
|
|
@@ -429,7 +429,7 @@
|
|
|
429
429
|
if (options.previousUrl) {
|
|
430
430
|
parts.push(
|
|
431
431
|
'<a href="', escapeAttr(options.previousUrl), '">',
|
|
432
|
-
'<span class="material-symbols-outlined text-sm">arrow_left_alt</span>',
|
|
432
|
+
'<span class="material-symbols-outlined text-sm" aria-hidden="true">arrow_left_alt</span>',
|
|
433
433
|
escapeHtml(translate('previous_text', lang)),
|
|
434
434
|
'</a>'
|
|
435
435
|
);
|
|
@@ -441,14 +441,14 @@
|
|
|
441
441
|
parts.push(
|
|
442
442
|
'<a href="', escapeAttr(options.nextUrl), '">',
|
|
443
443
|
escapeHtml(translate('next_text', lang)),
|
|
444
|
-
'<span class="material-symbols-outlined text-sm">arrow_right_alt</span>',
|
|
444
|
+
'<span class="material-symbols-outlined text-sm" aria-hidden="true">arrow_right_alt</span>',
|
|
445
445
|
'</a>'
|
|
446
446
|
);
|
|
447
447
|
} else if (options.showRandom) {
|
|
448
448
|
parts.push(
|
|
449
449
|
'<a href="#" id="random-post-link">',
|
|
450
450
|
escapeHtml(translate('random_text', lang)),
|
|
451
|
-
'<span class="material-symbols-outlined text-sm">shuffle</span>',
|
|
451
|
+
'<span class="material-symbols-outlined text-sm" aria-hidden="true">shuffle</span>',
|
|
452
452
|
'</a>'
|
|
453
453
|
);
|
|
454
454
|
} else {
|
|
@@ -264,7 +264,7 @@
|
|
|
264
264
|
var standfirstEl = root.querySelector('[data-content-header-standfirst]');
|
|
265
265
|
return loadPageHeaders().then(function (headers) {
|
|
266
266
|
var data = headers[pageKey];
|
|
267
|
-
if (titleEl) {
|
|
267
|
+
if (titleEl && !titleEl.hasAttribute('data-content-static')) {
|
|
268
268
|
var title = data && data.title;
|
|
269
269
|
if (title) {
|
|
270
270
|
titleEl.innerHTML = stripSingleParagraph(parseInlineMarkdown(String(title)));
|
|
@@ -299,7 +299,7 @@
|
|
|
299
299
|
}
|
|
300
300
|
}).catch(function (error) {
|
|
301
301
|
console.error(error);
|
|
302
|
-
if (titleEl) {
|
|
302
|
+
if (titleEl && !titleEl.hasAttribute('data-content-static')) {
|
|
303
303
|
titleEl.textContent = 'Page header could not be loaded right now.';
|
|
304
304
|
}
|
|
305
305
|
});
|
|
@@ -461,7 +461,7 @@
|
|
|
461
461
|
'<a href="', escapeAttr(href), '"', targetRel,
|
|
462
462
|
' class="group flex h-full items-center gap-3 no-underline">',
|
|
463
463
|
'<div class="w-12 h-12 rounded-[9999px] bg-surface-container-highest flex items-center justify-center group-hover:bg-primary-container transition-colors">',
|
|
464
|
-
'<span class="material-symbols-outlined text-on-surface group-hover:text-on-primary-container">',
|
|
464
|
+
'<span class="material-symbols-outlined text-on-surface group-hover:text-on-primary-container" aria-hidden="true">',
|
|
465
465
|
escapeHtml(contact.icon || ''),
|
|
466
466
|
'</span></div><div>',
|
|
467
467
|
'<span class="block marginalia text-tertiary">',
|
|
@@ -723,7 +723,7 @@
|
|
|
723
723
|
settled layout in placePool() below.
|
|
724
724
|
|
|
725
725
|
Drawn inside the SVG because the canvas rectangle above is opaque
|
|
726
|
-
and would cover anything
|
|
726
|
+
and would cover anything behind it, and between that rectangle and
|
|
727
727
|
the zoom group so it stays a backdrop: every edge, mark and label is
|
|
728
728
|
painted over it. It sits in screen space rather than in graph space,
|
|
729
729
|
like the hover card, so the blur is the same 60px at every
|
|
@@ -1182,7 +1182,7 @@
|
|
|
1182
1182
|
}
|
|
1183
1183
|
|
|
1184
1184
|
/* Screen space, like the hover card: the pools track their clusters
|
|
1185
|
-
under panning and scale with the zoom, but the blur
|
|
1185
|
+
under panning and scale with the zoom, but the blur behind them stays
|
|
1186
1186
|
the same 60px at every magnification instead of dissolving as the
|
|
1187
1187
|
reader pulls back. */
|
|
1188
1188
|
function placePool() {
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
{% assign _header_key = include.key | default: page.key %}
|
|
2
|
+
{% assign _header_record = site.data.page_headers[_header_key] %}
|
|
3
|
+
{% assign _header_title = _header_record.title | default: page.title | default: _header_key %}
|
|
2
4
|
|
|
3
5
|
<header class="{{ include.header_class | default: 'mb-10 md:mb-12' }}" data-content-page-header="{{ _header_key }}">
|
|
4
6
|
<div class="page-header-row{% if include.listing_filter %} page-header-row--with-filter{% endif %}">
|
|
@@ -6,7 +8,7 @@
|
|
|
6
8
|
<span data-content-header-eyebrow class="{{ include.eyebrow_class | default: 'font-label text-sm text-secondary block mb-4 hidden' }}" hidden></span>
|
|
7
9
|
|
|
8
10
|
<h1 class="page-header-title font-title{% if include.title_class %} {{ include.title_class }}{% endif %}">
|
|
9
|
-
<span data-content-header-title class="italic">
|
|
11
|
+
<span data-content-header-title class="italic"{% if _header_title != blank %} data-content-static{% endif %}>{% if _header_title contains "*" %}{% assign _header_bits = _header_title | split: "*" %}{% for _header_bit in _header_bits %}{% assign _header_em = forloop.index0 | modulo: 2 %}{% if _header_em == 1 %}<em>{{ _header_bit | escape }}</em>{% else %}{{ _header_bit | escape }}{% endif %}{% endfor %}{% else %}{{ _header_title | escape }}{% endif %}</span>
|
|
10
12
|
</h1>
|
|
11
13
|
|
|
12
14
|
<span data-content-header-tags class="{{ include.tags_class | default: 'page-header-tags font-label text-tertiary mt-4 block hidden' }}" hidden></span>
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
Five of the six mockups draw the same footer: a wide masthead, a colophon
|
|
6
6
|
with a typeset line, an index of external repositories, and a mono imprint
|
|
7
7
|
carrying coordinates and an edition number. Almost none of that has a field
|
|
8
|
-
|
|
8
|
+
behind it. What is left after the hard rule is three blocks over one
|
|
9
9
|
imprint, and every one of them reads a value that already exists:
|
|
10
10
|
|
|
11
11
|
Masthead site.author + the home hero catch phrase
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
Imprint site.author + site.content_license
|
|
15
15
|
|
|
16
16
|
A colophon block naming the four type roles was added and then removed at
|
|
17
|
-
the owner's request: the faces did have a field
|
|
17
|
+
the owner's request: the faces did have a field behind them, but the line
|
|
18
18
|
was not wanted in the footer. The mockup's edition number, paper stock and
|
|
19
19
|
press note have no field at all and were never drawn.
|
|
20
20
|
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
{%- comment -%}
|
|
2
|
-
WebSite and Person from identity.
|
|
3
|
-
|
|
2
|
+
WebSite and Person from identity. A detail page with schema_type
|
|
3
|
+
Article or BlogPosting also emits that type. No new required keys:
|
|
4
|
+
name is already required, and url is the existing optional canonical
|
|
5
|
+
origin.
|
|
4
6
|
{%- endcomment -%}
|
|
5
7
|
{%- assign ld_name = site.pandorga.identity.name | default: site.author | default: site.title -%}
|
|
6
8
|
{%- assign ld_url = site.pandorga.identity.url | default: site.url -%}
|
|
@@ -9,6 +11,37 @@
|
|
|
9
11
|
{%- else -%}
|
|
10
12
|
{%- assign ld_website = "/" | absolute_url -%}
|
|
11
13
|
{%- endif -%}
|
|
14
|
+
{%- assign ld_canonical = canonical_path | default: page.canonical_url | default: page.url -%}
|
|
15
|
+
{%- if page.schema_type == "Article" or page.schema_type == "BlogPosting" -%}
|
|
16
|
+
{%- if page.title != blank -%}
|
|
17
|
+
<script type="application/ld+json">
|
|
18
|
+
{
|
|
19
|
+
"@context": "https://schema.org",
|
|
20
|
+
"@type": {{ page.schema_type | jsonify }},
|
|
21
|
+
"headline": {{ page.title | jsonify }},
|
|
22
|
+
"url": {{ ld_canonical | absolute_url | jsonify }}
|
|
23
|
+
{%- if page.description != blank -%},
|
|
24
|
+
"description": {{ page.description | jsonify }}
|
|
25
|
+
{%- endif -%}
|
|
26
|
+
{%- if page.date -%},
|
|
27
|
+
"datePublished": {{ page.date | date_to_xmlschema | jsonify }}
|
|
28
|
+
{%- endif -%}
|
|
29
|
+
{%- if page.last_updated -%},
|
|
30
|
+
"dateModified": {{ page.last_updated | date_to_xmlschema | jsonify }}
|
|
31
|
+
{%- endif -%}
|
|
32
|
+
{%- if page.lang -%},
|
|
33
|
+
"inLanguage": {{ page.lang | jsonify }}
|
|
34
|
+
{%- endif -%}
|
|
35
|
+
{%- if ld_name != blank -%},
|
|
36
|
+
"author": {
|
|
37
|
+
"@type": "Person",
|
|
38
|
+
"name": {{ ld_name | jsonify }}
|
|
39
|
+
}
|
|
40
|
+
{%- endif -%}
|
|
41
|
+
}
|
|
42
|
+
</script>
|
|
43
|
+
{%- endif -%}
|
|
44
|
+
{%- endif -%}
|
|
12
45
|
{%- if ld_name != blank -%}
|
|
13
46
|
<script type="application/ld+json">
|
|
14
47
|
{
|
data/_layouts/articles.html
CHANGED
|
@@ -327,7 +327,7 @@ layout: shell
|
|
|
327
327
|
/* Lead panel. Binds title, date, revision, tags, description and the
|
|
328
328
|
* thumbnail — the same strip as the rows below it, language pill included
|
|
329
329
|
* in the omission. The mockup's topology figure, its DOI/arXiv line and its
|
|
330
|
-
* "Critical Notes" list have no field
|
|
330
|
+
* "Critical Notes" list have no field behind them, so none is rendered.
|
|
331
331
|
*
|
|
332
332
|
* The panel reads down the left and stops on the action: kicker, ledger
|
|
333
333
|
* line, title, summary, tags, then "Read article" — with the plate holding
|
data/_layouts/projects.html
CHANGED
|
@@ -102,7 +102,7 @@ layout: shell
|
|
|
102
102
|
|
|
103
103
|
/* ── Field readers ──────────────────────────────────────────────────
|
|
104
104
|
Each returns '' when its field is unset, so an absent field drops the
|
|
105
|
-
element rather than leaving a placeholder
|
|
105
|
+
element rather than leaving a placeholder behind. */
|
|
106
106
|
|
|
107
107
|
function projectName(item) {
|
|
108
108
|
var fm = item.front_matter || {};
|
|
@@ -297,7 +297,7 @@ layout: shell
|
|
|
297
297
|
|
|
298
298
|
/* Closing ledger. One row per repository that front matter actually
|
|
299
299
|
names — five of seven today. The mockup's licence stamp, spec download
|
|
300
|
-
and commit hashes have nothing
|
|
300
|
+
and commit hashes have nothing behind them and are not drawn. */
|
|
301
301
|
function renderRepositories(items) {
|
|
302
302
|
var rows = items.filter(function (item) {
|
|
303
303
|
return (item.front_matter || {}).github;
|
data/_layouts/resources.html
CHANGED
|
@@ -173,7 +173,7 @@ layout: shell
|
|
|
173
173
|
|
|
174
174
|
/* The four facets a source is filed under: what it is, how it is
|
|
175
175
|
classified, what language it speaks, and where it speaks from. Each
|
|
176
|
-
renders only when the field
|
|
176
|
+
renders only when the field behind it is populated, so a source missing
|
|
177
177
|
a category shows three chips and no gap where the fourth would be. */
|
|
178
178
|
function renderFacets(fm, medium) {
|
|
179
179
|
var chips = [
|
data/_layouts/shell.html
CHANGED
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
{% assign og_image_type = "image/png" %}
|
|
48
48
|
{% endif %}
|
|
49
49
|
<meta property="og:image" content="{{ og_image_url }}" />
|
|
50
|
-
<meta name="image"
|
|
50
|
+
<meta name="image" content="{{ og_image_url }}" />
|
|
51
51
|
<meta property="og:image:width" content="1200" />
|
|
52
52
|
<meta property="og:image:height" content="630" />
|
|
53
53
|
<meta property="og:image:type" content="{{ og_image_type }}" />
|
|
@@ -211,8 +211,8 @@
|
|
|
211
211
|
|
|
212
212
|
{% assign _all_pages = site.pages %}
|
|
213
213
|
|
|
214
|
-
<!-- TopNavBar -->
|
|
215
|
-
<
|
|
214
|
+
<!-- TopNavBar. The bar is the banner landmark. The section links are the only nav inside it. -->
|
|
215
|
+
<header class="sticky top-0 z-50 bg-surface">
|
|
216
216
|
<div class="flex justify-between items-center w-full px-6 sm:px-8 md:px-10 pt-5 pb-3.5 leading-none max-w-7xl mx-auto">
|
|
217
217
|
<div class="flex items-center gap-3 sm:gap-4 min-w-0">
|
|
218
218
|
<a href="/" aria-label="{% if _home_label != blank %}{{ _home_label }} – Home{% else %}Home{% endif %}" class="shrink-0 inline-flex items-center gap-3 site-wordmark-link">
|
|
@@ -279,7 +279,7 @@
|
|
|
279
279
|
</div>
|
|
280
280
|
<!-- Tonal separator — "No-Line" design rule: background-color shift instead of a CSS border -->
|
|
281
281
|
<div class="bg-surface-container-low h-[1px]"></div>
|
|
282
|
-
</
|
|
282
|
+
</header>
|
|
283
283
|
<script>
|
|
284
284
|
(function () {
|
|
285
285
|
var wrap = document.getElementById('site-menu');
|
data/_layouts/text.html
CHANGED
|
@@ -69,7 +69,7 @@ layout: shell
|
|
|
69
69
|
{% if page.collection == "posts" or page.collection == "articles" or page.layout == "product" or page.layout == "project" %}
|
|
70
70
|
<div class="article-sidebar-heading mb-8">
|
|
71
71
|
{% if page.icon %}
|
|
72
|
-
<span class="material-symbols-outlined text-5xl md:text-6xl text-secondary mb-4 block leading-none">{{ page.icon }}</span>
|
|
72
|
+
<span class="material-symbols-outlined text-5xl md:text-6xl text-secondary mb-4 block leading-none" aria-hidden="true">{{ page.icon }}</span>
|
|
73
73
|
{% endif %}
|
|
74
74
|
<h1 class="text-title">{{ page.title }}</h1>
|
|
75
75
|
{% if page.collection == "posts" and page.thumbnail %}
|
|
@@ -202,7 +202,7 @@ layout: shell
|
|
|
202
202
|
<nav class="text-page-nav text-reading-column w-full" aria-label="Article navigation">
|
|
203
203
|
{% if page.previous %}
|
|
204
204
|
<a href="{{ page.previous.url }}">
|
|
205
|
-
<span class="material-symbols-outlined text-sm">arrow_left_alt</span>
|
|
205
|
+
<span class="material-symbols-outlined text-sm" aria-hidden="true">arrow_left_alt</span>
|
|
206
206
|
{{ t.previous_text[lang] }}
|
|
207
207
|
</a>
|
|
208
208
|
{% else %}
|
|
@@ -211,12 +211,12 @@ layout: shell
|
|
|
211
211
|
{% if page.next %}
|
|
212
212
|
<a href="{{ page.next.url }}">
|
|
213
213
|
{{ t.next_text[lang] }}
|
|
214
|
-
<span class="material-symbols-outlined text-sm">arrow_right_alt</span>
|
|
214
|
+
<span class="material-symbols-outlined text-sm" aria-hidden="true">arrow_right_alt</span>
|
|
215
215
|
</a>
|
|
216
216
|
{% elsif page.collection == "posts" %}
|
|
217
217
|
<a href="#" id="random-post-link">
|
|
218
218
|
{{ t.random_text[lang] }}
|
|
219
|
-
<span class="material-symbols-outlined text-sm">shuffle</span>
|
|
219
|
+
<span class="material-symbols-outlined text-sm" aria-hidden="true">shuffle</span>
|
|
220
220
|
</a>
|
|
221
221
|
{% else %}
|
|
222
222
|
<span></span>
|
|
@@ -15,7 +15,7 @@ require_relative "text_excerpt"
|
|
|
15
15
|
# (standalone, for scripts/content/export-content-json.rb). They differ only in how
|
|
16
16
|
# they derive the repo-relative path used for Git chronology, so each passes
|
|
17
17
|
# its own. Everything downstream lives here, because a field added or a bug
|
|
18
|
-
# fixed in one copy used to leave the other silently
|
|
18
|
+
# fixed in one copy used to leave the other silently behind.
|
|
19
19
|
module WritingEntry
|
|
20
20
|
XCITE_RE = /\{%-?\s*include\s+xcite\.html\s+key=["']([^"']+)["'][^%]*-?%\}/
|
|
21
21
|
|
|
@@ -6,6 +6,14 @@ require "net/http"
|
|
|
6
6
|
require "uri"
|
|
7
7
|
require_relative "content_detail_paths"
|
|
8
8
|
|
|
9
|
+
# The gem copy and the _plugins copy stay the same file. Either path can
|
|
10
|
+
# resolve the shared helper.
|
|
11
|
+
detail_routes = [
|
|
12
|
+
File.expand_path("../../../detail_routes", __dir__),
|
|
13
|
+
File.expand_path("../lib/pandorga/detail_routes", __dir__)
|
|
14
|
+
].find { |path| File.file?("#{path}.rb") }
|
|
15
|
+
require detail_routes if detail_routes
|
|
16
|
+
|
|
9
17
|
# Mirrors Cloudflare _redirects detail rewrites during `jekyll serve` so
|
|
10
18
|
# /posts/:slug/ and /articles/:slug/ work locally without per-slug HTML files.
|
|
11
19
|
# Also handles the local dev re-export endpoint and proxies /api/studio/* to
|
|
@@ -115,7 +123,8 @@ module Jekyll
|
|
|
115
123
|
end
|
|
116
124
|
|
|
117
125
|
target = ContentDetailPaths.rewrite_path(req.path)
|
|
118
|
-
|
|
126
|
+
root = instance_variable_get(:@root)
|
|
127
|
+
if target && !Pandorga::DetailRoutes.static_index?(root, req.path)
|
|
119
128
|
req.instance_variable_set(:@path, target)
|
|
120
129
|
req.instance_variable_set(:@path_info, target)
|
|
121
130
|
end
|
data/assets/css/article.css
CHANGED
|
@@ -186,7 +186,7 @@
|
|
|
186
186
|
justify-content: center;
|
|
187
187
|
box-sizing: border-box;
|
|
188
188
|
padding: 0.35rem 0.55rem;
|
|
189
|
-
/* A fixed dark plate
|
|
189
|
+
/* A fixed dark plate behind light-on-transparent marks. It must stay dark in
|
|
190
190
|
both themes, so no surface token fits: every one of them flips. */
|
|
191
191
|
background: #111;
|
|
192
192
|
}
|
|
@@ -349,7 +349,7 @@
|
|
|
349
349
|
|
|
350
350
|
The projects page had this to itself until now; these rules are the ones it
|
|
351
351
|
proved, moved up so the treatment is the site's rather than one page's. What
|
|
352
|
-
stayed
|
|
352
|
+
stayed behind in ledger/projects.css is the *other* thing that page does —
|
|
353
353
|
letting media out of the reading measure — which is a separate decision.
|
|
354
354
|
|
|
355
355
|
`.plotly-figure` and the videos both carry the `figure` element, so one
|
|
@@ -436,7 +436,7 @@ body.figure-lightbox-open {
|
|
|
436
436
|
.figure-lightbox-backdrop {
|
|
437
437
|
position: absolute;
|
|
438
438
|
inset: 0;
|
|
439
|
-
/* Near-opaque black so the article
|
|
439
|
+
/* Near-opaque black so the article behind never reads as “another page”. */
|
|
440
440
|
background: rgba(0, 0, 0, 0.85);
|
|
441
441
|
cursor: zoom-out;
|
|
442
442
|
animation: figure-lightbox-fade-in var(--motion-duration-fast) var(--motion-ease-out);
|
data/assets/css/base.css
CHANGED
|
@@ -208,24 +208,6 @@ html body {
|
|
|
208
208
|
letter-spacing: 0.05em;
|
|
209
209
|
}
|
|
210
210
|
|
|
211
|
-
/* ── Display title scale (home hero, 404) ── */
|
|
212
|
-
.page-title {
|
|
213
|
-
font-family: var(--font-title);
|
|
214
|
-
font-size: var(--type-display);
|
|
215
|
-
font-weight: var(--weight-display);
|
|
216
|
-
line-height: 1.05;
|
|
217
|
-
color: var(--color-on-surface);
|
|
218
|
-
letter-spacing: normal;
|
|
219
|
-
font-synthesis: none;
|
|
220
|
-
font-optical-sizing: auto;
|
|
221
|
-
}
|
|
222
|
-
|
|
223
|
-
@media (min-width: 768px) {
|
|
224
|
-
.page-title {
|
|
225
|
-
font-size: var(--type-display-lg);
|
|
226
|
-
}
|
|
227
|
-
}
|
|
228
|
-
|
|
229
211
|
/* Listing page headers (CV, Articles, Portfolio, Rascunhos, …) */
|
|
230
212
|
.page-header-title {
|
|
231
213
|
font-family: var(--font-title);
|
|
@@ -345,22 +327,6 @@ html body {
|
|
|
345
327
|
color-mix(in srgb, var(--color-tertiary) 2%, transparent) 98%);
|
|
346
328
|
}
|
|
347
329
|
|
|
348
|
-
.ledger-marker--primary {
|
|
349
|
-
background: linear-gradient(104deg,
|
|
350
|
-
transparent 0.9%,
|
|
351
|
-
color-mix(in srgb, var(--color-primary) 16%, transparent) 2.4%,
|
|
352
|
-
color-mix(in srgb, var(--color-primary) 12%, transparent) 58%,
|
|
353
|
-
color-mix(in srgb, var(--color-primary) 4%, transparent) 98%);
|
|
354
|
-
}
|
|
355
|
-
|
|
356
|
-
[data-theme="dark"] .ledger-marker--primary {
|
|
357
|
-
background: linear-gradient(104deg,
|
|
358
|
-
transparent 0.9%,
|
|
359
|
-
color-mix(in srgb, var(--color-primary) 9%, transparent) 2.4%,
|
|
360
|
-
color-mix(in srgb, var(--color-primary) 6%, transparent) 58%,
|
|
361
|
-
color-mix(in srgb, var(--color-primary) 2%, transparent) 98%);
|
|
362
|
-
}
|
|
363
|
-
|
|
364
330
|
/* ── Page-level accent ────────────────────────────────────────────────
|
|
365
331
|
The shared triad (theme/theme-vars-block.liquid) declares one primary per
|
|
366
332
|
theme, but each section of the site reads in its own hue: Projects and
|
|
@@ -1175,25 +1141,6 @@ html[data-theme="light"] .ledger-system-card {
|
|
|
1175
1141
|
border-color: var(--border-ink);
|
|
1176
1142
|
}
|
|
1177
1143
|
|
|
1178
|
-
/* Triad top hairline — reusable edge accent (home grids + any listing). */
|
|
1179
|
-
.ledger-card--edge-primary {
|
|
1180
|
-
border-top-width: 2px;
|
|
1181
|
-
border-top-style: solid;
|
|
1182
|
-
border-top-color: var(--color-primary);
|
|
1183
|
-
}
|
|
1184
|
-
|
|
1185
|
-
.ledger-card--edge-secondary {
|
|
1186
|
-
border-top-width: 2px;
|
|
1187
|
-
border-top-style: solid;
|
|
1188
|
-
border-top-color: var(--color-secondary);
|
|
1189
|
-
}
|
|
1190
|
-
|
|
1191
|
-
.ledger-card--edge-tertiary {
|
|
1192
|
-
border-top-width: 2px;
|
|
1193
|
-
border-top-style: solid;
|
|
1194
|
-
border-top-color: var(--color-tertiary);
|
|
1195
|
-
}
|
|
1196
|
-
|
|
1197
1144
|
/* Drafting corner brackets — four L-corners, no labels. Pure decoration.
|
|
1198
1145
|
Outline ink (not primary): the corners are drafting marks on the plate,
|
|
1199
1146
|
same register as `.ledger-frame-crosshairs`, not a brand accent. */
|
|
@@ -1234,32 +1181,6 @@ html[data-theme="light"] .ledger-system-card {
|
|
|
1234
1181
|
linear-gradient(var(--color-outline), var(--color-outline)) bottom right / var(--cross-thick) var(--cross-arm) no-repeat;
|
|
1235
1182
|
}
|
|
1236
1183
|
|
|
1237
|
-
/* Lithography section divider — double hairline with a short primary tick. */
|
|
1238
|
-
.ledger-section-rule {
|
|
1239
|
-
display: block;
|
|
1240
|
-
height: 0;
|
|
1241
|
-
margin: 0 0 var(--space-xl);
|
|
1242
|
-
border: 0;
|
|
1243
|
-
border-top: 1px solid var(--border-gentle-divider);
|
|
1244
|
-
box-shadow: 0 3px 0 -2px var(--border-gentle-faint);
|
|
1245
|
-
position: relative;
|
|
1246
|
-
}
|
|
1247
|
-
|
|
1248
|
-
.ledger-section-rule::after {
|
|
1249
|
-
content: "";
|
|
1250
|
-
position: absolute;
|
|
1251
|
-
left: 0;
|
|
1252
|
-
top: -1.5px;
|
|
1253
|
-
width: 2.5rem;
|
|
1254
|
-
height: 2px;
|
|
1255
|
-
background: var(--color-primary);
|
|
1256
|
-
}
|
|
1257
|
-
|
|
1258
|
-
.ledger-section-rule--dashed {
|
|
1259
|
-
border-top-style: dashed;
|
|
1260
|
-
box-shadow: none;
|
|
1261
|
-
}
|
|
1262
|
-
|
|
1263
1184
|
/* Hover lifts the card one rung and warms its hairline toward the page's
|
|
1264
1185
|
accent. The reference mockup states this as "the line transitions to
|
|
1265
1186
|
subtle charcoal slate or warm antique brass at 40% opacity" — the accent
|
data/assets/css/global-link.css
CHANGED
|
@@ -22,7 +22,6 @@ a {
|
|
|
22
22
|
* titles, plus the chip exceptions that were being added one class at a time
|
|
23
23
|
* as each new piece of card chrome turned up underlined. */
|
|
24
24
|
p a:hover,
|
|
25
|
-
.post-content a:hover,
|
|
26
25
|
.article-content a:hover,
|
|
27
26
|
.description a:hover {
|
|
28
27
|
color: var(--color-link-hover);
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
belong in assets/css/base.css under "Architectural Ledger blocks".
|
|
3
3
|
|
|
4
4
|
The mockups put the sections in a flat, always-visible rail rather than
|
|
5
|
-
|
|
5
|
+
behind a button. The links still come from _data/nav.yml, so the site keeps
|
|
6
6
|
one source of navigation; only the presentation changes. The Explore menu
|
|
7
7
|
stays for narrow viewports, where six links do not fit. */
|
|
8
8
|
|