Wrap breadcumbs in navigation element

This commit is contained in:
Helen Chong 2024-06-06 19:36:20 +08:00
parent 81853183a4
commit cae9130a57
1 changed files with 11 additions and 8 deletions

View File

@ -1,5 +1,7 @@
<header class="main__header"> <header class="main__header">
{% if isArticle or hasBreadcrumbs %} {% if isArticle or hasBreadcrumbs %}
<nav>
<h2 class="visually-hidden">Breadcrumbs</h2>
<ul class="breadcrumbs"> <ul class="breadcrumbs">
{% set breadcrumbNavPages = collections.all | eleventyNavigationBreadcrumb(articleTitle or pageTitle or title) %} {% set breadcrumbNavPages = collections.all | eleventyNavigationBreadcrumb(articleTitle or pageTitle or title) %}
{%- for entry in breadcrumbNavPages %} {%- for entry in breadcrumbNavPages %}
@ -8,6 +10,7 @@
</li> </li>
{%- endfor %} {%- endfor %}
</ul> </ul>
</nav>
{% endif %} {% endif %}
<h1>{{ articleTitle or pageTitle or title }}</h1> <h1>{{ articleTitle or pageTitle or title }}</h1>