summaryrefslogtreecommitdiff
path: root/templates/section.html
blob: 679a3eae375478b50a620ead3a62dd8d3f4405d3 (plain)
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
{% extends "index.html" %}

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

{% 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>
  {% for year, pages in section.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 %}
</main>
{% endblock main %}

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