-
Notifications
You must be signed in to change notification settings - Fork 18
/
index.html
250 lines (201 loc) · 7.02 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
<!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>·</span>
<a href="/faq">faq/contact</a>
<span>·</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>·</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
·
<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 & 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 & 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 & 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>