lighten non-terminal path components

This commit is contained in:
Tomáš Mládek 2020-12-28 20:28:17 +01:00
parent 4fbd9e19c8
commit ee08c9ae77
2 changed files with 19 additions and 3 deletions

View file

@ -85,6 +85,10 @@ nav .file {
opacity: .8; opacity: .8;
} }
nav .not-last {
opacity: .5;
}
footer { footer {
padding: 1em 0; padding: 1em 0;
color: gray; color: gray;

View file

@ -25,9 +25,21 @@
<h1><a href="/">{{garden_title}}</a></h1> <h1><a href="/">{{garden_title}}</a></h1>
<ul> <ul>
{% for file in files %} {% for file in files %}
<li class="{% if file is containing(".md") %}page{% else %}file{% endif %}"> {% if file is containing(".md") %}
<a href="/{{file}}">{{file | trim_end_matches(pat=".md")}}</a> <li class="page">
</li> <a href="/{{file}}">
{% for component in file | trim_end_matches(pat=".md") | split(pat=".") %}
{%- if not loop.last -%}
<span class="not-last">{{component}}.</span>
{%- else -%}
<span>{{component}}</span>
{%- endif -%}
{% endfor %}
</a>
</li>
{% else %}
<li class="file"><a href="/{{file}}">{{file}}</a></li>
{% endif %}
{% endfor %} {% endfor %}
</ul> </ul>
</nav> </nav>