work.suroh.tk/_includes/nav.njk

<nav id="primary">
  <span data-link="~"><~</span>
  {% for c in siteSettings.categories %}
    <span data-link="{{c}}">█</span>
  {% endfor %}
</nav>

<span id="audioToggle" class="active"></span>

<nav id="sub">
  {% for c in siteSettings.categories %}
    <ul id="{{c}}">
      {% for p in collections.pages %}
        {% if (p.data.category == c) %}
          <li>
            <a href="{{p.url}}">{{p.data.title or p.fileSlug}}</a>
          </li>
        {% endif %}
      {% endfor %}
    </ul>
  {% endfor %}
</nav>

<section style="position: fixed; bottom: 0; left: 0; margin: 0; padding: 0; width: 100vw; height: 50vh; z-index: 100;mix-blend-mode: difference;">
  <div style="position: relative; width: 100%; height: 100%;mix-blend-mode: difference;">
    <h1 id="menuItem" class=""></h1>
  </div>
</section>

<nav id="toTop">
  <span>top</span>
</nav>