diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 626ce37..9c80384 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -7,5 +7,6 @@
{{ end }}
+ {{ partial "pagination.html" . }}
{{ partial "footer.html" . }}
\ No newline at end of file
diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html
new file mode 100644
index 0000000..2b01dc2
--- /dev/null
+++ b/layouts/partials/pagination.html
@@ -0,0 +1,25 @@
+{{- $pag := $.Paginator }}
+{{- if gt $pag.TotalPages 1 }}
+
+{{- end }}
\ No newline at end of file
diff --git a/static/css/main.css b/static/css/main.css
index 56e243e..00f16a1 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -374,6 +374,26 @@ summary {
text-decoration: none;
}
+/* Pagination */
+.pagination {
+ margin-bottom: 10px;
+ text-align: center;
+ background-color: #2a2a2a;
+}
+
+.pagination__item {
+ display: inline-block;
+ padding: 4px 10px;
+ font-weight: 700;
+ border: 1px solid;
+}
+
+.pagination__item--gap {
+ color: #888;
+ cursor: default;
+ border-color: #888;
+}
+
/* Footer */
.footer {
padding: 10px 0;