✨ Different pagination style by @martinvisser

exampleSite/config/_default/config.toml

@@ -7,7 +7,7 @@ baseURL = "https://nunocoracao.github.io/blowfish"
 defaultContentLanguage = "en"
 
 enableRobotsTXT = true
-paginate = 20
+paginate = 10
 summaryLength = 30
 
 buildDrafts = false

exampleSite/config/_default/menus.en.toml

@@ -35,7 +35,10 @@
   url = "http://tee.pub/lic/qwSlWVBL5zc"
   weight = 50
 
-
+#[[main]]
+#  name = "Test"
+#  pageRef = "pagTest"
+#  weight = 1000
 
 [[main]]
   identifier = "twitter"

exampleSite/content/pagtest/_index.md

@@ -0,0 +1,19 @@
+---
+title: "TEST"
+date: 2022-06-13T20:55:37+01:00
+draft: true
+
+showDate : false
+showDateUpdated : false
+showHeadingAnchors : false
+showPagination : false
+showReadingTime : false
+showTableOfContents : true
+showTaxonomies : false 
+showWordCount : false
+showSummary : false
+sharingLinks : false
+
+cardView: false
+---
+

exampleSite/content/pagtest/file1 copy 10.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 11.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 12.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 13.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 14.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 15.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 16.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 17.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 18.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 19.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 2.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 20.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 21.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 22.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 23.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 24.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 25.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 26.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 27.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 28.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 3.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 4.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 5.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 6.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 7.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 8.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy 9.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1 copy.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

exampleSite/content/pagtest/file1.md

@@ -0,0 +1,7 @@
+---
+title: "Charts"
+date: 2019-03-06
+summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
+tags: ["chart", "sample", "graph", "shortcodes"]
+showDate: false
+---

layouts/partials/pagination.html

@@ -1,39 +1,49 @@
-{{ $paginator := .Paginator }}
+{{- if gt .Paginator.TotalPages 1 -}}
-{{ if gt $paginator.TotalPages 1 }}
+  <ul class="flex flex-row mt-8 justify-center">
-  <ul class="flex flex-row mt-8">
+    {{- .Scratch.Set "paginator.ellipsed" false -}}
-    {{ if $paginator.HasPrev }}
+    {{ if $.Paginator.HasPrev }}
     <li>
       <a
-          href="{{ $paginator.Prev.URL }}"
+          href="{{ $.Paginator.Prev.URL }}"
           class="mx-1 block min-w-[1.8rem] rounded text-center hover:bg-primary-600 hover:text-neutral"
           rel="prev"
-        >
+      >&larr;</a>
-          &larr;
-        </a>
     </li>
     {{ end }}
-    {{ range $paginator.Pagers }}
+    {{- range $.Paginator.Pagers -}}
+      {{- $right := sub .TotalPages .PageNumber -}}
+      {{- $showNumber := or (le .PageNumber 1) (eq $right 0) -}}
+      {{- $showNumber := or $showNumber (and (gt .PageNumber (sub $.Paginator.PageNumber 3)) (lt .PageNumber (add $.Paginator.PageNumber 3))) -}}
+      {{- 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 -}}
         <li>
           <a
               href="{{ .URL }}"
-          class="{{ if eq . $paginator }}
+              class="{{ if eq . $.Paginator }}
           bg-primary-200 dark:bg-primary-400 dark:text-neutral-800
         {{ end }} mx-1 block min-w-[1.8rem] rounded text-center hover:bg-primary-600 hover:text-neutral"
-        >
+          >{{ .PageNumber }}</a>
-          {{ .PageNumber }}
-        </a>
       </li>
-    {{ end }}
+      {{- else if ($.Scratch.Get "paginator.shouldEllipse") -}}
-    {{ if $paginator.HasNext }}
+        <li class="page-item ">
+          <span class="page-link" aria-hidden="true">&hellip;</span>
+        </li>
+      {{- end -}}
+    {{- end -}}
+    {{ if $.Paginator.HasNext }}
     <li>
       <a
-          href="{{ $paginator.Next.URL }}"
+          href="{{ $.Paginator.Next.URL }}"
           class="mx-1 block min-w-[1.8rem] rounded text-center hover:bg-primary-600 hover:text-neutral"
           rel="next"
-        >
+      >&rarr;</a>
-          &rarr;
-        </a>
     </li>
     {{ end }}
   </ul>
-{{ end }}
+{{- end -}}