diff options
| author | Göran Svensson <support@appernetic.io> | 2018-03-18 01:14:39 +0300 |
|---|---|---|
| committer | Göran Svensson <support@appernetic.io> | 2018-03-18 01:14:39 +0300 |
| commit | f870e60ed94989f958bf74d7a32f7d2aa1d1bef1 (patch) | |
| tree | 6197f2a717024128a549e1a8c8222b35c5fabdef | |
| parent | 0db40db3d734b87208f424d9003ea9cba90f30a8 (diff) | |
Add pagination
| -rw-r--r-- | layouts/_default/taxonomy.html | 2 | ||||
| -rw-r--r-- | layouts/index.html | 1 | ||||
| -rw-r--r-- | layouts/partials/pagination.html | 32 | ||||
| -rw-r--r-- | layouts/partials/portfolio.html | 36 |
4 files changed, 53 insertions, 18 deletions
diff --git a/layouts/_default/taxonomy.html b/layouts/_default/taxonomy.html index b023018..fa88ca2 100644 --- a/layouts/_default/taxonomy.html +++ b/layouts/_default/taxonomy.html @@ -1 +1 @@ -bye +Not today, bye! diff --git a/layouts/index.html b/layouts/index.html index 6c5de1d..ebc5b81 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,3 +1,4 @@ {{ define "main" }} {{ partial "portfolio.html" . }} + {{ partial "pagination.html" . }} {{ end }} diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html new file mode 100644 index 0000000..75d4d29 --- /dev/null +++ b/layouts/partials/pagination.html @@ -0,0 +1,32 @@ +{{ $pag := $.Paginator }} +{{ if gt $pag.TotalPages 1 }} +<nav class="navigation pagination" role="navigation"> + <h2 class="screen-reader-text">Posts navigation</h2> + <div class="nav-links"> + {{ if $pag.HasPrev }} + <a class="prev page-numbers" href="{{ $pag.Prev.URL }}">Previous</a> + {{ end }} + {{ $.Scratch.Set "__paginator.ellipsed" false }} + {{ range $pag.Pagers }} + {{ $right := sub .TotalPages .PageNumber }} + {{ $showNumber := or (le .PageNumber 3) (eq $right 0) }} + {{ $showNumber := or $showNumber (and (gt .PageNumber (sub $pag.PageNumber 2)) (lt .PageNumber (add $pag.PageNumber 2))) }} + {{ if $showNumber }} + {{ $.Scratch.Set "__paginator.ellipsed" false }} + {{ $.Scratch.Set "__paginator.shouldEllipse" false }} + {{ else }} + {{ $.Scratch.Set "__paginator.shouldEllipse" (not ($.Scratch.Get "__paginator.ellipsed") ) }} + {{ $.Scratch.Set "__paginator.ellipsed" true }} + {{ end }} + {{ if $showNumber }} + <a class="page-numbers" href="{{ .URL }}">{{ .PageNumber }}</a> + {{ else if ($.Scratch.Get "__paginator.shouldEllipse") }} + <span aria-current="page" class="page-numbers current">{{ .PageNumber }}</span> + {{ end }} + {{ end }} + {{ if $pag.HasNext }} + <a class="next page-numbers" href="{{ $pag.Next.URL }}">Next</a> + {{ end }} + </div> +</nav> +{{ end }} diff --git a/layouts/partials/portfolio.html b/layouts/partials/portfolio.html index c958da0..8123aab 100644 --- a/layouts/partials/portfolio.html +++ b/layouts/partials/portfolio.html @@ -1,6 +1,8 @@ <h1 class="screen-reader-text">Posts</h1> + <div id="loop-container" class="loop-container"> - {{ range $index, $element := (where .Data.Pages "Section" "post") }} + {{ $paginator := .Paginate (where (where .Site.Pages "Type" "post") "IsPage" true) }} + {{ range $index, $element := .Paginator.Pages }} {{ if and (isset .Params "image") .Params.image }} {{ if eq (mod $index 2) 0 }} <div class="post type-post status-publish format-standard has-post-thumbnail hentry category-design tag-memories tag-normal-post tag-standard-2 excerpt zoom full-without-featured odd excerpt"> @@ -33,26 +35,26 @@ </span> {{ end }} - {{ range .Params.categories }} - <span> / </span> + {{ range .Params.categories }} + <span> / </span> <span class="category"> <a href="/categories{{ . | relURL }}">{{ . }}</a> </span> {{ end }} </div> - <div class='excerpt-header'> - <h2 class='excerpt-title'> - <a href="{{ .Permalink }} "> {{ .Title }} </a> - </h2> - </div> - <div class='excerpt-content'> - <article> - {{ .Summary }} - - <div class="more-link-wrapper"><a class="more-link" href="{{ .Permalink }}">Read the post<span class="screen-reader-text">This is a Standard Post</span></a></div> - </article> - </div> - </div> + <div class='excerpt-header'> + <h2 class='excerpt-title'> + <a href="{{ .Permalink }} "> {{ .Title }} </a> + </h2> + </div> + <div class='excerpt-content'> + <article> + {{ .Summary }} + + <div class="more-link-wrapper"><a class="more-link" href="{{ .Permalink }}">Read the post<span class="screen-reader-text">This is a Standard Post</span></a></div> + </article> </div> - {{ end }} </div> + </div> + {{ end }} + </div> |