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