diff --git a/layouts/index.html b/layouts/index.html
index 06b1c5e..d6817ff 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,6 +1,10 @@
{{ define "main" }}
- {{ range first 10 (where .Site.RegularPages "Section" "blog") }}
+ {{ $paginator := .Paginate (where .Site.RegularPages "Section" "blog") }}
+ {{ range $paginator.Pages }}
{{ .Render "summary" }}
{{ end }}
+
+ {{ template "_internal/pagination.html" . }}
+
{{ end }}
diff --git a/static/styles.css b/static/styles.css
index 56f13b6..4ed4e27 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -69,3 +69,33 @@ h1, h2, h3, h4, h5, h6 {
tab-size: 4;
overflow-x: scroll;
}
+
+blockquote {
+ margin: 0;
+ border-left: 2px solid #aad;
+ padding-left: 1rem;
+ color: #ccf;
+}
+
+[rel="pagination"] ul {
+ display: block;
+ text-align: center;
+}
+
+[rel="pagination"] ul li {
+ display: inline-block;
+}
+
+[rel="pagination"] [role="button"] {
+ border: 1px solid #546;
+ padding: 0.5rem;
+}
+
+[rel="pagination"] [aria-disabled="true"] {
+ display: none;
+}
+
+[rel="pagination"] [aria-current="page"] {
+ color: #fff;
+ font-weight: bold;
+}