{{ if .IsPage }}
{{ if .NextPage | or .PrevPage }}
<nav class="pagination" aria-label="Footer">
  <div class="previous">
  {{ if .NextPage }}
      <a href="{{ .NextPage.Permalink }}" title="{{ .NextPage.Title }}">
        <span class="direction">
          Previous
        </span>
        <div class="page">
          <div class="button button-previous" role="button" aria-label="Previous">
            <i class="icon icon-back"></i>
          </div>
          <div class="stretch">
            <div class="title">
              {{ .NextPage.Title }}
            </div>
          </div>
        </div>
      </a>
  {{ end }}
  </div>

  <div class="next">
  {{ if .PrevPage }}
      <a href="{{ .PrevPage.Permalink }}" title="{{ .PrevPage.Title }}">
        <span class="direction">
          Next
        </span>
        <div class="page">
          <div class="stretch">
            <div class="title">
              {{ .PrevPage.Title }}
            </div>
          </div>
          <div class="button button-next" role="button" aria-label="Next">
            <i class="icon icon-forward"></i>
          </div>
        </div>
      </a>
  {{ end }}
  </div>
</nav>
{{ end }}
{{ end }}

{{ if .IsHome }}
{{ if gt (len .Site.Pages) 2 }}
<nav class="pagination" aria-label="Footer">
  <div class="previous">
  </div>

  {{ $title := (index (.Site.Pages.ByDate) 1).Title  }}
  {{ $permalink := (index (.Site.Pages.ByDate) 1).Permalink }}
  <div class="next">
      <a href="{{ $permalink }}" title="{{ $title }}">
        <span class="direction">
          Next
        </span>
        <div class="page">
          <div class="stretch">
            <div class="title">
              {{ $title }}
            </div>
          </div>
          <div class="button button-next" role="button" aria-label="Next">
            <i class="icon icon-forward"></i>
          </div>
        </div>
      </a>
  </div>
</nav>
{{ end }}
{{ end }}