Add proper pagination support.

[nithinphilips]

This commit adds pagination support introduces in recent versions of Hugo. See gohugoio/hugo#96

Related to issue #9

The CSS is from Bootstrap 3 with colors adjusted to match the default lanyon-hugo theme. It may need adjustment.

[tummychow]

Lanyon already provides CSS rules for pagination buttons (as shown in the stub implementation from many moons ago). I would rather see an implementation that uses those, rather than pulling in new CSS rules to support the hugo internal template.

[ace7]

@nithinphilips
Agree with @tummychow , based on your PR, just revert lanyon.css, change pagination div in index.html to the following will be fine.

<div class="pagination">
  {{ if $paginator.HasNext }}
  <a class="pagination-item older" href="{{ $paginator.Next.URL }}">Older</a>
  {{ else }}
  <span class="pagination-item older">Older</span>
  {{ end }}

  {{ if $paginator.HasPrev }}
  <a class="pagination-item newer" href="{{ $paginator.Prev.URL }}">Newer</a>
  {{ else }}
  <span class="pagination-item newer">Newer</span>
  {{ end }}
</div>

[nithinphilips]

@tummychow @ace7 Makes sense. Let me rework this.

[tummychow]

ping @nithinphilips , just wanted to check if you're still working on this.

[nithinphilips]

I've updated the pull request. Reverted changes to lanyon.css. Modified index.html per @ace7's suggestion.

I tested on a simple site with 21 pages. Hugo created 3 index pages (10 posts max/pg):

/

Older	Newer
/page/2/	Gray

/page/2

Older	Newer
/page/3/	/

/page/3

Older	Newer
Gray	/page/2

[tummychow]

👍 great contribution, thanks!