diff --git a/layouts/_default/taxonomy.html b/layouts/_default/taxonomy.html
index 76eb64a..4b2a3c1 100644
--- a/layouts/_default/taxonomy.html
+++ b/layouts/_default/taxonomy.html
@@ -6,8 +6,9 @@
{{ i18n "articles_related_to" }} {{.Parent.Title}} / {{ .Title }}:
{{ .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" . }}
{{ end }}
diff --git a/layouts/blog/list.html b/layouts/blog/list.html
index 5ecfacf..f52eb5d 100644
--- a/layouts/blog/list.html
+++ b/layouts/blog/list.html
@@ -6,8 +6,9 @@
{{ .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" . }}
{{ end }}
diff --git a/static/css/itix.css b/static/css/itix.css
index a09406f..ee6e825 100644
--- a/static/css/itix.css
+++ b/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