diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..1377554 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +*.swp diff --git a/layouts/index.html b/layouts/index.html index 360647b..17de6dc 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,11 +1,12 @@ {{ partial "header.html" . }}
- {{ range $index, $page := .Site.Pages }} + {{ range $index, $page := .Paginator.Pages }} {{ if ne $index 0 }}
{{ end }} {{ .Render "li" }} {{ end }}
+{{ partial "pagination.html" .Paginator }} {{ partial "footer.html" . }} diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 8546a94..73c6011 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -41,7 +41,7 @@ {{ end }} -
+

{{ .Site.Title }}

{{ with .Site.Params.subtitle }} diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html new file mode 100644 index 0000000..0eb437e --- /dev/null +++ b/layouts/partials/pagination.html @@ -0,0 +1,9 @@ + diff --git a/static/css/main.css b/static/css/main.css index 2b2b8a7..b5fdc48 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -6,7 +6,7 @@ main { /* Header */ .global-header { - background-image: url(/images/bg.jpg); + background: #222 no-repeat center center; background-size: cover; } @@ -216,6 +216,47 @@ a.btn-back { color: rgba(255, 255, 255, 1.0); } +/* Pagination */ + +.pagination +{ + width: 720px; + text-align: center; +} + +.older-posts,.newer-posts +{ + display: inline!important; + border: 1px solid #ddd; + border-radius: 15px; + text-decoration: none; + transition: border .3s ease; + padding: 5px 14px; +} + +.page-number +{ + display: inline-block; + min-width: 100px; + padding: 2px 0; +} + +.newer-posts +{ + float: left; +} + +.older-posts +{ + float: right; +} + +.older-posts:hover,.newer-posts:hover +{ + color: #889093; + border-color: #98a0a4; +} + /* Override some of Bootstrap's styles */ pre {