projects.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. <!DOCTYPE html>
  2. <html lang="en-us">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="generator" content="Hugo 0.92.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><a href="/pages/projects.html">projects</a></li>
  23. <li><a href="/posts.html">archives</a></li>
  24. <li><a href="/tags.html">tags</a></li>
  25. <li><a href="/rss.xml">rss</a></li>
  26. </ul>
  27. </nav>
  28. </header>
  29. <div id="container">
  30. <main id="content" role="main">
  31. <article itemscope itemtype="http://schema.org/BlogPosting">
  32. <h1 class="p-name entry-title" itemprop="headline name">
  33. <a href="/pages/projects.html">Projects</a></h1>
  34. <div class="e-content entry-content" itemprop="entry-text">
  35. <p>I&rsquo;ve made a lot of things in my free time mostly to try out new web
  36. technologies. I&rsquo;ve also made some non-web things as well, but those aren&rsquo;t as
  37. easy to show off.</p>
  38. <h2 id="datalinks">Datalinks</h2>
  39. <p>The <a href="https://datalinks.pleasantprogrammer.com">Datalinks</a> is a recreation of the
  40. in-game manual of Sid Meier&rsquo;s Alpha Centauri. I really like the game,
  41. particularly how well the setting and atmosphere was done. The voice quotes
  42. whenever you discover a new technology were what really made the game for me and
  43. I&rsquo;ve included those into the site. I also tried my very best to capture the
  44. original look and feel from the game using HTML and CSS.</p>
  45. <h2 id="audventure">Audventure</h2>
  46. <p><a href="https://audventure.pleasantprogrammer.com">Audventure</a> is a clone of the
  47. Gameboy Advance game, bit generations: Soundvoyager. The game really got my
  48. interest as the main mechanic involves navigating via sound. The original game
  49. was comprised of 5 different minigames, but I&rsquo;ve only really implemented one of
  50. them.</p>
  51. <h2 id="gtfshtml">GTFS.html</h2>
  52. <p><a href="https://gtfs.pleasantprogrammer.com">GTFS.html</a> is a viewer for transit data in
  53. the GTFS format. I work a lot with GTFS for Sakay.ph and it helps quite a lot to
  54. be able to visualize the GTFS quickly instead of looking at the raw CSV files or
  55. actually loading it into the routing engine and testing manually.</p>
  56. <h2 id="typingfreaks">Typingfreaks</h2>
  57. <p><a href="https://typingfreaks.pleasantprogrammer.com">Typingfreaks</a> is a clone of an old
  58. Japanese flash game called TypingMania. It&rsquo;s a speed typing game where you have
  59. to type lyrics (mainly Japanese) in time with the song as it&rsquo;s playing.</p>
  60. </div>
  61. </article>
  62. </main>
  63. <footer id="footer" role="contentinfo">
  64. <p>
  65. <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">
  66. <img alt="CC-BY-SA" style="border-width:0" src="https://licensebuttons.net/l/by-sa/3.0/80x15.png">
  67. </a> &copy; 2022 Thomas Dy - Powered by <a href="http://gohugo.io">Hugo</a></p>
  68. </footer>
  69. </div>
  70. <script src="/assets/js/konami.js"></script>
  71. <script>
  72. var easter_egg = new Konami();
  73. easter_egg.code = function() {
  74. var el = document.getElementById('thomas');
  75. if(el.className == "whoa") {
  76. el.className = "";
  77. }
  78. else {
  79. el.className = "whoa";
  80. }
  81. document.body.scrollTop = document.documentElement.scrollTop = 0;
  82. }
  83. easter_egg.load();
  84. </script>
  85. </body>
  86. </html>