www-home/index.html

158 lines
6.5 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>Colin McMillen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- import the webpage's stylesheet -->
<link href="https://fonts.googleapis.com/css?family=Fira+Mono:500,700|Press+Start+2P" rel="stylesheet">
<link rel="shortcut icon" type="image/png" href="/favicon.png"/>
<link rel="stylesheet" href="style.css">
<!-- to demonstrate syntax highlighting -->
<!-- <link rel="stylesheet" href="/pygments-monokai.css"> -->
<!-- import the webpage's javascript file -->
<script src="script.js" defer></script>
</head>
<body>
<header>
<h1>
<a href="/">Colin McMillen</a>
</h1>
</header>
<article class="box box-red box-layout-sidebar">
<h2 class="box-header">
ABOUT
</h2>
<div class="box-content">
<p>Lead developer at <a href="https://semicolin.games">SemiColin Games</a>, working on a stealth-based 2D platformer.</p>
<p>Previously @ Google, reCAPTCHA, Carnegie Mellon.</p>
<p><span><img src="https://microicon-clone.vercel.app/pin/18/FFFFFF"/></span> Boston</p>
</div>
<div class="box-footer">
<a href="https://twitter.com/mcmillen" class="btn">@mcmillen <span><img src="/img/twitter.svg"/></span></a>
<a href="https://github.com/mcmillen" class="btn">GitHub <span><img src="https://microicon-clone.vercel.app/github/18/EB5757"/></span></a>
<a href="https://tinyletter.com/mcmillen" class="btn">Newsletter <span><img src="https://microicon-clone.vercel.app/forum/18/EB5757"/></span></a>
<a href="mailto:me@famicol.in" class="btn">Email<span><img src="https://microicon-clone.vercel.app/email/18/EB5757"/></span></a>
</div>
</article>
<article class="box box-purple box-layout-sidebar">
<h2 class="box-header">
GAMING
</h2>
<div class="box-content">
<p>
I stream Splatoon, Monster Hunter, Total War, and retro games!
</p>
<p>
<span><img src="https://microicon-clone.vercel.app/nintendoswitch/18/ffffff" alt="Switch" title="Switch"/></span> SW-1906-3662-4308 <br>
<!--
<span><img src="https://microicon-clone.vercel.app/playstation/15/ffffff" alt="PSN" title="PSN" /></span> robomancer<br>
<span><img src="https://microicon-clone.vercel.app/steam/15/ffffff" alt="Steam" title="Steam" /></span> FamiColin<br>
-->
</p>
</div>
<div class="box-footer">
<a href="https://twitch.tv/FamiColin" class="btn">FamiColin <span><img src="https://microicon-clone.vercel.app/twitch/18/90489C"/></span></a>
<a href="https://steamcommunity.com/id/FamiColin/" class="btn">FamiColin <span><img src="https://microicon-clone.vercel.app/steam/18/90489C"/></span></a>
<a href="https://psnprofiles.com/robomancer" class="btn">robomancer <span><img src="https://microicon-clone.vercel.app/playstation/18/90489C"/></span></a>
<!-- <a href="#" class="btn">SW-1906-<br>3662-4308 <span><img src="https://microicon-clone.vercel.app/
nintendoswitch/18/90489C"/></span></a> -->
</div>
</article>
<article class="box box-gray box-layout-fullwidth">
<h2 class="box-header">
AMUSEMENTS
</h2>
<div class="box-content">
<p>
Some silly things I've done.
</p>
</div>
<div class="box-footer">
<a href="sigbovik/" class="btn">93% of Paint Splatters are Valid Perl Programs <span class="arrow"></span></a>
<a href="language_checklist.html" class="btn">Programming Languages Checklist <span class="arrow"></span></a>
<a href="https://twitter.com/mcmillen/status/1095795492196364297" class="btn">ohnosay<span class="arrow"></span></a>
</div>
</article>
<article class="box box-gray box-layout-default">
<h2 class="box-header">
APRIL 2019 UPDATE
</h2>
<div class="box-content">
<p>
On my <a href="/sigbovik/index.html">SIGBOVIK paper</a>: &ldquo;93% of Paint Splatters are Valid Perl Programs&rdquo;, gardening, healthcare, and more.
</p>
<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>
</div>
<div class="box-footer">
<a href="https://tinyletter.com/mcmillen/letters/my-first-paper-in-10-years" class="btn">READ MORE <span class="arrow"></span></a>
</div>
</article>
<article class="box box-gray box-layout-default">
<h2 class="box-header">
RESUME
</h2>
<div class="box-content">
<h3>Google</h3>
<p>
Staff Software Engineer<br>
September 2009 &mdash; February 2019
</p>
<p>Projects:
<a href="https://canvas.apps.chrome">Chrome Canvas</a>,
<a href="https://www.androidauthority.com/google-handwriting-keyboard-android-wear-2-0-devices-764084/">Android Wear handwriting</a>,
<a href="https://digitalattackmap.com">Digital Attack Map</a>,
<a href="https://www.google.com/search?q=define+mortgage">Google Dictionary</a>,
<a href="https://translate.google.com">Google Translate</a>,
<a href="https://books.google.com">Google Books</a>, &amp;
<a href="https://www.google.com/recaptcha">reCAPTCHA.</a></p>
<!-- TODO: add Memegen, somehow. Google+? -->
<h3>reCAPTCHA</h3>
<p>
Co-Founder &amp; Software Engineer<br>
June 2007 &mdash; September 2009
</p>
<h3>Carnegie Mellon University</h3>
<p>
Ph.D. Computer Science<br>
September 2003 &mdash; May 2009
</p>
<h3>University of Minnesota</h3>
<p>
B.S. Computer Science<br>
September 1999 &mdash; May 2003
</p>
</div>
<div class="box-footer">
<a href="publications.html" class="btn">PUBLICATIONS <span class="arrow"></span></a>
</div>
</article>
<footer>
<div class="content">
<p>
(C) 2020 Colin McMillen<br>
[but if you want to use anything, just ask!]
</p>
<p>
Designed by <a href="https://melody.dev">Melody</a>!<br>
If you want a well-designed site of your own, I heartily recommend working with them!
</p>
</div>
</footer>
</body>
</html>