dotfiles

My PC Dotfiles & Website
git clone https://github.com/maydayv7/dotfiles

pagination.html (2078B)

 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
{% macro paginate(pagelink) %} {% if paginator and paginator.number_pagers > 1
%}
<div class="pagination">
  <div class="pagination__buttons">
    {% if paginator.previous -%}
    <span class="pagination__buttons-previous">
      <a href="{{ paginator.previous }}">
        <span class="button__text">&lt;- newer</span>
      </a>
    </span>
    {% endif -%}
    <div class="pagination__buttons-input">
      <form
        class="pagination__form"
        enctype="text/plain"
        action="{{ paginator.base_url }}">
        <label for="page">page</label>
        <input
          id="page"
          type="number"
          name="page"
          value="{{ paginator.current_index }}"
          min="1"
          max="{{ paginator.number_pagers }}"
          oninput="this.style.width = this.value.length + 3 + 'ch'"
          required />/ {{ paginator.number_pagers }}
        <button>Go</button>
      </form>
    </div>
    {% if paginator.next -%}
    <span class="pagination__buttons-next">
      <a href="{{ paginator.next }}">
        <span class="button__text">older -></span>
      </a>
    </span>
    {% endif -%}
  </div>
</div>
{% endif %} {% endmacro paginate %} {% macro related() %} {% if page.earlier or
page.later %}
<div class="pagination__related">
  <ul class="pagination__related-posts">
    <li class="previous">
      {% if page.earlier %}
      <span class="pagination__buttons-previous">
        <span class="button_icon">←</span>
        <span class="button__text">previous</span>
      </span>
      <a class="pagination__related-title" href="{{ page.earlier.permalink }}"
        >{{ page.earlier.title }}</a
      >
      {% endif %}
    </li>
    <li class="next">
      {% if page.later %}
      <a class="pagination__related-title" href="{{ page.later.permalink }}"
        >{{ page.later.title }}</a
      >
      <span class="pagination__buttons-next">
        <span class="button__text">next</span>
        <span class="button_icon">→</span>
      </span>
      {% endif %}
    </li>
  </ul>
</div>
{% endif %} {% endmacro related %}