Personal blog written from scratch using Node.js, Bootstrap, and MySQL. https://jrtechs.net
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.

65 lines
2.1 KiB

  1. {header}
  2. <div class="container">
  3. <div class="row">
  4. <div class="col-md-8 col-12">
  5. {for post in posts}
  6. <div class="blogPost">
  7. {if post.hasPicture}
  8. <img src="/blogContent/headerImages/{post.picture_url}" style="width:100%;">
  9. {/if}
  10. <div class="p-4">
  11. <h3><b>{post.name}</b></h3>
  12. <h5>
  13. <span class="w3-opacity">{post.published}</span>
  14. </h5>
  15. {post.blogBody}
  16. </div>
  17. </div>
  18. <br>
  19. <br>
  20. {else}
  21. <div class="row p-lg-0">
  22. <h1 class="align-content-center">Page Not Found</h1>
  23. <div class="align-content-center">
  24. <img src="/includes/img/404.jpg" alt="Page not found" width="70%" />
  25. </div>
  26. </div>
  27. <br><br>
  28. {/for}
  29. <div class="row">
  30. {>paginationTemplate}
  31. <!--<div class="col-6">-->
  32. <!--{if newPostsURL}-->
  33. <!--<button class="btn btn-secondary btn-l" onclick="location.href='{newPostsURL}'">-->
  34. <!--<b>Older Posts &raquo;</b>-->
  35. <!--</button>-->
  36. <!--{/if}-->
  37. <!--</div>-->
  38. <!--<div class="col-6">-->
  39. <!--{if oldPostsURL}-->
  40. <!--<span class="float-right">-->
  41. <!--<button class="btn btn-secondary btn-l" onclick="location.href='{oldPostsURL}'">-->
  42. <!--<b>Older Posts &raquo;</b>-->
  43. <!--</button>-->
  44. <!--</span>-->
  45. <!--{/if}-->
  46. <!--</div>-->
  47. </div>
  48. <br>
  49. </div>
  50. <div class="col-md-4 col-4">
  51. {>sideBar}
  52. </div>
  53. </div>
  54. </div>
  55. {footer}