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.

170 lines
6.8 KiB

4 years ago
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>Colin McMillen &mdash; FamiColin</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. <script type="text/javascript">
  17. var _gaq = _gaq || [];
  18. _gaq.push(['_setAccount', 'UA-25704949-1']);
  19. _gaq.push(['_trackPageview']);
  20. (function() {
  21. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  22. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  23. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  24. })();
  25. </script>
  26. </head>
  27. <body>
  28. <header>
  29. <h1>
  30. <a href="/">Colin McMillen &lt;FamiColin&gt;</a>
  31. </h1>
  32. </header>
  33. <article class="box box-red box-layout-sidebar">
  34. <h2 class="box-header">
  35. ABOUT
  36. </h2>
  37. <div class="box-content">
  38. <p>Lead developer at SemiColin Games.</p>
  39. <p>Previously @ Google, reCAPTCHA, Carnegie Mellon.</p>
  40. <p><span><img src="https://icon.now.sh/pin/18/FFFFFF"/></span> Boston</p>
  41. </div>
  42. <div class="box-footer">
  43. <a href="https://twitter.com/mcmillen" class="btn">@mcmillen <span><img src="https://icon.now.sh/twitter/18/EB5757"/></span></a>
  44. <a href="https://github.com/mcmillen" class="btn">GitHub <span><img src="https://icon.now.sh/github/18/EB5757"/></span></a>
  45. <a href="https://tinyletter.com/mcmillen" class="btn">Newsletter <span><img src="https://icon.now.sh/forum/18/EB5757"/></span></a>
  46. <a href="mailto:me@famicol.in" class="btn">Email<span><img src="https://icon.now.sh/email/18/EB5757"/></span></a>
  47. </div>
  48. </article>
  49. <article class="box box-purple box-layout-sidebar">
  50. <h2 class="box-header">
  51. GAMING
  52. </h2>
  53. <div class="box-content">
  54. <p>
  55. I stream Splatoon, Monster Hunter, Total War, and retro games!
  56. </p>
  57. <p>
  58. <span><img src="https://icon.now.sh/nintendoswitch/18/ffffff" alt="Switch" title="Switch"/></span> SW-1906-3662-4308 <br>
  59. <!--
  60. <span><img src="https://icon.now.sh/playstation/15/ffffff" alt="PSN" title="PSN" /></span> robomancer<br>
  61. <span><img src="https://icon.now.sh/steam/15/ffffff" alt="Steam" title="Steam" /></span> FamiColin<br>
  62. -->
  63. </p>
  64. </div>
  65. <div class="box-footer">
  66. <a href="https://twitch.tv/FamiColin" class="btn">FamiColin <span><img src="https://icon.now.sh/twitch/18/90489C"/></span></a>
  67. <a href="https://steamcommunity.com/id/FamiColin/" class="btn">FamiColin <span><img src="https://icon.now.sh/steam/18/90489C"/></span></a>
  68. <a href="https://psnprofiles.com/robomancer" class="btn">robomancer <span><img src="https://icon.now.sh/playstation/18/90489C"/></span></a>
  69. <!-- <a href="#" class="btn">SW-1906-<br>3662-4308 <span><img src="https://icon.now.sh/
  70. nintendoswitch/18/90489C"/></span></a> -->
  71. </div>
  72. </article>
  73. <article class="box box-gray box-layout-fullwidth">
  74. <h2 class="box-header">
  75. AMUSEMENTS
  76. </h2>
  77. <div class="box-content">
  78. <p>
  79. Some silly things I've done.
  80. </p>
  81. </div>
  82. <div class="box-footer">
  83. <a href="sigbovik/index.html" class="btn">93% of Paint Splatters are Valid Perl Programs <span class="arrow"></span></a>
  84. <a href="language_checklist.html" class="btn">Programming Languages Checklist <span class="arrow"></span></a>
  85. <a href="https://twitter.com/mcmillen/status/1095795492196364297" class="btn">ohnosay<span class="arrow"></span></a>
  86. </div>
  87. </article>
  88. <article class="box box-gray box-layout-default">
  89. <h2 class="box-header">
  90. APRIL 2019 UPDATE
  91. </h2>
  92. <div class="box-content">
  93. <p>
  94. On my <a href="/sigbovik/index.html">SIGBOVIK paper</a>: &ldquo;93% of Paint Splatters are Valid Perl Programs&rdquo;, gardening, healthcare, and more.
  95. </p>
  96. <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>
  97. </div>
  98. <div class="box-footer">
  99. <a href="https://tinyletter.com/mcmillen/letters/my-first-paper-in-10-years" class="btn">READ MORE <span class="arrow"></span></a>
  100. </div>
  101. </article>
  102. <article class="box box-gray box-layout-default">
  103. <h2 class="box-header">
  104. RESUME
  105. </h2>
  106. <div class="box-content">
  107. <h3>Google</h3>
  108. <p>
  109. Staff Software Engineer<br>
  110. September 2009 &mdash; February 2019
  111. </p>
  112. <p>Projects:
  113. <a href="https://canvas.apps.chrome">Chrome Canvas</a>,
  114. <a href="https://www.androidauthority.com/google-handwriting-keyboard-android-wear-2-0-devices-764084/">Android Wear handwriting</a>,
  115. <a href="https://digitalattackmap.com">Digital Attack Map</a>,
  116. <a href="https://www.google.com/search?q=define+mortgage">Google Dictionary</a>,
  117. <a href="https://translate.google.com">Google Translate</a>,
  118. <a href="https://books.google.com">Google Books</a>, &amp;
  119. <a href="https://www.google.com/recaptcha">reCAPTCHA.</a></p>
  120. <!-- TODO: add Memegen, somehow. Google+? -->
  121. <h3>reCAPTCHA</h3>
  122. <p>
  123. Co-Founder &amp; Software Engineer<br>
  124. June 2007 &mdash; September 2009
  125. </p>
  126. <h3>Carnegie Mellon University</h3>
  127. <p>
  128. Ph.D. Computer Science<br>
  129. September 2003 &mdash; May 2009
  130. </p>
  131. <h3>University of Minnesota</h3>
  132. <p>
  133. B.S. Computer Science<br>
  134. September 1999 &mdash; May 2003
  135. </p>
  136. </div>
  137. <div class="box-footer">
  138. <a href="publications.html" class="btn">PUBLICATIONS <span class="arrow"></span></a>
  139. </div>
  140. </article>
  141. <footer>
  142. <div class="content">
  143. <p>
  144. (c) 2019 Colin McMillen<br>
  145. [but if you want to use anything, just ask!]
  146. </p>
  147. <p>
  148. Designed by <a href="https://melody.dev">Melody</a>!<br>
  149. If you want a well-designed site of your own, I heartily recommend working with them!
  150. </p>
  151. </div>
  152. </footer>
  153. </body>
  154. </html>