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.

52 lines
1.5 KiB

  1. {>header}
  2. <br><br><br><br><br>
  3. <div class="container">
  4. <div class="row">
  5. <div class="col-md-8 col-12">
  6. {for post in posts}
  7. <div class="blogPost">
  8. {if post.hasPicture}
  9. <img src="/blogContent/headerImages/{post.picture_url}" style="width:100%;">
  10. {/if}
  11. <div class="p-4">
  12. <h3><b>{post.name}</b></h3>
  13. <h5>
  14. <span class="w3-opacity">{post.published}</span>
  15. </h5>
  16. {post.blogBody}
  17. {if preview}
  18. <p class="text-center">
  19. <a class="btn btn-secondary btn-lg text-white"
  20. href="https://jrtechs.net/{post.categoryURL}/{post.url}"><b>Read More &raquo;</b></a>
  21. </p>
  22. {/if}
  23. </div>
  24. </div>
  25. <br>
  26. <br>
  27. {else}
  28. <div class="row p-lg-0">
  29. <h1 class="align-content-center">Page Not Found</h1>
  30. <div class="align-content-center">
  31. <img src="/includes/img/404.jpg" alt="Page not found" width="70%" />
  32. </div>
  33. </div>
  34. <br><br>
  35. {/for}
  36. {>paginationTemplate}
  37. <br>
  38. </div>
  39. <div class="col-md-4 col-12">
  40. {>sideBar}
  41. </div>
  42. </div>
  43. </div>
  44. {footer}