dotfiles

 1{% macro paginate(pagelink) %} {% if paginator and paginator.number_pagers > 1
 2%}
 3<div class="pagination">
 4  <div class="pagination__buttons">
 5    {% if paginator.previous -%}
 6    <span class="pagination__buttons-previous">
 7      <a href="{{ paginator.previous }}">
 8        <span class="button__text">&lt;- newer</span>
 9      </a>
10    </span>
11    {% endif -%}
12    <div class="pagination__buttons-input">
13      <form
14        class="pagination__form"
15        enctype="text/plain"
16        action="{{ paginator.base_url }}">
17        <label for="page">page</label>
18        <input
19          id="page"
20          type="number"
21          name="page"
22          value="{{ paginator.current_index }}"
23          min="1"
24          max="{{ paginator.number_pagers }}"
25          oninput="this.style.width = this.value.length + 3 + 'ch'"
26          required />/ {{ paginator.number_pagers }}
27        <button>Go</button>
28      </form>
29    </div>
30    {% if paginator.next -%}
31    <span class="pagination__buttons-next">
32      <a href="{{ paginator.next }}">
33        <span class="button__text">older -></span>
34      </a>
35    </span>
36    {% endif -%}
37  </div>
38</div>
39{% endif %} {% endmacro paginate %} {% macro related() %} {% if page.earlier or
40page.later %}
41<div class="pagination__related">
42  <ul class="pagination__related-posts">
43    <li class="previous">
44      {% if page.earlier %}
45      <span class="pagination__buttons-previous">
46        <span class="button_icon">←</span>
47        <span class="button__text">previous</span>
48      </span>
49      <a class="pagination__related-title" href="{{ page.earlier.permalink }}"
50        >{{ page.earlier.title }}</a
51      >
52      {% endif %}
53    </li>
54    <li class="next">
55      {% if page.later %}
56      <a class="pagination__related-title" href="{{ page.later.permalink }}"
57        >{{ page.later.title }}</a
58      >
59      <span class="pagination__buttons-next">
60        <span class="button__text">next</span>
61        <span class="button_icon">→</span>
62      </span>
63      {% endif %}
64    </li>
65  </ul>
66</div>
67{% endif %} {% endmacro related %}