{{ if .Site.Params.infiniteScrolling }} {{- partial "js_paginator.html" . -}} <script> var nextPage = '/index.json'; function getNext(first=false) { if (!nextPage) return; fetch(nextPage).then(res => res.json()) .then(res => { nextPage = res['next']; if (first) { document.getElementById('getNextBtnContainer').innerHTML += ` <div style="text-align: center; font-size: 1.3em; font-weight: bold;"> <a style="cursor: pointer" onclick="getNext();"> Load more articles </a> </div> `; return; } if (!nextPage) document.getElementById('getNextBtnContainer').innerHTML = ''; renderArticles(res['articles']); }); } getNext(true); </script> {{ end }} {{ if .Site.Params.infiniteScrolling }}<noscript>{{ end }} {{ if gt .Paginator.TotalPages 1 }} {{ $navtype := .Site.Params.Navtype }} <div id="pageNavigation" class=' {{ if eq $navtype "circles" }} nav-circles {{ end }} '> {{ if .Paginator.HasPrev }} <a href="{{ .Paginator.Prev.URL }}" title="Previous page"> {{ if eq $navtype "circles" }} ← {{ else }} <<< {{ end }} </a> {{ end }} {{ $currentPage := .Paginator.PageNumber }} {{ range .Paginator.Pagers }} {{ if ne .PageNumber $currentPage }} <a href="{{ .URL }}">{{ .PageNumber }}</a> {{ else }} <span> {{ if eq $navtype "circles" }}{{ .PageNumber }} {{ else }}[{{ .PageNumber }}]{{ end }} </span> {{ end }} {{ end }} {{ if .Paginator.HasNext }} <a href="{{ .Paginator.Next.URL }}" title="Next page"> {{ if eq $navtype "circles" }} → {{ else }} >>> {{ end }} </a> {{ end }} </div> {{ end }} {{ if .Site.Params.infiniteScrolling }}</noscript>{{ end }}