← All Visual Examples
draft · page-list-portable-collection-demonstration
Page List Portable Collection Demonstration
Show three visitor-led uses of one generic Hugo section query: visual recognition cards, an explanation-led register, and a compact route index.
- Evidence
- demonstration
- Release binding
- unbound
- Core source
dde7da9a7964
Full-size artifacts
Rendered evidence
2 declared viewports. Select an image to inspect it at source resolution.
Intent
Exact declaration
Subjects
Best fit
- small collections of ordinary Hugo pages that share one content section
- choosing a presentation by the visitor's recognition or reading task
- keeping canonical titles, summaries, dates, images, and routes in their source pages
Avoid when
- categories, authors, featured stories, or magazine hierarchy require the typed editorial Page List
- visitors need faceted filtering or search
- the section query cannot honestly describe why the pages belong together
Readiness
Checks and limitations
- accessibility
- partial
- artifact freshness
- not-run
- desktop responsive
- pass
- keyboard
- partial
- mobile responsive
- pass
- no essential javascript
- pass
- performance
- not-run
- reduced motion
- pass
- rendered route
- pass
- source portability
- pass
- visual acceptance
- partial
Limitations
- Page List remains primitive-first until a complete explicit page-reference authoring path is proven; this demonstration does not claim that gap is closed.
- Chromium desktop, 390px visual review, 320px geometry, zero horizontal overflow, shared reading edges, semantic lists and dates, 44px or larger routes, visible focus, source mapping, and removal of renderer-owned inline and utility presentation pass. Axe-core, performance, Safari viewport proof, exact release binding, independent owner review, and measured human/AI authoring tasks remain promotion gates.
Invalidated by
- Page List renderer, shared item renderer, or semantic CSS change
- authoring schema, preset, fixture source, or section-query behavior change
- Core or Distribution release change
- browser evidence change
Portable source
Routes and source ownership
Paths resolve inside exact Core commit dde7da9a7964f8011ecac5cb311f6d5ae2872b46. Private repository links stay private; the mapping remains explicit.
Rendered routes
| Route | Role | Source |
|---|---|---|
/page-list-directions/ | cards, open list, and compact route-index comparison | fixtures/compatibility/portable-block-layout-proof/content/page-list-directions/_index.md |
Source mapping
| Role | Path | Use |
|---|---|---|
| copyable preset-first Hugo source | fixtures/compatibility/portable-block-layout-proof/content/page-list-directions/_index.md | Copyable source |
| ordinary canonical sample-page section | fixtures/compatibility/portable-block-layout-proof/content/page-list-samples/_index.md | Copyable source |
| portable named preset registry | data/foundry/block-presets.yaml | Framework or evidence source |
| human and AI option guidance | data/foundry/block-options.yaml | Framework or evidence source |
| generic Hugo section collection renderer | layouts/partials/blocks/page-list.html | Framework or evidence source |
| shared semantic page item renderer | layouts/partials/blocks/page-list-item.html | Framework or evidence source |
| portable Page List semantic CSS | assets/css/foundry-base.css | Framework or evidence source |
| render and browser assertions | fixtures/compatibility/portable-block-layout-proof/fixture.config.json | Framework or evidence source |

