hugo-theme-bootstrap5-blog/layouts/partials/pagination.html

<nav class="blog-pagination" aria-label="Pagination">
  {{ if and (.Paginator.HasPrev) (.Paginator.HasNext) }}
  <a class="btn btn-outline-primary" href="{{ .Paginator.Next.URL }}" rel="next" role="button">Older</a>
  <a class="btn btn-outline-primary" href="{{ .Paginator.Prev.URL }}" rel="prev" role="button">Newer</a>
  {{ end }}
  {{ if and (.Paginator.HasPrev) (not .Paginator.HasNext) }}
  <a class="btn btn-outline-secondary disabled" href="#" tabindex="-1" aria-disabled="true">Older</a>
  <a class="btn btn-outline-primary" href="{{ .Paginator.Prev.URL }}" rel="prev" role="button">Newer</a>
  {{ end }}
  {{ if and (not .Paginator.HasPrev) (.Paginator.HasNext) }}
  <a class="btn btn-outline-primary" href="{{ .Paginator.Next.URL }}" rel="next" role="button">Older</a>
  <a class="btn btn-outline-secondary disabled" href="#" tabindex="-1" aria-disabled="true">Newer</a>
  {{ end }}
</nav>

{{- /* vim: set ts=2 sw=2 et: */}}
layouts/partials/pagination.html: Fix style Bring up to date with current Bootstrap v5 example. 2020-12-07 21:34:22 +01:00			`<nav class="blog-pagination" aria-label="Pagination">`
Commit basic working example 2020-12-07 13:13:09 +01:00			`{{ if and (.Paginator.HasPrev) (.Paginator.HasNext) }}`
layouts/partials/pagination.html: Rework buttons I just noticed that the Bootstrap blog example has the order of the buttons reversed from how I expected. They word them as "older" and "newer" and they are opposite to how I expected. For now I will keep these the same as the example, but eventually I might change them to "previous" and "next" as is more commonly used. See: https://getbootstrap.com/docs/5.0/examples/blog/ 2020-12-28 22:28:31 +01:00			`<a class="btn btn-outline-primary" href="{{ .Paginator.Next.URL }}" rel="next" role="button">Older</a>`
			`<a class="btn btn-outline-primary" href="{{ .Paginator.Prev.URL }}" rel="prev" role="button">Newer</a>`
Commit basic working example 2020-12-07 13:13:09 +01:00			`{{ end }}`
			`{{ if and (.Paginator.HasPrev) (not .Paginator.HasNext) }}`
layouts/partials/pagination.html: Rework buttons I just noticed that the Bootstrap blog example has the order of the buttons reversed from how I expected. They word them as "older" and "newer" and they are opposite to how I expected. For now I will keep these the same as the example, but eventually I might change them to "previous" and "next" as is more commonly used. See: https://getbootstrap.com/docs/5.0/examples/blog/ 2020-12-28 22:28:31 +01:00			`<a class="btn btn-outline-secondary disabled" href="#" tabindex="-1" aria-disabled="true">Older</a>`
			`<a class="btn btn-outline-primary" href="{{ .Paginator.Prev.URL }}" rel="prev" role="button">Newer</a>`
Commit basic working example 2020-12-07 13:13:09 +01:00			`{{ end }}`
			`{{ if and (not .Paginator.HasPrev) (.Paginator.HasNext) }}`
layouts/partials/pagination.html: Rework buttons I just noticed that the Bootstrap blog example has the order of the buttons reversed from how I expected. They word them as "older" and "newer" and they are opposite to how I expected. For now I will keep these the same as the example, but eventually I might change them to "previous" and "next" as is more commonly used. See: https://getbootstrap.com/docs/5.0/examples/blog/ 2020-12-28 22:28:31 +01:00			`<a class="btn btn-outline-primary" href="{{ .Paginator.Next.URL }}" rel="next" role="button">Older</a>`
			`<a class="btn btn-outline-secondary disabled" href="#" tabindex="-1" aria-disabled="true">Newer</a>`
Commit basic working example 2020-12-07 13:13:09 +01:00			`{{ end }}`
			`</nav>`

			`{{- /* vim: set ts=2 sw=2 et: */}}`