pagination

layouts/_default/taxonomy.html

@@ -6,8 +6,9 @@
     </header>
     {{ i18n "articles_related_to" }} <a href="{{.Parent.RelPermalink}}">{{.Parent.Title}}</a> / <a href="{{.RelPermalink}}">{{ .Title }}</a>:
     {{ .Content }}
-    {{ range (sort .Pages "Title") }}
+    {{ range (.Paginate (sort .Pages "Date").Reverse).Pages }}
     {{- partial "article-headline.html" (dict "current" . "parent" $.Page) -}}
     {{ end }}
+    {{ template "_internal/pagination.html" . }}
 </article>
 {{ end }}

layouts/blog/list.html

@@ -6,8 +6,9 @@
     </header>
     {{ .Content }}
 
-    {{ range (sort .Pages "Date").Reverse }}
+    {{ range (.Paginate (sort .Pages "Date").Reverse).Pages }}
     {{- partial "article-headline.html" (dict "current" . "parent" $.Page) -}}
     {{ end }}
+    {{ template "_internal/pagination.html" . }}
 </article>
 {{ end }}

static/css/itix.css

@@ -19,6 +19,7 @@
   --quote-border-color: #589bdd;
   --codeblock-background-color: #ebf2f9;
   --toc-background-color: #f0f5fa;
+  --pagination-disabled-color: #555;
 
   /*
    * Layout
@@ -300,6 +301,28 @@ pre:hover {
   margin-right: 5px;
 }
 
+/*
+ * Pagination
+ */
+.pagination {
+  list-style: none;
+  padding: 0;
+  text-align: center;
+  font-size: larger;
+}
+
+.pagination .page-item {
+  display: inline;
+  margin: 5px;
+}
+
+.pagination .disabled {
+  color: var(--pagination-disabled-color);
+}
+
+.pagination .active {
+  font-weight: bold;
+}
 
 /*
  * Article list