/
docs-index.html
29 lines (27 loc) · 1.27 KB
/
docs-index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
{% set navPages = collections.docs | eleventyNavigation %}
{% macro renderNavListItem(entry) -%}
<li class="docs-index__item" {% if entry.children.length %}data-has-children {% endif %}>
<a href="{{ entry.url | url | prettyURL }}" {% if entry.url == page.url %} aria-current="true" {% endif %}>{{ entry.title }}</a>
{%- if entry.children.length -%}
<ul data-child-list>
{%- for child in entry.children %}{{ renderNavListItem(child) }}{% endfor -%}
</ul>
{%- endif -%}
</li>
{%- endmacro %}
<nav class="docs-index" id="docs-index">
<button class="docs-index-toggle" id="js-docs-index-toggle" hidden>
Index
<svg width="20" height="20" viewBox="20 20 60 60" aria-hidden="true" focusable="false">
<path id="ham-top" d="M30,37 L70,37 Z" stroke="currentColor"></path>
<path id="ham-middle" d="M30,50 L70,50 Z" stroke="currentColor"></path>
<path id="ham-bottom" d="M30,63 L70,63 Z" stroke="currentColor"></path>
</svg>
</button>
<div class="docs__index__panel" id="js-docs-index-panel">
{% include 'components/search.html' %}
<ul class="docs-index__list" id="js-docs-list">
{%- for entry in navPages %}{{ renderNavListItem(entry) }}{%- endfor -%}
</ul>
</div>
</nav>