index.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  1. <!DOCTYPE html>
  2. <html prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article# " vocab="http://ogp.me/ns" lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width">
  6. <title>transit | Pleasant Programmer</title>
  7. <link href="../../assets/css/rst.css" rel="stylesheet" type="text/css">
  8. <link href="../../assets/css/code.css" rel="stylesheet" type="text/css">
  9. <link href="../../assets/css/theme.css" rel="stylesheet" type="text/css">
  10. <link href="../../assets/css/custom.css" rel="stylesheet" type="text/css">
  11. <link rel="alternate" type="application/rss+xml" title="RSS" href="../../rss.xml">
  12. <link rel="canonical" href="http://pleasantprogrammer.com/galleries/transit/index.html">
  13. <script type="text/javascript" src="//use.typekit.net/iwm5axp.js"></script>
  14. <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
  15. <!--[if lt IE 9]><script src="../../assets/js/html5.js"></script><![endif]-->
  16. </head>
  17. <body>
  18. <a href="#content" class="sr-only sr-only-focusable">Skip to main content</a>
  19. <header id="header" role="banner">
  20. <div class="thomas">
  21. <img src="../../assets/img/thomas.gif" alt="DJ THOMAS IN DA HAUS">
  22. <img src="../../assets/img/thomas.png" alt="Pleasant Programmer">
  23. </div>
  24. <h1 id="brand"><a href="http://pleasantprogrammer.com/" title="Pleasant Programmer" rel="home">
  25. <span id="blog-title">Pleasant Programmer</span>
  26. </a></h1>
  27. <nav id="menu" role="navigation">
  28. <ul>
  29. <li class="twitter"><a href="http://twitter.com/pleasantprog">@pleasantprog</a></li>
  30. <li><a href="../../archive.html">Archives</a></li>
  31. <li><a href="../../categories/index.html">Tags</a></li>
  32. <li><a href="../../rss.xml">RSS</a></li>
  33. </ul>
  34. </nav>
  35. </header>
  36. <div id="container">
  37. <main id="content" role="main">
  38. <nav class="breadcrumbs">
  39. <ul class="breadcrumb">
  40. <li><a href="../">galleries</a></li>
  41. <li><a href="#">transit</a></li>
  42. </ul>
  43. </nav>
  44. <h1>transit</h1>
  45. <ul class="thumbnails">
  46. <li>
  47. <a href="onebusaway1.png" class="thumbnail image-reference" title="Onebusaway1">
  48. <img src="onebusaway1.thumbnail.png" alt="Onebusaway1"></a>
  49. </li>
  50. <li>
  51. <a href="gtfs_preview.jpg" class="thumbnail image-reference" title="Gtfs preview">
  52. <img src="gtfs_preview.thumbnail.jpg" alt="Gtfs preview"></a>
  53. </li>
  54. <li>
  55. <a href="onebusaway2.png" class="thumbnail image-reference" title="Onebusaway2">
  56. <img src="onebusaway2.thumbnail.png" alt="Onebusaway2"></a>
  57. </li>
  58. <li>
  59. <a href="otp1.png" class="thumbnail image-reference" title="Otp1">
  60. <img src="otp1.thumbnail.png" alt="Otp1"></a>
  61. </li>
  62. <li>
  63. <a href="onebusaway3.png" class="thumbnail image-reference" title="Onebusaway3">
  64. <img src="onebusaway3.thumbnail.png" alt="Onebusaway3"></a>
  65. </li>
  66. <li>
  67. <a href="otp2.png" class="thumbnail image-reference" title="Otp2">
  68. <img src="otp2.thumbnail.png" alt="Otp2"></a>
  69. </li>
  70. <li>
  71. <a href="otproundabout.png" class="thumbnail image-reference" title="Otproundabout">
  72. <img src="otproundabout.thumbnail.png" alt="Otproundabout"></a>
  73. </li>
  74. <li>
  75. <a href="otpelevation.png" class="thumbnail image-reference" title="Otpelevation">
  76. <img src="otpelevation.thumbnail.png" alt="Otpelevation"></a>
  77. </li>
  78. <li>
  79. <a href="upkatipunan.jpg" class="thumbnail image-reference" title="Upkatipunan">
  80. <img src="upkatipunan.thumbnail.jpg" alt="Upkatipunan"></a>
  81. </li>
  82. </ul>
  83. </main>
  84. <footer id="footer" role="contentinfo">
  85. <p><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US"><img alt="CC-BY-SA" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/80x15.png"></a> © 2015 Thomas Dy - Powered by <a href="http://getnikola.com">Nikola</a></p>
  86. </footer>
  87. </div>
  88. <script src="../../assets/js/konami.js"></script>
  89. <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
  90. <script>
  91. var easter_egg = new Konami();
  92. easter_egg.code = function() {
  93. $(".thomas").toggleClass("whoa");
  94. $("body").scrollTop(0);
  95. }
  96. easter_egg.load();
  97. // love you, thomas!
  98. // yours, @_phi + @meggykawsek
  99. </script>
  100. </body>
  101. </html>