style tweaks

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 }}
+  <section rel="pagination">
+    {{ template "_internal/pagination.html" . }}
+  </section>
 {{ end }}
 

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;
+}