diff options
Diffstat (limited to 'layouts/partials/pagination.html')
| -rw-r--r-- | layouts/partials/pagination.html | 35 |
1 files changed, 27 insertions, 8 deletions
diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html index 16ad74e..7e5eeb3 100644 --- a/layouts/partials/pagination.html +++ b/layouts/partials/pagination.html @@ -1,15 +1,34 @@ {{ $pag := $.Paginator }} {{ if gt $pag.TotalPages 1 }} -<div class="center db tc ma4 f6"> + <nav class="flex items-center justify-center p-8"> {{ if $pag.HasPrev }} - <a href="{{ $pag.Prev.URL }}" aria-label="Previous" class="dib link dim ph3 pv2 ba br1 ttu">Newer Posts</a> + <a + href="{{ $pag.Prev.URL }}" + rel="prev" + class="text-black transition hover:scale-105 hover:bg-gray-100 p-2 border" + >« {{ T "prev" }}</a + > {{ end }} - {{ range $pag.Pagers }} - <a href="{{ .URL }}" class="dib link dim ph3 pv2 b ba br1 {{ if eq . $pag }}bg-blue white{{ end }}">{{ .PageNumber }}</a> + {{ if eq . $pag }} + <span class="text-white bg-gray-400 mx-1 p-2 border"> + {{ $pag.PageNumber }}</span + > + {{ else }} + <a + href="{{ .URL }}" + class="block text-black transition hover:scale-105 hover:bg-gray-100 p-2 border" + >{{ .PageNumber }}</a + > + {{ end }} {{ end }} -{{ if $pag.HasNext }} - <a href="{{ $pag.Next.URL }}" aria-label="Next" class="dib link dim ph3 pv2 ba br1 ttu">Older posts</a> -{{ end }} -</div> + {{ if $pag.HasNext }} + <a + href="{{ $pag.Next.URL }}" + rel="next" + class="text-black transition hover:scale-105 hover:bg-gray-100 p-2 border" + >{{ T "next" }} »</a + > + {{ end }} + </nav> {{ end }} |