feat(eleventy): split table of content into sub sections

This commit is contained in:
Oscar
2019-11-15 22:19:37 +01:00
parent fad87004ce
commit 71de563b97
5 changed files with 95 additions and 29 deletions

View File

@ -0,0 +1,19 @@
{% set renderedName %}
{{ definition.data.title}}
{%- if
definition.data.flag and
definition.data.flag.type and
(definition.data.flag.level == 'avoid') -%}
<span class="flag__red">{{ definition.data.flag.type }}</span>
{% endif %}
{% endset %}
<li>
{%- if definition.data.defined -%}
<a
href={{ definition.data.slug | linkTarget | url }}
class="word__link"
>{{ renderedName | safe }}</a>
{%- else -%}
{{ renderedName | safe }}
{% endif %}
</li>

View File

@ -1,27 +1,16 @@
<section>
<nav class="auto-grid list" aria-label="Definitions">
<ul>
{% for definition in collections.definitions %}
{% set renderedName %}
{{ definition.data.title}}
{%- if
definition.data.flag and
definition.data.flag.type and
(definition.data.flag.level == 'avoid') -%}
<span class="flag__red">{{ definition.data.flag.type }}</span>
{% endif %}
{% endset %}
<li>
{%- if definition.data.defined -%}
<a
href={{ definition.data.slug | linkTarget | url }}
class="word__link"
>{{ renderedName | safe }}</a>
{%- else -%}
{{ renderedName | safe }}
{% endif %}
</li>
{% endfor %}
</ul>
<nav class="" aria-label="Definitions">
<ol class="auto-grid list">
{% for section in collections.definitions %}
<li>
<span class="sub-headline">{{ section.title }}</span>
<ol>
{% for definition in section.definitions %}
{% include 'components/table-of-content-item.njk' %}
{% endfor %}
</ol>
</li>
{% endfor %}
</ol>
</nav>
</section>