This commit is contained in:
Joseph Hutchinson
2018-04-16 16:32:22 -04:00
parent ad6aa447f4
commit edf4f8d26b
3 changed files with 27 additions and 12 deletions

View File

@@ -8,7 +8,7 @@
<article class="card-body"> <article class="card-body">
<h2 class="card-title">{{ .Title }}</h2> <h2 class="card-title">{{ .Title }}</h2>
<p class="card-text">{{ .Description }}</p> <p class="card-text">{{ .Description }}</p>
<div class="card-subtext"> <div class="card-subtext muted-text">
<p style="margin: 0 1em 0 0;">Posted <time datetime="{{ .PublishDate.Format "2006-01-02 12:00" }}">{{ .PublishDate.Format "Jan 2, 2006" }}</time></p> <p style="margin: 0 1em 0 0;">Posted <time datetime="{{ .PublishDate.Format "2006-01-02 12:00" }}">{{ .PublishDate.Format "Jan 2, 2006" }}</time></p>
<p style="margin: 0 1em 0 0;">|</p> <p style="margin: 0 1em 0 0;">|</p>
<p style="margin: 0 1em 0 0;">#Category</p> <p style="margin: 0 1em 0 0;">#Category</p>

View File

@@ -13,11 +13,12 @@
{{ end }} {{ end }}
</main> </main>
<div class="pagination-nav side-gutter"> <div class="pagination-nav side-gutter">
<a href="#">&laquo; Older Posts</a> {{ if .Paginator.HasPrev }}
<div>Page {{ .Paginator.PageNumber }} of {{ .Paginator.TotalPages }}</div> <a href="#" class="pagination-prev button">Newer Posts</a>
<a href="#">Newer Posts &raquo;</a> {{ end }}
<p class="pagination-pagenum muted-text">Page {{ .Paginator.PageNumber }} of {{ .Paginator.TotalPages }}</p>
<a href="#" class="pagination-next button">Older Posts</a>
</div> </div>
{{ partial "footer.html" . }}
{{ partial "scripts.html" . }} {{ partial "scripts.html" . }}
</body> </body>
</html> </html>

View File

@@ -126,7 +126,7 @@ img {
object-fit: cover; object-fit: cover;
} }
.card-body { .card-body {
padding: 1.5em 1em; padding: 1em;
} }
.card-title { .card-title {
margin: 0; margin: 0;
@@ -140,22 +140,36 @@ img {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
color: #7A7B7C; font-size: 0.8em;
font-size: 0.9em;
} }
.pagination-nav { .pagination-nav {
margin: 3em 0; margin: 4em 0;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
max-width: 42em; max-width: 42em;
} }
.pagination-prev {
}
.pagination-next {
}
.pagination-pagenum {
}
.button {
padding: 0.5em 0.6em;
background-color: #FFF;
border-radius: 0.2em;
border: 1px solid #FFF;
}
.side-gutter { .side-gutter {
padding-left: 0.7em !important; padding-left: 0.7em !important;
padding-right: 0.7em !important; padding-right: 0.7em !important;
box-sizing: border-box !important; box-sizing: border-box !important;
} }
.muted-text {
color: #7A7B7C;
}
blockquote { blockquote {
border-left: 0.3em solid #D1D1D1; border-left: 0.3em solid #D1D1D1;
margin: 1.5em 0.8em; margin: 1.5em 0.8em;
@@ -252,13 +266,13 @@ footer {
.card-subtext { .card-subtext {
font-size: 0.7em; font-size: 0.7em;
} }
.post-title {
font-size: 2.5em;
}
} }
/* Large devices (desktops, ~1025px and up) */ /* Large devices (desktops, ~1025px and up) */
@media only screen and (min-width: 64.063em) { @media only screen and (min-width: 64.063em) {
.post-title {
font-size: 2.5em;
}
} }
/* Extra large devices (large desktops, ~1441px and up) */ /* Extra large devices (large desktops, ~1441px and up) */