post-list.html 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. ---
  2. layout: default
  3. ---
  4. <section id="posts" style="padding-bottom: 0">
  5. <div class="wrapper">
  6. <div class="text-center">
  7. <h1 class="blue-title">Posts</h1>
  8. </div>
  9. <div class="posts-tabs">
  10. <span class="posts-tab-item btn-left tab-one active">Tech</span>
  11. <span class="posts-tab-item btn-right tab-two">Life</span>
  12. {% for i in (1..10) %}
  13. <i class="fa fa-paw" aria-hidden="true"></i>
  14. {% endfor %}
  15. </div>
  16. <ul class="posts-list tab-one-list" id="pag-itemContainer-one">
  17. {% assign counter-one = 0 %}
  18. {% for post in site.categories.Tech %}
  19. {% assign counter-one = counter-one | plus: 1 %}
  20. <li>
  21. <h2>
  22. <a href="{{ post.url }}" class="post-title">
  23. <span>{{ post.title | markdownify | remove: "<p>" | remove: "</p>" }}</span>
  24. </a>
  25. <span class="date">{{ post.date | date: '%d %b %Y' }}</span>
  26. </h2>
  27. <p>{{ post.excerpt | strip_html }}</p>
  28. <ul class="tags">
  29. {% for tag in post.tags %}
  30. <li><a href="/tags#{{ tag }}">{{ tag }}</a></li>
  31. {% unless forloop.last %}
  32. {% endunless %}
  33. {% endfor %}
  34. </ul>
  35. </li>
  36. {% endfor %}
  37. </ul>
  38. <ul class="posts-list tab-two-list tab-hidden" id="pag-itemContainer-two">
  39. {% assign counter-two = 0 %}
  40. {% for post in site.categories.Life %}
  41. {% assign counter-two = counter-two | plus: 1 %}
  42. <li>
  43. <h2>
  44. <a href="{{ post.url }}" class="post-title">
  45. <span>{{ post.title | markdownify | remove: "<p>" | remove: "</p>" }}</span>
  46. </a>
  47. <span class="date">{{ post.date | date: '%d %b %Y' }}</span>
  48. </h2>
  49. <p>{{ post.excerpt | strip_html }}</p>
  50. <ul class="tags">
  51. {% for tag in post.tags %}
  52. <li><a href="/tags#{{ tag }}">{{ tag }}</a></li>
  53. {% unless forloop.last %}
  54. {% endunless %}
  55. {% endfor %}
  56. </ul>
  57. </li>
  58. {% endfor %}
  59. </ul>
  60. {% include post-list-pagination.html %}
  61. </div>
  62. </section>