blog.html 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. {{template "header.html" .}}
  2. <div class="card mb-4">
  3. {{if $.Data.Blog.HavePosts}}
  4. {{range $.Data.Blog.Posts}}
  5. <div class="post">
  6. <div class="card-body">
  7. <h2 class="card-title">
  8. <a href="{{.Permalink}}">
  9. {{.Name}}
  10. </a>
  11. </h2>
  12. <div class="post-content">
  13. {{.Briefly}}
  14. </div>
  15. <div class="post-date">
  16. <small>Published on {{.DateTimeFormat "02/01/2006, 15:04:05"}}</small>
  17. </div>
  18. </div>
  19. </div>
  20. {{end}}
  21. {{else}}
  22. <div class="card-body">
  23. Sorry, no posts matched your criteria
  24. </div>
  25. {{end}}
  26. </div>
  27. {{if $.Data.Blog.HavePosts}}
  28. {{if gt $.Data.Blog.PostsMaxPage 1 }}
  29. <nav>
  30. <ul class="pagination mb-4">
  31. {{if $.Data.Blog.PaginationPrev}}
  32. <li class="page-item{{if $.Data.Blog.PaginationPrev.Current}} disabled{{end}}">
  33. <a class="page-link" href="{{$.Data.Blog.PaginationPrev.Link}}">Previous</a>
  34. </li>
  35. {{end}}
  36. {{range $.Data.Blog.Pagination}}
  37. {{if .Dots}}
  38. <li class="page-item disabled"><a class="page-link" href="">...</a></li>
  39. {{else}}
  40. <li class="page-item{{if .Current}} active{{end}}">
  41. <a class="page-link" href="{{.Link}}">{{.Num}}</a>
  42. </li>
  43. {{end}}
  44. {{end}}
  45. {{if $.Data.Blog.PaginationNext}}
  46. <li class="page-item{{if $.Data.Blog.PaginationNext.Current}} disabled{{end}}">
  47. <a class="page-link" href="{{$.Data.Blog.PaginationNext.Link}}">Next</a>
  48. </li>
  49. {{end}}
  50. </ul>
  51. </nav>
  52. {{end}}
  53. {{end}}
  54. {{template "footer.html" .}}