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.

154 lines
5.9 KiB

4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>Colin McMillen</title>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <!-- import the webpage's stylesheet -->
  9. <link href="https://fonts.googleapis.com/css?family=Fira+Mono:500,700|Press+Start+2P" rel="stylesheet">
  10. <link rel="shortcut icon" type="image/png" href="/favicon.png"/>
  11. <link rel="stylesheet" href="style.css">
  12. <!-- to demonstrate syntax highlighting -->
  13. <!-- <link rel="stylesheet" href="/pygments-monokai.css"> -->
  14. <!-- import the webpage's javascript file -->
  15. <script src="script.js" defer></script>
  16. </head>
  17. <body>
  18. <!-- SVG images originally from (e.g.) https://microicon-clone.vercel.app/github/18/EB5757 -->
  19. <header>
  20. <h1>
  21. <a href="/">Colin McMillen</a>
  22. </h1>
  23. </header>
  24. <article class="box box-red box-layout-sidebar">
  25. <h2 class="box-header">
  26. ABOUT
  27. </h2>
  28. <div class="box-content">
  29. <p>Lead developer at <a href="https://semicolin.games">SemiColin Games</a>, working on a stealth-based 2D platformer.</p>
  30. <p>Previously @ Google, reCAPTCHA, Carnegie Mellon.</p>
  31. <p><span><img src="/img/pin.svg"/></span> Boston</p>
  32. </div>
  33. <div class="box-footer">
  34. <a href="https://twitter.com/mcmillen" class="btn">@mcmillen <span><img src="/img/twitter.svg"/></span></a>
  35. <a href="https://github.com/mcmillen" class="btn">GitHub <span><img src="/img/github.svg"/></span></a>
  36. <a href="https://tinyletter.com/mcmillen" class="btn">Newsletter <span><img src="/img/forum.svg"/></span></a>
  37. <a href="mailto:me@famicol.in" class="btn">Email<span><img src="/img/email.svg"/></span></a>
  38. </div>
  39. </article>
  40. <article class="box box-purple box-layout-sidebar">
  41. <h2 class="box-header">
  42. GAMING
  43. </h2>
  44. <div class="box-content">
  45. <p>
  46. I stream Splatoon, Monster Hunter, Total War, and retro games!
  47. </p>
  48. <p>
  49. <span><img src="/img/nintendoswitch.svg" alt="Switch" title="Switch"/></span> SW-1906-3662-4308 <br>
  50. </p>
  51. </div>
  52. <div class="box-footer">
  53. <a href="https://twitch.tv/FamiColin" class="btn">FamiColin <span><img src="/img/twitch.svg"/></span></a>
  54. <a href="https://steamcommunity.com/id/FamiColin/" class="btn">FamiColin <span><img src="/img/steam.svg"/></span></a>
  55. <a href="https://psnprofiles.com/robomancer" class="btn">robomancer <span><img src="/img/playstation.svg"/></span></a>
  56. </div>
  57. </article>
  58. <article class="box box-gray box-layout-fullwidth">
  59. <h2 class="box-header">
  60. AMUSEMENTS
  61. </h2>
  62. <div class="box-content">
  63. <p>
  64. Some silly things I've done.
  65. </p>
  66. </div>
  67. <div class="box-footer">
  68. <a href="sigbovik/" class="btn">93% of Paint Splatters are Valid Perl Programs <span class="arrow"></span></a>
  69. <a href="language_checklist.html" class="btn">Programming Languages Checklist <span class="arrow"></span></a>
  70. <a href="https://twitter.com/mcmillen/status/1095795492196364297" class="btn">ohnosay<span class="arrow"></span></a>
  71. </div>
  72. </article>
  73. <article class="box box-gray box-layout-default">
  74. <h2 class="box-header">
  75. APRIL 2019 UPDATE
  76. </h2>
  77. <div class="box-content">
  78. <p>
  79. On my <a href="/sigbovik/index.html">SIGBOVIK paper</a>: &ldquo;93% of Paint Splatters are Valid Perl Programs&rdquo;, gardening, healthcare, and more.
  80. </p>
  81. <p><a href="https://tinyletter.com/mcmillen/letters/my-first-paper-in-10-years"><img src="https://gallery.tinyletterapp.com/76b879b0e95d11cda4d7d21283ce7d32a4f76e09/images/63d8cc7b-9d70-493c-9f64-1aa7da5b9426.png"></a></p>
  82. </div>
  83. <div class="box-footer">
  84. <a href="https://tinyletter.com/mcmillen/letters/my-first-paper-in-10-years" class="btn">READ MORE <span class="arrow"></span></a>
  85. </div>
  86. </article>
  87. <article class="box box-gray box-layout-default">
  88. <h2 class="box-header">
  89. RESUME
  90. </h2>
  91. <div class="box-content">
  92. <!-- TODO: add SemiColin Games -->
  93. <h3>Google</h3>
  94. <p>
  95. Staff Software Engineer<br>
  96. September 2009 &mdash; February 2019
  97. </p>
  98. <p>Projects:
  99. <a href="https://canvas.apps.chrome">Chrome Canvas</a>,
  100. <a href="https://www.androidauthority.com/google-handwriting-keyboard-android-wear-2-0-devices-764084/">Android Wear handwriting</a>,
  101. <a href="https://digitalattackmap.com">Digital Attack Map</a>,
  102. <a href="https://www.google.com/search?q=define+mortgage">Google Dictionary</a>,
  103. <a href="https://translate.google.com">Google Translate</a>,
  104. <a href="https://books.google.com">Google Books</a>, &amp;
  105. <a href="https://www.google.com/recaptcha">reCAPTCHA.</a></p>
  106. <!-- TODO: add Memegen, somehow. Google+? -->
  107. <h3>reCAPTCHA</h3>
  108. <p>
  109. Co-Founder &amp; Software Engineer<br>
  110. June 2007 &mdash; September 2009
  111. </p>
  112. <h3>Carnegie Mellon University</h3>
  113. <p>
  114. Ph.D. Computer Science<br>
  115. September 2003 &mdash; May 2009
  116. </p>
  117. <h3>University of Minnesota</h3>
  118. <p>
  119. B.S. Computer Science<br>
  120. September 1999 &mdash; May 2003
  121. </p>
  122. </div>
  123. <div class="box-footer">
  124. <a href="publications.html" class="btn">PUBLICATIONS <span class="arrow"></span></a>
  125. </div>
  126. </article>
  127. <footer>
  128. <div class="content">
  129. <p>
  130. (C) 2021 Colin McMillen<br>
  131. [but if you want to use anything, just ask!]
  132. </p>
  133. <p>
  134. Designed by <a href="https://melody.dev">Melody</a>!<br>
  135. If you want a well-designed site of your own, I heartily recommend working with them!
  136. </p>
  137. </div>
  138. </footer>
  139. </body>
  140. </html>