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.

92 lines
2.9 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. {if directory}
  10. <div class="row p-2 align-content-center">
  11. {for dir in folders}
  12. <div class="col-lg-4 col-md-6 col-xs-12 thumb p-12 text-center"'>
  13. <div class="span4"></div>
  14. <div class="span4">
  15. <a href="{dir.url}">
  16. <img class="img-thumbnail img-responsive center-block" width="100%" src="{dir.img}" />
  17. </a>
  18. </div>
  19. <div class="span4"></div>
  20. </div>
  21. {/for}
  22. </div>
  23. {else}
  24. <div id="lightgallery" class="row p-2 align-content-center">
  25. {for img in images}
  26. <div class="col-lg-4 col-md-6 col-xs-12 thumb p-12 text-center" data-src='{img.full}'>
  27. <div class="span4"></div>
  28. <div class="span4">
  29. <a href="{img.full}">
  30. <img class="img-thumbnail img-responsive center-block" width="100%" src="{img.full}" />
  31. </a>
  32. </div>
  33. <div class="span4"></div>
  34. </div>
  35. {/for}
  36. <!--<a href="/blogContent/photos/2019/june/mohawk-river-trail/DSC02145.jpg">-->
  37. <!--<img src="/blogContent/photos/2019/june/mohawk-river-trail/DSC02145.jpg" />-->
  38. <!--</a>-->
  39. <!--<a href="/blogContent/photos/2019/june/mohawk-river-trail/DSC02145.jpg">-->
  40. <!--<img src="/blogContent/photos/2019/june/mohawk-river-trail/DSC02145.jpg" />-->
  41. <!--</a>-->
  42. </div>
  43. {/if}
  44. {if error}
  45. <div class="row p-lg-0">
  46. <h1 class="align-content-center">Page Not Found</h1>
  47. <div class="align-content-center center-block">
  48. <img src="/includes/img/404.jpg" alt="Page not found" width="70%" />
  49. </div>
  50. </div>
  51. <br><br>
  52. {/if}
  53. </div>
  54. <!--
  55. _.-,
  56. .--' '-._
  57. _/`- _ '.
  58. '----'._`.----. \
  59. ` \;
  60. jgs ;_\
  61. -->
  62. <script
  63. src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
  64. integrity="sha256-pasqAKBDmFT4eHoN2ndd6lN370kFiGUFyTiUHWhU7k8="
  65. crossorigin="anonymous">
  66. </script>
  67. <script type="text/javascript">
  68. $(document).ready(function() {
  69. $("#lightgallery").lightGallery();
  70. });
  71. </script>
  72. <script src="https://cdn.jsdelivr.net/picturefill/2.3.1/picturefill.min.js"></script>
  73. <script src="/includes/js/lg/lightgallery-all.min.js"></script>
  74. <script src="/includes/js/lg/jquery.mousewheel.min.js"></script>
  75. {footer}