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.

87 lines
2.5 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. </div>
  37. {/if}
  38. {if error}
  39. <div class="row p-lg-0">
  40. <h1 class="align-content-center">Page Not Found</h1>
  41. <div class="align-content-center center-block">
  42. <img src="/includes/img/404.jpg" alt="Page not found" width="70%" />
  43. </div>
  44. </div>
  45. <br><br>
  46. {/if}
  47. </div>
  48. <!--
  49. _.-,
  50. .--' '-._
  51. _/`- _ '.
  52. '----'._`.----. \
  53. ` \;
  54. jgs ;_\
  55. -->
  56. <script
  57. src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
  58. integrity="sha256-pasqAKBDmFT4eHoN2ndd6lN370kFiGUFyTiUHWhU7k8="
  59. crossorigin="anonymous">
  60. </script>
  61. <script type="text/javascript">
  62. $(document).ready(function() {
  63. $("#lightgallery").lightGallery();
  64. });
  65. </script>
  66. <script src="https://cdn.jsdelivr.net/picturefill/2.3.1/picturefill.min.js"></script>
  67. <script src="/includes/js/lg/lightgallery-all.min.js"></script>
  68. <script src="/includes/js/lg/jquery.mousewheel.min.js"></script>
  69. {footer}