| {% if paginator.total_pages > 1 %} |
| <div class="pagination"> |
| <ul class="inline-list"> |
| {% comment %} Link for previous page {% endcomment %} |
| {% if paginator.previous_page %} |
| {% if paginator.previous_page == 1 %} |
| <li><a href="{{ site.url }}" class="btn">Previous</a></li> |
| {% else %} |
| <li><a href="{{ site.url }}/page{{ paginator.previous_page }}/" class="btn">Previous</a></li> |
| {% endif %} |
| {% endif %} |
| |
| {% comment %} First page {% endcomment %} |
| {% if paginator.page == 1 %} |
| <li><strong class="current-page">1</strong></li> |
| {% else %} |
| <li><a href="{{ site.url }}">1</a></li> |
| {% endif %} |
| |
| {% assign page_start = 2 %} |
| {% if paginator.page > 4 %} |
| {% assign page_start = paginator.page | minus: 2 %} |
| {% comment %} Ellipsis for truncated links {% endcomment %} |
| <li>…</li> |
| {% endif %} |
| |
| {% assign page_end = paginator.total_pages | minus: 1 %} |
| {% assign pages_to_end = paginator.total_pages | minus: paginator.page %} |
| {% if pages_to_end > 4 %} |
| {% assign page_end = paginator.page | plus: 2 %} |
| {% endif %} |
| |
| {% for index in (page_start..page_end) %} |
| {% if index == paginator.page %} |
| <li><strong class="current-page">{{index}}</strong></li> |
| {% else %} |
| {% comment %} Distance from current page and this link {% endcomment %} |
| {% assign dist = paginator.page | minus: index %} |
| {% if dist < 0 %} |
| {% comment %} Distance must be a positive value {% endcomment %} |
| {% assign dist = 0 | minus: dist %} |
| {% endif %} |
| <li><a href="{{ site.url }}/page{{ index }}/">{{index}}</a></li> |
| {% endif %} |
| {% endfor %} |
| |
| {% comment %} Ellipsis for truncated links {% endcomment %} |
| {% if pages_to_end > 3 %} |
| <li>…</li> |
| {% endif %} |
| |
| {% if paginator.page == paginator.total_pages %} |
| <li><strong class="current-page">{{ paginator.page }}</strong></li> |
| {% else %} |
| <li><a href="{{ site.url }}/page{{ paginator.total_pages }}/">{{ paginator.total_pages }}</a></li> |
| {% endif %} |
| |
| {% comment %} |
| Link next page |
| {% endcomment %} |
| {% if paginator.next_page %} |
| <li><a href="{{ site.url }}/page{{ paginator.next_page }}/" class="btn">Next</a></li> |
| {% endif %} |
| </ul> |
| </div> |
| {% endif %} |