{% extends "index.html" %} {% import "macros.html" as macros %}

{% block feed %}
{% if config.generate_feed %}
  {% set feed_path = section.path ~ config.feed_filename %}
<link rel="alternate" type="application/atom+xml" title="Atom Feed" href="{{ get_url(path=feed_path, trailing_slash=false) }}">
{% endif %}
{% endblock feed %}

{% block header %}
<header id="site-header" class="animated slideInUp faster">
  <div class="hdr-wrapper section-inner">
    <div class="hdr-left">
      <div class="site-branding">
        <a href="{{ config.base_url}}">{{ config.title }}</a>
      </div>
      <nav class="site-nav hide-in-mobile">
        {% for menu_item in config.extra.hermit_menu %}
        <a href="{{ config.base_url ~ menu_item.link }}">{{ menu_item.name }}</a>
        {% endfor %}
      </nav>
    </div>
    <div class="hdr-right hdr-icons">
      <span class="hdr-social hide-in-mobile">
        {{ macros::render_social_icons() }}
      </span>
      <button id="menu-btn" class="hdr-btn" title="Menu">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="2"
          stroke-linecap="round"
          stroke-linejoin="round"
          class="feather feather-menu"
        >
          <line x1="3" y1="12" x2="21" y2="12"></line>
          <line x1="3" y1="6" x2="21" y2="6"></line>
          <line x1="3" y1="18" x2="21" y2="18"></line>
        </svg>
      </button>
    </div>
  </div>
</header>
<div id="mobile-menu" class="animated fast">
  <ul>
    {% for menu_item in config.extra.hermit_menu %}
    <li>
      <a href="{{ config.base_url ~ menu_item.link }}">{{ menu_item.name }}</a>
    </li>
    {% endfor %}
  </ul>
</div>
{% endblock header %} {% block title %} {% endblock title %} {% block main %}

<main class="site-main section-inner thin animated fadeIn faster">
  <h1>{{ section.title }}</h1>
  {{ section.content | safe }}
  {% for year, pages in paginator.pages | group_by(attribute="year") %}
  <div class="posts-group">
    <div class="post-year">{{ year }}</div>
    <ul class="posts-list">
      {% for page in pages %}
      <li class="post-item">
        <a href="{{ page.permalink }}">
          <span class="post-title">{{ page.title }}</span>
          <span class="post-day">{{ page.date | date(format="%b %d") }}</span>
        </a>
      </li>
      {% endfor %}
    </ul>
  </div>
  {% endfor %}
  <nav class="pagination">
    {% if paginator.first %}
      <a class="first" href="{{ paginator.first }}">&laquo;First</a>
    {% endif %}
    {% if paginator.previous %}
      <a class="previous" href="{{ paginator.previous }}">&lsaquo;Previous</a>
    {% endif %}
    {% if paginator.next %}
      <a class="next" href="{{ paginator.next }}">Next&rsaquo;</a>
    {% endif %}
    {% if paginator.last %}
      <a class="last" href="{{ paginator.last }}">Last&raquo;</a>
    {% endif %}
  </nav>
</main>

{% endblock main %} {% block footer %} {{ macros::footer() }} {% endblock footer
%}