layouts/partials/posts/post-list.html


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

{{ $paginator := .Paginate (where .Pages "Type" "posts") }}

{{ range $paginator.Pages }}
  <article class="post entry">
    <header class="entry-header">
      <h2 class="entry-title">
        <a href="{{ .RelPermalink }}" rel="bookmark">{{.Title}}</a>
      </h2>
    </header>

    {{ if .Params.image }}
      <figure class="post-thumbnail">
        <a class="post-thumbnail-inner" href="{{ .RelPermalink }}" aria-hidden="true">
          <img src="{{ .Params.image }}" />
        </a>
      </figure>
    {{ end }}

    <div class="entry-content">
      {{ .Summary | markdownify }}
      {{ if .Truncated }}
        <div>
          <a href="{{ .RelPermalink }}" class="more-link">
            Continue reading
          </a>
        </div>
      {{ end }}
    </div>
    
    <footer class="entry-footer">
      {{ partial "entry-meta" . }}
    </footer>
  </article>
{{ end }}

{{ if gt $paginator.TotalPages 1 }}
<nav class="navigation pagination" role="navigation">
  <h2 class="screen-reader-text">Posts navigation</h2>
  <div class="nav-links">
    {{ if $paginator.HasPrev }}
      <a class="prev page-numbers" href="{{ $paginator.Prev.URL }}">
        {{ partial "icons/ui/chevron-left" }}
        <span class="nav-prev-text">Newer posts</span>
      </a>
    {{ end }}

    {{ range $paginator.Pagers }}
      {{ if eq . $paginator }}
        <span aria-current="page" class="page-numbers current">{{ .PageNumber }}</span>
      {{ else }}
        <a href="{{ .URL }}" class="page-numbers">{{ .PageNumber }}</a>
      {{ end }}
    {{ end }}

    {{ if $paginator.HasNext }}
      <a class="next page-numbers" href="{{ $paginator.Next.URL }}">
        <span class="nav-next-text">Older posts</span>
        {{ partial "icons/ui/chevron-right" }}
      </a>
    {{ end }}
  </div>
</nav>
{{ end }}