Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
260 lines (211 sloc) 8.73 KB
<!doctype>
<html>
<head>
<!-- Meta -->
<title>Nicky Case</title>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<link rel="icon" type="image/png" href="favicon.png"/>
<!-- Schema.org markup for Google+ -->
<meta itemprop="name" content="Nicky Case">
<meta itemprop="description" content="Nicky Case plays with play.">
<meta itemprop="image" content="http://ncase.me/social/thumbnail.png">
<!-- Twitter Card data -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@ncasenmare">
<meta name="twitter:title" content="Nicky Case">
<meta name="twitter:description" content="Nicky Case plays with play.">
<meta name="twitter:creator" content="@ncasenmare">
<meta name="twitter:image" content="http://ncase.me/social/thumbnail.png">
<!-- Open Graph data -->
<meta property="og:title" content="Nicky Case">
<meta property="og:type" content="website">
<meta property="og:url" content="http://ncase.me">
<meta property="og:image" content="http://ncase.me/social/thumbnail.png">
<meta property="og:description" content="Nicky Case plays with play.">
<!-- Stylin' -->
<link rel="stylesheet" href="css/index.css"/>
<link rel="stylesheet" href="css/mailchimp.css"/>
</head>
<body>
<div id="header">
<a class="homelink" href="/">
<div id="banner"><div><div></div><div></div></div></div>
</a>
<div id="navigation">
<div style="width:800px; margin:0 auto">
<a class="homelink" href="/" style="float:left">Nicky Case</a>
<span style="color:#ddd; float:right">
<a class="navlink" href="http://blog.ncase.me">blog</a> |
<a class="navlink" href="https://twitter.com/ncasenmare">twitter</a> |
<a class="navlink" href="https://www.patreon.com/ncase">throw monies at me</a>
</span>
</div>
</div>
</div>
<div id="content">
<!-- THINGS YOU CAN PLAY -->
<div class="section">–THINGS YOU CAN PLAY–</div>
<a href="http://ncase.me/ballot/">
<div>
<img src="img/ballot.png"/>
<div>to build a better ballot, <span>an interactive guide to alternative voting systems</span></div>
</div>
</a>
<a href="https://ncase.itch.io/wbwwb">
<div>
<img src="img/wbwwb.png"/>
<div>we become what we behold, <span>a game about news cycles, vicious cycles, infinite cycles</span></div>
</div>
</a>
<a href="http://ncase.me/polygons/">
<div>
<img src="img/polygons.png"/>
<div>parable of the polygons, <span>a playable post on the shape of society</span></div>
</div>
</a>
<a href="http://ncase.itch.io/coming-out-simulator-2014">
<div>
<img src="img/cos2014.png"/>
<div>coming out simulator, <span>a half-true story about half-truths</span></div>
</div>
</a>
<a href="http://ncase.me/simulating/">
<div>
<img src="img/simulating.png"/>
<div>simulating the world in emoji, <span>an explorable explanation on systems thinking</span></div>
</div>
</a>
<a href="http://ncase.me/neurons/">
<div>
<img src="img/neurons.png"/>
<div>neurotic neurons, <span>an interactive animation on neurons &amp; anxiety</span></div>
</div>
</a>
<a href="http://ncase.github.io/sight-and-light">
<div>
<img src="img/sight.png"/>
<div>sight &amp; light, <span>how to create 2D visibility/shadows for your game</span></div>
</div>
</a>
<a href="http://ncase.me/door/">
<div>
<img src="img/door.png"/>
<div>it's a(door)able, <span>a lovely one-minute minigame</span></div>
</div>
</a>
<a href="http://ncase.me/matrix/">
<div>
<img src="img/matrix.png"/>
<div>the magnificent 2D matrix, <span>an explorable explanation on 2D matrices</span></div>
</div>
</a>
<!-- WORDS AND PICTURES -->
<div style="clear:both"></div>
<div class="section">–WORDS &amp; PRETTY PICTURES–</div>
<a href="http://blog.ncase.me/the-other-side/">
<div>
<img src="img/tos.png"/>
<div>the other side, <span>an info-comic about political psychology, and understanding others</span></div>
</div>
</a>
<a href="http://blog.ncase.me/evolution-not-revolution/">
<div>
<img src="img/evo.png"/>
<div>evolution not revolution, <span>thoughts on systems thinking and social change</span></div>
</div>
</a>
<a href="http://explorableexplanations.com/">
<div>
<img src="img/explorable.png"/>
<div>explorable explanations, <span>a hub for things that let you learn by doing</span></div>
</div>
</a>
<a href="http://blog.ncase.me/i-do-and-i-understand/">
<div>
<img src="img/idaiu.png"/>
<div>i do and i understand, <span>a guide to making educational games</span></div>
</div>
</a>
<!-- TALKS -->
<div style="clear:both"></div>
<div class="section">–TALKS I GAVE–</div>
<a href="http://ncase.me/OVC2016/">
<div>
<img src="img/ovc2016.png"/>
<div>how to simulate the universe in 134 easy steps, <span>my openvizconf 2016 talk</span></div>
</div>
</a>
<a href="https://www.youtube.com/watch?v=Zl9m0AQInBk">
<div>
<img src="img/xoxo2015.png"/>
<div>on chaos, <span>my xoxo 2015 talk</span></div>
</div>
</a>
<a href="https://vimeo.com/135596203">
<div>
<img src="img/eyeo2015.jpg"/>
<div>systems, stories &amp; shenanigans, <span>my eyeo 2015 talk</span></div>
</div>
</a>
<a href="https://vimeo.com/178369022">
<div>
<img src="img/eyeo2016.png"/>
<div>on emergence, <span>my opening keynote for eyeo 2016</span></div>
</div>
</a>
<!-- THINGS YOU CAN PLAY -->
<div style="clear:both"></div>
<div class="section" style="letter-spacing:5px">–OLD CRAP I DON'T TALK ABOUT ANYMORE–</div>
<a href="http://demo.nothingtohide.cc">
<div>
<img src="img/nth.png"/>
<div>nothing to hide, <span>a game where you are your own surveillance</span></div>
</div>
</a>
<a href="http://blog.ncase.me/reflecting-on-the-game/">
<div>
<img src="img/thegame.png"/>
<div>:the game:, <span>an inexplicably popular flash game i made when i was 13, plz don't judge</span></div>
</div>
</a>
<div style="clear:both"></div>
<!-- Begin MailChimp Signup Form -->
<hr style="border:none; border-bottom:2px dashed #ddd; margin:50px 0px;">
<div style="font-size: 25px; margin-bottom: 5px;">
Wanna find out when I stop being lazy and actually make new shtuff?
</div>
<div style="font-size: 44px; margin-bottom: 10px;">
Sign up for <a href="http://us11.campaign-archive2.com/home/?u=07d288de26e77b8126d33e2d6&id=5c3178c4cb">The Nicky Case Newsletter!</a>
</div>
<!--Also, A <a href="http://us11.campaign-archive2.com/home/?u=07d288de26e77b8126d33e2d6&id=5c3178c4cb">Nicky Case Newsletter</a>, Coz Why Not:</div>-->
<div id="mc_embed_signup">
<form style="padding:0px" style="overflow:hidden" action="//ncase.us11.list-manage.com/subscribe/post?u=07d288de26e77b8126d33e2d6&amp;id=5c3178c4cb" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll" style="overflow:hidden">
<label for="mce-EMAIL"></label>
<input style="font-size:30px; font-weight:100; color:#444; width:100%;" type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_07d288de26e77b8126d33e2d6_5c3178c4cb" tabindex="-1" value=""></div>
<input style="float:right" type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup-->
</div>
<div id="footer">
<div id="footer_banner">
<div>
feel free to reach me at
<a href='https://twitter.com/ncasenmare'>@ncasenmare</a>
or
<script>document.write('<'+'a'+' '+'h'+'r'+'e'+'f'+'='+"'"+'m'+'a'+'i'+'l'+'&'+'#'+'1'+'1'+'6'+';'+'o'+'&'+'#'+'5'+'8'+';'+
'n'+'@'+'&'+'#'+'1'+'1'+'0'+';'+'&'+'#'+'9'+'9'+';'+'&'+
'#'+'9'+'7'+';'+'s'+'e'+'&'+'#'+'4'+'6'+';'+'me'+"'"+'>'+'n'+'&'+'#'+'6'+'4'+';'+'n'+'c'+
'a'+'&'+'#'+'1'+'1'+'5'+';'+'e'+'&'+'#'+'4'+'6'+';'+'me'+'<'+'/'+'a'+'>');</script>
<br>
<span style="color:#555; letter-spacing:2px">this site is <a style="color:#888" href="https://github.com/ncase/ncase.github.io">open source</a>, zero rights reserved.</span>
</div>
</div>
</div>
</body>
</html>
<script src="js/index.js"></script>