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.

93 lines
4.3 KiB

  1. <!-- Footer -->
  2. <footer class="text-center">
  3. <div class="footer-above">
  4. <div class="container">
  5. <div class="row">
  6. <div class="footer-col col-md-4">
  7. <h3>Location</h3>
  8. <p>Rochester Institute of Technology
  9. <br>1 Lomb Memorial Dr, Rochester, NY 14623</p>
  10. </div>
  11. <div class="footer-col col-md-4">
  12. <h3>Around the Web</h3>
  13. <ul class="list-inline">
  14. <li class="list-inline-item">
  15. <a class="" href="https://www.youtube.com/c/JrtechsNet">
  16. <svg id="i-video" viewBox="0 0 32 32" width="50" height="50" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
  17. <path d="M22 13 L30 8 30 24 22 19 Z M2 8 L2 24 22 24 22 8 Z" />
  18. </svg>
  19. </a>
  20. </li>
  21. <li class="list-inline-item">
  22. <a class="" href="https://github.com/jrtechs">
  23. <svg id="i-github" viewBox="0 0 64 64" width="50" height="50">
  24. <path stroke-width="0" fill="currentColor" d="M32 0 C14 0 0 14 0 32 0 53 19 62 22 62 24 62 24 61 24 60 L24 55 C17 57 14 53 13 50 13 50 13 49 11 47 10 46 6 44 10 44 13 44 15 48 15 48 18 52 22 51 24 50 24 48 26 46 26 46 18 45 12 42 12 31 12 27 13 24 15 22 15 22 13 18 15 13 15 13 20 13 24 17 27 15 37 15 40 17 44 13 49 13 49 13 51 20 49 22 49 22 51 24 52 27 52 31 52 42 45 45 38 46 39 47 40 49 40 52 L40 60 C40 61 40 62 42 62 45 62 64 53 64 32 64 14 50 0 32 0 Z" />
  25. </svg>
  26. </a>
  27. </li>
  28. <li class="list-inline-item">
  29. <a class="" href="https://jrtechs.me">
  30. <svg id="i-portfolio" viewBox="0 0 32 32" width="50" height="50" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
  31. <path d="M29 17 L29 28 3 28 3 17 M2 8 L30 8 30 16 C30 16 24 20 16 20 8 20 2 16 2 16 L2 8 Z M16 22 L16 18 M20 8 C20 8 20 4 16 4 12 4 12 8 12 8" />
  32. </svg>
  33. </a>
  34. </li>
  35. </ul>
  36. </div>
  37. <div class="footer-col col-md-4">
  38. <h3>About This Website</h3>
  39. <p>Check out the source code for this website on my
  40. <a href="https://github.com/jrtechs">github</a>.</p>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. <div class="footer-below">
  46. <div class="container">
  47. <div class="row">
  48. <div class="col-lg-12">
  49. <p class="m-0 text-center text-white"><a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">CC-BY-SA 4.0</a> Jrtechs</p>
  50. </div>
  51. </div>
  52. </div>
  53. </div>
  54. </footer>
  55. <script src="/includes/js/navBar.min.js" async></script>
  56. <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.9.1/highlight.min.js"></script>
  57. <script>hljs.initHighlightingOnLoad();</script>
  58. <script>
  59. ( function() {
  60. var youtube = document.querySelectorAll( ".youtube" );
  61. for (var i = 0; i < youtube.length; i++) {
  62. var source = "https://img.youtube.com/vi/"+ youtube[i].dataset.embed +"/sddefault.jpg";
  63. var image = new Image();
  64. image.src = source;
  65. image.addEventListener( "load", function() {
  66. youtube[ i ].appendChild( image );
  67. }( i ) );
  68. youtube[i].addEventListener( "click", function() {
  69. var iframe = document.createElement( "iframe" );
  70. iframe.setAttribute( "frameborder", "0" );
  71. iframe.setAttribute( "allowfullscreen", "" );
  72. iframe.setAttribute( "src", "https://www.youtube.com/embed/"+ this.dataset.embed +"?rel=0&showinfo=0&autoplay=1" );
  73. this.innerHTML = "";
  74. this.appendChild( iframe );
  75. } );
  76. };
  77. } )();
  78. </script>
  79. </body>
  80. </html>