Add pagination boilerplate

This commit is contained in:
Joseph Hutchinson
2018-04-15 14:53:31 -04:00
parent e1826f771f
commit ee1834cf53
2 changed files with 10 additions and 0 deletions

View File

@@ -16,6 +16,11 @@
{{ end }} {{ end }}
</section> </section>
</main> </main>
<div class="pagination-nav">
<a href="#">&laquo; Older Posts</a>
<div>Page {{ .Paginator.PageNumber }} of {{ .Paginator.TotalPages }}</div>
<a href="#">Newer Posts &raquo;</a>
</div>
</div> </div>
{{ partial "footer.html" . }} {{ partial "footer.html" . }}
{{ partial "scripts.html" . }} {{ partial "scripts.html" . }}

View File

@@ -137,6 +137,11 @@ img {
line-height: 1.5; line-height: 1.5;
margin: 0.7em 0; margin: 0.7em 0;
} }
.pagination-nav {
margin: 2em;
display: flex;
flex-direction: row;
}
blockquote { blockquote {
border-left: 0.3em solid #D1D1D1; border-left: 0.3em solid #D1D1D1;
margin: 1.5em 0.8em; margin: 1.5em 0.8em;