<%- css("/css/3efc6cb5.css")%>

<section class="category-nav scrollbar-obtrusive">
  <ul class="nav-items">
    <li data-path="archives">
      <a href="/archives">
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
          <g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M12 7v14"></path>
            <path d="M9 18l3 3l3-3"></path>
            <circle cx="12" cy="5" r="2"></circle>
          </g>
        </svg>
        <div class="ellipsis"><%- __('text-timeline') %></div>
      </a>
    </li>
  </ul>
  <p><%- __('text-category') %></p>
  <ul>
    <% site.categories.each(function(category,index){ %>
    <li class="<% if ((page.category && page.category === category.name) || (page.categories && page.categories.some(cat => cat.name === category.name))) { %>active<% } %>">
      <a href="<%- url_for(category.path) %>">
        <%- theme.postCategoryIcons[index] %>
        <div class="ellipsis">
          <span>
            <%= category.name %>
          </span>
        </div>
      </a>
    </li>
    <% }) %>
  </ul>
</section>

<%- js("/js/f8b20eb9.js")%>