index.html

<!doctype>
<html>
<head>

	<title>It's Nicky Case!</title>

	<!-- Meta -->
	<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
	<meta content="utf-8" http-equiv="encoding">
	<meta charset="utf-8">
	<meta name="viewport" content="width=450">
	<link rel="icon" type="image/png" href="favicon.png"/>

	<!-- RSS -->
	<link rel="alternate" type="application/rss+xml" title="Nicky's New Shtuff" href="https://ncase.me/feed.xml">

	<!-- Social Card Shtuff -->
	<meta itemprop="name" content="It's Nicky Case!">
	<meta itemprop="description" content="i make shtuff for curious & playful peeps">
	<meta itemprop="image" content="https://ncase.me/sharing/thumb.png">
	<meta name="twitter:card" content="summary_large_image">
	<meta name="twitter:site" content="@ncasenmare">
	<meta name="twitter:title" content="It's Nicky Case!">
	<meta name="twitter:description" content="i make shtuff for curious & playful peeps">
	<meta name="twitter:creator" content="@ncasenmare">
	<meta name="twitter:image" content="https://ncase.me/sharing/thumb.png">
	<meta property="og:title" content="It's Nicky Case!">
	<meta property="og:type" content="website">
	<meta property="og:url" content="https://ncase.me">
	<meta property="og:image" content="https://ncase.me/sharing/thumb.png">
	<meta property="og:description" content="i make shtuff for curious & playful peeps">

	<!-- Stylin' -->
	<link rel="stylesheet" href="css/index.css"/>


</head>
<body>

	<div id="header">

		<div id="nicky"></div>

		<div id="nav">
			<a href="https://blog.ncase.me/">blog</a>
			<span>&middot;</span>
			<a href="/faq">faq/contact</a>
			<span>&middot;</span>
			<a href="https://ko-fi.com/nickycase">toss monies at me</a>
			<!--
			<a href="https://ko-fi.com/nickycase">support on ko-fi</a>
			<span>&middot;</span>
			<a href="https://www.patreon.com/ncase">support on patreon</a>
			-->
		</div>

	</div>

	<div id="content">

		<p style="font-size:1.33em">
			<b>Hi, I'm Nicky!</b>
			I make shtuff for curious & playful folks.
		</p>
		<p>
			Wanna know when I make new shtuff?
			Well, the algorithms would rather show you mental-health-eroding clickbait,
			so let's get around 'em with...
		</p>
		<div style="position: relative;">
			<a href="https://ncase.me/sub">
				my infrequent newsletter!</a>
				or better yet, <a href="rss">let's do RSS!</a>
			<br>
			<span style="font-size: 0.8em">
				max 1 update per month
				&middot;
				<a href="/archive">see full archive</a>
			</span>
			<div class="web10" id="news"></div>
			<div class="web10" id="rss"></div>
		</div>

		<h1>SHTUFF YOU CAN PLAY</h1>
		<div class="grid">

			<a href="https://ncase.me/anxiety/">
				<div>
					<img src="img/awa.png"/>
					<div>adventures with anxiety<span> – an interactive story about anxiety, where <i>you</i> are the anxiety</span></div>
				</div>
			</a>

			<a href="https://explorabl.es/">
				<div>
					<img src="img/explorables.png"/>
					<div>explorable explanations<span> – a hub for learning through play</span></div>
				</div>
			</a>

			<a href="https://ncase.me/trust/">
				<div>
					<img src="img/trust.png"/>
					<div>the evolution of trust<span> – an interactive guide to the game theory of why &amp; how we trust each other</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="https://ncase.me/nutshell/">
				<div>
					<img src="img/nutshell.png"/>
					<div>nutshell<span> – a tool to make expandable explanations</span></div>
				</div>
			</a>

			<a href="https://ncase.me/sim/">
				<div>
					<img src="img/simulating.png"/>
					<div>emoji simulator<span> – a tool to make cellular automata, with emoji</span></div>
				</div>
			</a>

		</div>

		<a href="/projects">(see all projects)</a>

		<h1>SHTUFF YOU CAN READ</h1>

		<div class="grid">

			<a href="https://aisafety.dance/">
				<div>
					<img src="img/ais.png"/>
					<div>ai safety for fleshy humans <span> – a whirlwind tour, in three acts</span></div>
				</div>
			</a>

			<a href="https://ncase.me/mental-health/">
				<div>
					<img src="img/mh.png"/>
					<div>mental health tips ft. anxiety wolf <span> – my mental health journey, some science &amp; practical tips</span></div>
				</div>
			</a>


			<!--<a href="https://ncase.me/contact-tracing/">
				<div>
					<img src="img/dp3t.png"/>
					<div>protecting lives & liberty <span> – how contact tracing apps can foil both COVID-19 & Big Brother</span></div>
				</div>
			</a>-->

			<a href="https://blog.ncase.me/parable-of-the-hill-climber/">
				<div>
					<img src="img/hill.png"/>
					<div>parable of the hill climber <span> –
					a kids' picture book about life &amp; stochastic gradient ascent
	                </span></div>
				</div>
			</a>

			<a href="https://blog.ncase.me/make-plushie-patterns-with-play-doh-paper-towels/">
				<div>
					<img src="img/plushie.png"/>
					<div>make plushie patterns with play-doh & paper towels <span> – a craftsy tutorial</span></div>
				</div>
			</a>

			<!--
			<a href="https://blog.ncase.me/lone-wolf/">
				<div>
					<img src="img/wolf.jpg"/>
					<div>lone wolf <span> – a short story about a werewolf who just wants to make some dang coffee</span></div>
				</div>
			</a>
			-->

		</div>

		<a href="https://blog.ncase.me/">(see my blog)</a>

		<h1>SHTUFF YOU CAN WATCH</h1>

		<div class="grid">

			<a href="https://youtu.be/b-M2U3Jl1Cg">
				<div>
					<img src="img/how-to-explain.png"/>
					<div>how to explain things real good <span> – a Stanford mini-talk</span></div>
				</div>
			</a>

			<a href="https://vimeo.com/327793736">
				<div>
					<img src="img/microtalk_gdc2019.png"/>
					<div>human brains are awesome, human brains suck <span> – my GDC 2019 microtalk</span></div>
				</div>
			</a>

			<a href="https://ncase.me/learning/">
				<div>
					<img src="img/learning.png"/>
					<div>learning & games: a confession <span> – my NYU Games Center 2019 talk</span></div>
				</div>
			</a>

			<!--<a href="https://www.youtube.com/watch?v=J9La5ErKGss">
				<div>
					<img src="img/femboy.png"/>
					<div>the femboy hooters jingle <span> – a musical animation i made mid-pandemic coz i'm so lonely</span></div>
				</div>
			</a>-->

		</div>

		<a href="https://www.youtube.com/channel/UC2_zZ8QA-J3r-UiATQImmWg">(see my youtube)</a>
		<br><br>


	</div>

	<div id="footer">

		<img src="css/pd.png" width="350">
		<br>
		<div id="waiver">
			all my work is freely available under
			<a style="color:#999" href="https://creativecommons.org/publicdomain/zero/1.0/">a public domain waiver!</a>
			so feel free to reuse & remix it in your blog or classroom –
			attribution is amazing & appreciated, but i won't send legal goons over it
		</div>

		<br>

		💸 <a href="https://www.patreon.com/ncase">support me</a> making free educational shtuff
		<br>
		💌 <a href="/faq">faq / contact</a> (i am bad at emails)
		<br>
		💖 <a href="feed.xml">rss feed</a> for cool people <a href="rss">(?)</a>

	</div>

</body>
</html>