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.

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