{% assign categories = site.data.examples.pages | map: 'category' | uniq %}
<div class="example-catalog-intro"><p>One content collection, two independent design languages. Explore {{ site.data.examples.pages.size }} complete recipes, reusable sections, and local application specimens.</p><p class="example-notice">{{ site.data.examples.fixture.notice | escape }}</p></div>
<nav class="example-category-nav" aria-label="Example categories">{% for category in categories %}<a href="#{{ category | slugify }}">{{ category | escape }}</a>{% endfor %}</nav>
{% for category in categories %}<section class="example-section" aria-labelledby="{{ category | slugify }}"><div class="example-section__label"><h2 id="{{ category | slugify }}">{{ category | escape }}</h2></div><div class="example-section__body"><div class="example-cards">{% assign records = site.data.examples.pages | where: 'category', category %}{% for entry in records %}<article class="example-card"><p class="example-help">{{ entry.semantic_class | replace: '-', ' ' | capitalize }}</p><h3><a href="{{ '/examples/' | append: entry.id | append: '/' | relative_url }}">{{ entry.title | escape }}</a></h3><p>{{ entry.summary | escape }}</p></article>{% endfor %}</div></div></section>{% endfor %}

<section class="example-section" aria-labelledby="experimental-applications"><div class="example-section__label"><h2 id="experimental-applications">Experimental applications</h2></div><div class="example-section__body"><p><a href="{{ '/examples/scientific-workspace/' | relative_url }}">Thermal analysis</a> · Explore an illustrative local calculation.</p></div></section>