-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
11 lines (10 loc) · 10.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html><html><head><title>Dylan Yep</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"><script type="text/javascript">(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-52937703-2', 'auto');
ga('send', 'pageview');</script></head><body><header class="navigation"><div class="navigation-wrapper"><a id="js-mobile-menu" href="javascript:void(0)" class="navigation-menu-button">MENU</a><h1 class="nav-name">DYLAN YEP</h1><div class="nav"><ul class="js-navigation-menu navigation-menu show"><li class="nav-link name"><a href="#about-me" class="scroll-on-page-link">DYLAN YEP</a></li><li class="nav-link"><a href="#about-me" class="scroll-on-page-link">Stuff About Me</a></li><li class="nav-link"><a href="#stuff-i-made" class="scroll-on-page-link">Stuff I Made</a></li><li class="nav-link"><a href="#stuff-i-know" class="scroll-on-page-link">Stuff I Know</a></li><li class="nav-link"><a href="../images/resume.pdf">Resume</a></li></ul></div><div class="navigation-tools hide"><ul class="js-navigation-menu navigation-menu"><li class="nav-link"><a href="https://github.com/dyep49" target="_blank"><i class="fa fa-github-square"></i></a></li><li class="nav-link"><a href="https://www.linkedin.com/in/dylanyep" target="_blank"><i class="fa fa-linkedin"></i></a></li><li class="nav-link"><a href="mailto:[email protected]"><i class="fa fa-envelope-o"></i></a></li></ul></div></div></header><div class="content-container"><div id="about-me" class="about-me-container"><h1><i class="fa fa-info"></i> Stuff About Me</h1><div class="project content"><div class="project-image"><img id="me" src="dist/img/me.gif" alt="Logo image"></div><div class="about-me-content"><p>I'm Dylan. I develop applications and infrastructure for <a href="http://www.hcsafety.com">Human Condition Safety. </a>Only rarely do I YOLO code into production.
Prior to my current job, I worked as an editorial developer
at Bloomberg Businessweek, where I worked closely with people who
saw Michael Bloomberg at the company picnic.
In my spare time, I tell people exactly how much <a href="https://twitter.com/umpireauditor">umpires suck. </a>Say hi on my <a href="http://www.tilde.club/~dylan/#/">tilde club page.</a></p></div></div></div><div id="stuff-for-hr"><h1><i class="fa fa-check-square-o"></i> Checkboxes for HR</h1><h3>Language</h3><ul></ul><li><button class="btn-lang"><i class="fa fa-check-square"></i> Javascript</button></li><li><button class="btn-lang"><i class="fa fa-check-square"></i> Ruby</button></li><li><button class="btn-lang"><i class="fa fa-check-square"></i> Python</button></li><li><button class="btn-lang"><i class="fa fa-check-square"></i> HTML</button></li><li><button class="btn-lang"><i class="fa fa-check-square"></i> SQL</button></li><li><button class="btn-lang"><i class="fa fa-check-square"></i> CSS</button></li><h3>Library/Framework</h3><ul></ul><li><button class="btn-lib"><i class="fa fa-check-square"></i> Node.js</button></li><li><button class="btn-lib"><i class="fa fa-check-square"></i> Ruby on Rails</button></li><li><button class="btn-lib"><i class="fa fa-check-square"></i> Django</button></li><li><button class="btn-lib"><i class="fa fa-check-square"></i> Express</button></li><li><button class="btn-lib"><i class="fa fa-check-square"></i> Sass</button></li><li><button class="btn-lib"><i class="fa fa-check-square"></i> D3js</button></li><li><button class="btn-lib"><i class="fa fa-check-square"></i> AngularJS</button></li><li><button class="btn-lib"><i class="fa fa-check-square"></i> KnockoutJS</button></li><li><button class="btn-lib"><i class="fa fa-check-square"></i> MustacheJS</button></li><li><button class="btn-lib"><i class="fa fa-check-square"></i> jQuery</button></li><li><button class="btn-lib"><i class="fa fa-check-square"></i> Browserify</button></li><li><button class="btn-lib"><i class="fa fa-check-square"></i> RequireJS</button></li><li><button class="btn-lib"><i class="fa fa-check-square"></i> Gulp</button></li><li><button class="btn-lib"><i class="fa fa-check-square"></i> Grunt</button></li><li><button class="btn-lib"><i class="fa fa-check-square"></i> React</button></li><li><button class="btn-lib"><i class="fa fa-check-square"></i> vue.js</button></li><li><button class="btn-lib"><i class="fa fa-check-square"></i> webpack</button></li><h3>Everything Else</h3><ul></ul><li><button class="btn-devops"><i class="fa fa-check-square"></i> AWS EC2</button></li><li><button class="btn-devops"><i class="fa fa-check-square"></i> MongoDB</button></li><li><button class="btn-devops"><i class="fa fa-check-square"></i> Postgres</button></li><li><button class="btn-devops"><i class="fa fa-check-square"></i> Microsoft Azure</button></li><li><button class="btn-devops"><i class="fa fa-check-square"></i> IBM Bluemix</button></li><li><button class="btn-devops"><i class="fa fa-check-square"></i> Heroku</button></li><li><button class="btn-devops"><i class="fa fa-check-square"></i> Git/Github</button></li><li><button class="btn-devops"><i class="fa fa-check-square"></i> Ansible</button></li><li><button class="btn-devops"><i class="fa fa-check-square"></i> Docker</button></li><li><button class="btn-devops"><i class="fa fa-check-square"></i> Vagrant</button></li><li><button class="btn-devops"><i class="fa fa-check-square"></i> Kubernetes</button></li><li><button class="btn-devops"><i class="fa fa-check-square"></i> Jenkins</button></li><li><button class="btn-devops"><i class="fa fa-check-square"></i> Terraform</button></li><li><button class="btn-devops"><i class="fa fa-check-square"></i> CoreOS</button></li></div><div id="stuff-i-know" class="do-container"><h1><i class="fa fa-tasks"></i> Stuff I Know</h1><div class="language-chart chart"></div><div class="footnote"><ul><li>*Familiar. Not comfortable implementing without extensive googling.</li><li>**Proficient. I use it on a regular basis.</li><li>***Expert. Deep technical expertise in the subject.</li></ul></div><div class="mobile-legend"><ul><li class="language">Language</li><li class="library">Library/Framework</li><li class="devops">Software/Management/Devops</li></ul></div></div><div id="stuff-i-made" class="made-container"><h1><i class="fa fa-code"></i> Stuff I Made (That I'm Allowed to Share)</h1><div class="made-content content"></div><div class="project"><div class="project-image"><a href="http://www.businessweek.com/graphics/baseballs-worst-call-of-the-day/#/" target="_blank"><img src="dist/img/umpire.jpg" alt="http://placehold.it/400x250"></a></div><div class="project-content"><h2>Umpire Auditor</h2><p>Analyzes every pitch in the MLB every night, ranks umpires based on the percentage of calls they make correctly, and returns the worst call of the night. API built on Rails with an AngularJS front end hosted on Businessweek</p><p class="project-detail"><a href="https://github.com/dyep49/Angular-Umpire-Auditor" target="_blank"><i class="fa fa-github-square"></i></a></p></div></div><div class="project"><div class="project-image"><a href="http://www.bloomberg.com/politics/data/2014-11-13/the-2014-election-map-without-democrats-and-republicans" target="_blank"><img src="dist/img/other-election.jpg" alt="http://placehold.it/400x250"></a></div><div class="project-content"><h2>Other Election Map</h2><p>2014 U.S. Senate election map removing Democrats and Republicans.</p><p class="project-detail"><a href="https://github.com/bizweekgraphics/other-election-map" target="_blank"><i class="fa fa-github-square"></i></a></p></div></div><div class="project"><div class="project-image"><a href="http://www.businessweek.com/articles/2014-05-15/the-stairway-to-heaven-game-did-led-zeppelin-steal-the-greatest-song-opening-in-rock-history" target="_blank"><img src="dist/img/zeppelin.jpg" alt="http://placehold.it/400x250"></a></div><div class="project-content"><h2>Zeppelin Game</h2><p>A musical game to see if you can differentiate the famous opening of Stairway to Heaven from part of the obscure song that might have inspired it.</p><p class="project-detail"><a href="https://github.com/bizweekgraphics/zeppelin" target="_blank"><i class="fa fa-github-square"></i></a></p></div></div><div class="project"><div class="project-image"><a href="https://twitter.com/fccliefs" target="_blank"><img src="dist/img/fccliefs.jpg" alt="http://placehold.it/400x250"></a></div><div class="project-content"><h2>FCCliefs Twitter Bot</h2><p>Twitter bot loaded with public comments on net neutrality from the FCC database. Originally, in pdf form, the comments were unsearchable. Now they can be queried by tweeting at the bot. Also, if you just want to chat, FCCliefs is quite a conversationalist.</p><p class="project-detail"><a href="https://github.com/bizweekgraphics/twitterbot" target="_blank"><i class="fa fa-github-square"></i></a></p></div></div><div class="project"><div class="project-image"><a href="http://www.businessweek.com/features/the-global-technology-issue-way-beyond-silicon-valley/" target="_blank"><img src="dist/img/global-tech.jpg" alt="http://placehold.it/400x250"></a></div><div class="project-content"><h2>Global tech landing</h2><p>Landing page for Businessweek's Global Tech issue. Paths are added to a D3 globe as you read articles from around the world.</p><p class="project-detail"><a href="https://github.com/bizweekgraphics/global-tech-landing" target="_blank"><i class="fa fa-github-square"></i></a></p></div></div><div class="project"><div class="project-image"><a href="http://www.businessweek.com/articles/2014-07-02/interactive-graphic-how-americans-spend-their-time" target="_blank"><img src="dist/img/atus.jpg" alt="http://placehold.it/400x250"></a></div><div class="project-content"><h2>American Time Use Study Interactive</h2><p>Interactive based on the American Time Use Study. Allows you to compare their time usage to the average American</p><p class="project-detail"><a href="https://github.com/bizweekgraphics/ATUS" target="_blank"><i class="fa fa-github-square"></i></a></p></div></div><div class="project"><div class="project-image"><a href="http://www.businessweek.com/graphics/quiz-can-women-win-at-work/" target="_blank"><img src="dist/img/working-women.jpg" alt="http://placehold.it/400x250"></a></div><div class="project-content"><h2>Can a Woman Ever Win at Work?</h2><p>Apparently not. A quiz based on a study highlighting the difficulties women face in office gender dynamics.</p><p class="project-detail"><a href="https://github.com/bizweekgraphics/quiz-workingwomen" target="_blank"><i class="fa fa-github-square"></i></a></p></div></div></div></div><script src="dist/dist_bundle.js"></script></body></html>