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.

69 lines
2.3 KiB

  1. {header}
  2. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.6.12/css/lg-transitions.min.css" />
  3. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.6.12/css/lightgallery.min.css" />
  4. <div class="container">
  5. <br><br><br><br>
  6. <div class="p-2">
  7. {mainPost}
  8. </div>
  9. <div id="lightgallery" class="row p-2 align-content-center">
  10. {for img in images}
  11. <div class="col-lg-4 col-md-6 col-xs-12 thumb p-12 text-center" data-src='{img.full}'>
  12. <div class="span4"></div>
  13. <div class="span4">
  14. <a href="{img.full}">
  15. <img class="img-thumbnail img-responsive center-block" width="100%" src="{img.full}" />
  16. </a>
  17. </div>
  18. <div class="span4"></div>
  19. </div>
  20. {/for}
  21. {if error}
  22. <div class="row p-lg-0">
  23. <h1 class="align-content-center">Page Not Found</h1>
  24. <div class="align-content-center center-block">
  25. <img src="/includes/img/404.jpg" alt="Page not found" width="70%" />
  26. </div>
  27. </div>
  28. <br><br>
  29. {/if}
  30. <!--<a href="/blogContent/photos/2019/june/mohawk-river-trail/DSC02145.jpg">-->
  31. <!--<img src="/blogContent/photos/2019/june/mohawk-river-trail/DSC02145.jpg" />-->
  32. <!--</a>-->
  33. <!--<a href="/blogContent/photos/2019/june/mohawk-river-trail/DSC02145.jpg">-->
  34. <!--<img src="/blogContent/photos/2019/june/mohawk-river-trail/DSC02145.jpg" />-->
  35. <!--</a>-->
  36. </div>
  37. </div>
  38. <!--
  39. _.-,
  40. .--' '-._
  41. _/`- _ '.
  42. '----'._`.----. \
  43. ` \;
  44. jgs ;_\
  45. -->
  46. <script
  47. src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
  48. integrity="sha256-pasqAKBDmFT4eHoN2ndd6lN370kFiGUFyTiUHWhU7k8="
  49. crossorigin="anonymous">
  50. </script>
  51. <script type="text/javascript">
  52. $(document).ready(function() {
  53. $("#lightgallery").lightGallery();
  54. });
  55. </script>
  56. <script src="https://cdn.jsdelivr.net/picturefill/2.3.1/picturefill.min.js"></script>
  57. <script src="/includes/js/lg/lightgallery-all.min.js"></script>
  58. <script src="/includes/js/lg/jquery.mousewheel.min.js"></script>
  59. {footer}