layouts/blog/list.html

{{ partial "header.html" . }}

<div class="body">
    <nav class="toolbar" aria-label="Submenu">
        <button class="nav-toggle" type="button" aria-label="Toggle submenu">
        </button>
    </nav>
    <nav class="nav-container doc blog list" aria-label="Blog topics">
        <aside class="nav" aria-label="Categories">
            <div class="nav-category">
                <h3>Categories</h3>
                <ul>
                    {{ range .Site.Taxonomies.categories.Alphabetical }}
                    <li><a class="category"
                            href="{{ "/categories/" | relURL }}{{ .Name | urlize }}/">{{ .Name | upper }}<span>{{ .Count }}</span></a>
                    </li>
                    {{ end }}
                </ul>
            </div>
        </aside>
    </nav>
    <main class="doc blog list">
        <div>
            {{ $pages := ($.Paginator 3).Pages }}
            {{ range $pages }}
            {{ .Render "summary" }}
            {{ end }}

            {{ $page := .Paginator }}
            {{ if gt $page.TotalPages 1 }}
            {{ $shouldEllipse := false }}
            <nav aria-label="Pagination">
                <ul class="pagination">
                    {{ if ne $page.PageNumber 1 }}
                    <li class="page-item">
                        <a href="{{ $page.First.URL }}" class="page-link" aria-label="First"><span
                                aria-hidden="true">&laquo;&laquo;</span></a>
                    </li>
                    {{ end }}

                    {{ if $page.HasPrev  }}
                    <li class="page-item">
                        <a href="{{ $page.Prev.URL }}" class="page-link" aria-label="Previous"><span
                                aria-hidden="true">&laquo;</span></a>
                    </li>
                    {{ end }}

                    {{ range $page.Pagers }}
                    {{ if eq . $page }}
                    <li class="page-item active"><a href="{{ .URL }}" class="page-link">{{ .PageNumber }}</a></li>
                    {{ else if and (ge .PageNumber (sub $page.PageNumber 2)) (le .PageNumber (add $page.PageNumber 2)) }}
                    {{ $shouldEllipse = false }}
                    <li class="page-item"><a href="{{ .URL }}" class="page-link">{{ .PageNumber }}</a></li>
                    {{ else if eq $shouldEllipse false }}
                    {{ $shouldEllipse = true }}
                    <li class="page-item disabled"><a class="page-link">&hellip;</a></li>
                    {{ end }}
                    {{ end }}

                    {{ if $page.HasNext }}
                    <li class="page-item">
                        <a href="{{ $page.Next.URL }}" class="page-link" aria-label="Next"><span
                                aria-hidden="true">&raquo;</span></a>
                    </li>
                    {{ end }}

                    {{ if ne $page.PageNumber $page.TotalPages }}
                    <li class="page-item">
                        <a href="{{ $page.Last.URL }}" class="page-link" aria-label="Last"><span
                                aria-hidden="true">&raquo;&raquo;</span></a>
                    </li>
                    {{ end }}
                </ul>
            </nav>
            {{ end }}
        </div>
    </main>
</div>

{{ partial "footer.html" . }}