My personal website and blog.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 1.3KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. ---
  2. layout: page
  3. ---
  4. <div class="media">
  5. <article class="post-stub">
  6. {% for post in paginator.posts %}
  7. {% include post-stub.html post=post %}
  8. {% endfor %}
  9. </article>
  10. <div class="pagination-container">
  11. {% if paginator.previous_page %}
  12. <div class="pull-left">
  13. <a href="{{paginator.previous_page_path}}" class="btn">
  14. <span class="icon">
  15. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path d="M192 127.338v257.324c0 17.818-21.543 26.741-34.142 14.142L29.196 270.142c-7.81-7.81-7.81-20.474 0-28.284l128.662-128.662c12.599-12.6 34.142-3.676 34.142 14.142z"/></svg>
  16. </span>
  17. Page {{paginator.previous_page}}
  18. </a>
  19. </div>
  20. {% endif %}
  21. {% if paginator.next_page %}
  22. <div class="pull-right">
  23. <a href="{{paginator.next_page_path}}" class="btn">
  24. Page {{paginator.next_page}}
  25. <span class="icon">
  26. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"/></svg>
  27. </span>
  28. </a>
  29. </div>
  30. {% endif %}
  31. <div class="pull-center">
  32. {% assign x = paginator.page %}
  33. {% assign y = paginator.total_pages %}
  34. <p>
  35. Page {{ x }} of {{ y }}
  36. </p>
  37. </div>
  38. </div>
  39. </div>