projects.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. <!DOCTYPE html>
  2. <html lang="en-us">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="generator" content="Hugo 0.36" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <link rel="stylesheet" href="/assets/css/theme.css">
  8. <link rel="alternate" href="/rss.xml" type="application/rss+xml" title="Pleasant Programmer">
  9. <script type="text/javascript" src="//use.typekit.net/iwm5axp.js"></script>
  10. <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
  11. <title>Projects - Pleasant Programmer</title>
  12. </head>
  13. <body>
  14. <header id="header" role="banner">
  15. <div id="thomas">
  16. <img src="/assets/img/thomas.gif" alt="DJ THOMAS IN DA HAUS">
  17. <img src="/assets/img/thomas.png" alt="Pleasant Programmer">
  18. </div>
  19. <h1 class="site-title"><a href="/">Pleasant Programmer</a></h1>
  20. <nav id="menu" role="navigation">
  21. <ul>
  22. <li class="twitter">
  23. <a href="http://twitter.com/pleasantprog">@pleasantprog</a>
  24. </li>
  25. <li><a href="/pages/projects.html">projects</a></li>
  26. <li><a href="/posts.html">archives</a></li>
  27. <li><a href="/tags.html">tags</a></li>
  28. <li><a href="/rss.xml">rss</a></li>
  29. </ul>
  30. </nav>
  31. </header>
  32. <div id="container">
  33. <main id="content" role="main">
  34. <article itemscope itemtype="http://schema.org/BlogPosting">
  35. <h1 class="p-name entry-title" itemprop="headline name">
  36. <a href="/pages/projects.html">Projects</a></h1>
  37. <div class="e-content entry-content" itemprop="entry-text">
  38. <p>I&rsquo;ve made a lot of things in my free time mostly to try out new web
  39. technologies. I&rsquo;ve also made some non-web things as well, but those aren&rsquo;t as
  40. easy to show off.</p>
  41. <h2 id="datalinks">Datalinks</h2>
  42. <p>The <a href="https://datalinks.pleasantprogrammer.com">Datalinks</a> is a recreation of the
  43. in-game manual of Sid Meier&rsquo;s Alpha Centauri. I really like the game,
  44. particularly how well the setting and atmosphere was done. The voice quotes
  45. whenever you discover a new technology were what really made the game for me and
  46. I&rsquo;ve included those into the site. I also tried my very best to capture the
  47. original look and feel from the game using HTML and CSS.</p>
  48. <h2 id="game-n-chat">Game n&rsquo; Chat</h2>
  49. <p><a href="https://gamenchat.pleasantprogrammer.com">Game n&rsquo; Chat</a> is an online chatroom
  50. where you can play the Taboo board game. I got the chance to play at a party one
  51. time and I really enjoyed it. I also remembered having quite a bit of fun
  52. playing trivia and other games over IRC back in the day, so I decided to build
  53. something similar.</p>
  54. <h2 id="audventure">Audventure</h2>
  55. <p><a href="https://audventure.pleasantprogrammer.com">Audventure</a> is a clone of the
  56. Gameboy Advance game, bit generations: Soundvoyager. The game really got my
  57. interest as the main mechanic involves navigating via sound. The original game
  58. was comprised of 5 different minigames, but I&rsquo;ve only really implemented one of
  59. them.</p>
  60. <h2 id="gtfs-html">GTFS.html</h2>
  61. <p><a href="https://gtfs.pleasantprogrammer.com">GTFS.html</a> is a viewer for transit data in
  62. the GTFS format. I work a lot with GTFS for Sakay.ph and it helps quite a lot to
  63. be able to visualize the GTFS quickly instead of looking at the raw CSV files or
  64. actually loading it into the routing engine and testing manually.</p>
  65. </div>
  66. </article>
  67. </main>
  68. <footer id="footer" role="contentinfo">
  69. <p>
  70. <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">
  71. <img alt="CC-BY-SA" style="border-width:0" src="https://licensebuttons.net/l/by-sa/3.0/80x15.png">
  72. </a> &copy; 2018 Thomas Dy - Powered by <a href="http://gohugo.io">Hugo</a></p>
  73. </footer>
  74. </div>
  75. <script src="/assets/js/konami.js"></script>
  76. <script>
  77. var easter_egg = new Konami();
  78. easter_egg.code = function() {
  79. var el = document.getElementById('thomas');
  80. if(el.className == "whoa") {
  81. el.className = "";
  82. }
  83. else {
  84. el.className = "whoa";
  85. }
  86. document.body.scrollTop = document.documentElement.scrollTop = 0;
  87. }
  88. easter_egg.load();
  89. </script>
  90. </body>
  91. </html>