projects.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <!DOCTYPE html>
  2. <html lang="en-us">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="generator" content="Hugo 0.88.0" />
  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="audventure">Audventure</h2>
  49. <p><a href="https://audventure.pleasantprogrammer.com">Audventure</a> is a clone of the
  50. Gameboy Advance game, bit generations: Soundvoyager. The game really got my
  51. interest as the main mechanic involves navigating via sound. The original game
  52. was comprised of 5 different minigames, but I&rsquo;ve only really implemented one of
  53. them.</p>
  54. <h2 id="gtfshtml">GTFS.html</h2>
  55. <p><a href="https://gtfs.pleasantprogrammer.com">GTFS.html</a> is a viewer for transit data in
  56. the GTFS format. I work a lot with GTFS for Sakay.ph and it helps quite a lot to
  57. be able to visualize the GTFS quickly instead of looking at the raw CSV files or
  58. actually loading it into the routing engine and testing manually.</p>
  59. <h2 id="typingfreaks">Typingfreaks</h2>
  60. <p><a href="https://typingfreaks.pleasantprogrammer.com">Typingfreaks</a> is a clone of an old
  61. Japanese flash game called TypingMania. It&rsquo;s a speed typing game where you have
  62. to type lyrics (mainly Japanese) in time with the song as it&rsquo;s playing.</p>
  63. </div>
  64. </article>
  65. </main>
  66. <footer id="footer" role="contentinfo">
  67. <p>
  68. <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">
  69. <img alt="CC-BY-SA" style="border-width:0" src="https://licensebuttons.net/l/by-sa/3.0/80x15.png">
  70. </a> &copy; 2020 Thomas Dy - Powered by <a href="http://gohugo.io">Hugo</a></p>
  71. </footer>
  72. </div>
  73. <script src="/assets/js/konami.js"></script>
  74. <script>
  75. var easter_egg = new Konami();
  76. easter_egg.code = function() {
  77. var el = document.getElementById('thomas');
  78. if(el.className == "whoa") {
  79. el.className = "";
  80. }
  81. else {
  82. el.className = "whoa";
  83. }
  84. document.body.scrollTop = document.documentElement.scrollTop = 0;
  85. }
  86. easter_egg.load();
  87. </script>
  88. </body>
  89. </html>