Hugging Face's logo

Spaces:
jacobinathanialpeterson
/
nealfun
Running

App Files Community
jacobinathanialpeterson commited on
Commit
1d33e21
·
verified ·
1 Parent(s): d1e9893

Create index.html

Browse files
Files changed (1) hide show
  1. index.html +440 -0
index.html ADDED
@@ -0,0 +1,440 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html data-n-head-ssr lang="en" data-n-head="%7B%22lang%22:%7B%22ssr%22:%22en%22%7D%7D">
3
+ <head>
4
+ <title>Neal.fun</title>
5
+ <meta data-n-head="ssr" charset="utf-8">
6
+ <meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1">
7
+ <meta data-n-head="ssr" name="google-site-verification" content="Vyp6Lq2HJODQviN98DbqlmqefoUuDj_cwlmS7jAgaao">
8
+ <meta data-n-head="ssr" name="title" content="Neal.fun">
9
+ <meta data-n-head="ssr" name="description" content="Games, visualizations, interactives and other weird stuff.">
10
+ <link data-n-head="ssr" rel="canonical" href="https://neal.fun">
11
+ <link data-n-head="ssr" rel="icon" type="image/png" href="/favicons/home.png">
12
+ <script data-n-head="ssr" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4556406968269041" async crossorigin="anonymous"></script>
13
+ <link rel="preload" href="/_nuxt/230b0e1.js" as="script">
14
+ <link rel="preload" href="/_nuxt/d2031f3.js" as="script">
15
+ <link rel="preload" href="/_nuxt/d1bdeae.js" as="script">
16
+ <link rel="preload" href="/_nuxt/8408c71.js" as="script">
17
+ <link rel="preload" href="/_nuxt/992eef7.js" as="script">
18
+ <link rel="preload" href="/_nuxt/dcc1889.js" as="script">
19
+ <style data-vue-ssr-id="1a73ea6b:0 2ccdeb7a:0 f516c438:0 db35a8f0:0">
20
+ .nuxt-progress {
21
+ position: fixed;
22
+ top: 0;
23
+ left: 0;
24
+ right: 0;
25
+ height: 2px;
26
+ width: 0;
27
+ opacity: 1;
28
+ transition: width .1s,opacity .4s;
29
+ background-color: #000;
30
+ z-index: 999999
31
+ }
32
+
33
+ .nuxt-progress.nuxt-progress-notransition {
34
+ transition: none
35
+ }
36
+
37
+ .nuxt-progress-failed {
38
+ background-color: red
39
+ }
40
+
41
+ @font-face {
42
+ font-family: Roboto;
43
+ src: url(/_nuxt/fonts/Roboto-Medium.70ace38.woff2)
44
+ }
45
+
46
+ @font-face {
47
+ font-family: Roboto;
48
+ font-weight: 700;
49
+ src: url(/_nuxt/fonts/Roboto-Bold.002079d.woff2)
50
+ }
51
+
52
+ html {
53
+ font-size: 16px;
54
+ -ms-text-size-adjust: 100%;
55
+ -webkit-text-size-adjust: 100%;
56
+ -moz-osx-font-smoothing: grayscale;
57
+ -webkit-font-smoothing: antialiased;
58
+ box-sizing: border-box;
59
+ color: #000;
60
+ font-family: Roboto,sans-serif;
61
+ background: #fff
62
+ }
63
+
64
+ *,:after,:before {
65
+ box-sizing: border-box;
66
+ margin: 0
67
+ }
68
+
69
+ .simple-page {
70
+ background: #f1f2f6
71
+ }
72
+
73
+ .pw_report_ad_container {
74
+ display: none!important
75
+ }
76
+
77
+ @font-face {
78
+ font-family: RobotoCondensedLight;
79
+ src: url(/_nuxt/fonts/RobotoCondensed-Light.f982e4a.woff2)
80
+ }
81
+
82
+ .container[data-v-7b1d768e] {
83
+ margin-left: auto;
84
+ margin-right: auto;
85
+ color: #000;
86
+ font-family: RobotoCondensedLight,sans-serif
87
+ }
88
+
89
+ .follow-block[data-v-7b1d768e] {
90
+ background-color: #fff;
91
+ font-size: 20px;
92
+ text-align: center;
93
+ margin-bottom: 37px
94
+ }
95
+
96
+ .posts[data-v-7b1d768e] {
97
+ display: grid;
98
+ margin-top: 10px;
99
+ font-size: 0;
100
+ grid-template-columns: repeat(3,1fr);
101
+ grid-template-rows: auto;
102
+ grid-gap: 20px 22px;
103
+ justify-content: center;
104
+ padding: 0 25px;
105
+ max-width: 1400px;
106
+ width: 100%;
107
+ margin-left: auto;
108
+ margin-right: auto
109
+ }
110
+
111
+ .made-by[data-v-7b1d768e] {
112
+ background: #fff;
113
+ margin-top: 10px;
114
+ font-size: 21px;
115
+ text-align: center;
116
+ padding: 25px 20px 20px;
117
+ margin-bottom: 40px
118
+ }
119
+
120
+ .site-title[data-v-7b1d768e] {
121
+ text-align: center;
122
+ margin-top: 58px;
123
+ font-weight: 700;
124
+ min-height: 55px;
125
+ max-width: 210px;
126
+ margin-left: auto;
127
+ margin-right: auto;
128
+ width: 100%;
129
+ display: block;
130
+ animation: pulse 1s infinite alternate-reverse
131
+ }
132
+
133
+ .site-tagline[data-v-7b1d768e] {
134
+ text-align: center;
135
+ font-size: 21px;
136
+ margin-top: 10px;
137
+ margin-bottom: 47px;
138
+ opacity: .7
139
+ }
140
+
141
+ .socials[data-v-7b1d768e] {
142
+ display: flex;
143
+ justify-content: center;
144
+ grid-gap: 12px;
145
+ margin-top: 12px
146
+ }
147
+
148
+ .social-btn[data-v-7b1d768e] {
149
+ border: 1px solid #000;
150
+ border-radius: 12px;
151
+ padding: 10px 18px 8px 12px;
152
+ display: flex;
153
+ align-items: center;
154
+ color: #000;
155
+ text-decoration: none;
156
+ cursor: pointer
157
+ }
158
+
159
+ .social-btn[data-v-7b1d768e]:hover {
160
+ transform: scale(1.04)
161
+ }
162
+
163
+ .social-btn-icon[data-v-7b1d768e] {
164
+ height: 26px;
165
+ margin-right: 10px
166
+ }
167
+
168
+ .social-btn-twitter[data-v-7b1d768e] {
169
+ padding: 1px 0
170
+ }
171
+
172
+ .contact[data-v-7b1d768e] {
173
+ margin-top: 12px
174
+ }
175
+
176
+ .contact a[data-v-7b1d768e],.privacy[data-v-7b1d768e] {
177
+ color: #000;
178
+ text-decoration: none
179
+ }
180
+
181
+ .privacy[data-v-7b1d768e] {
182
+ display: block;
183
+ margin-top: 12px;
184
+ opacity: .5;
185
+ font-size: 16px
186
+ }
187
+
188
+ .newsletter-tagline[data-v-7b1d768e] {
189
+ position: absolute;
190
+ top: 9px;
191
+ right: 10px;
192
+ font-size: 20px;
193
+ cursor: pointer;
194
+ display: flex
195
+ }
196
+
197
+ .newsletter-tagline[data-v-7b1d768e]:hover {
198
+ transform: scale(1.03)
199
+ }
200
+
201
+ .newsletter-icon[data-v-7b1d768e] {
202
+ height: 15px;
203
+ position: relative;
204
+ top: 4px;
205
+ margin-right: 5px
206
+ }
207
+
208
+ @media only screen and (max-width: 1280px) {
209
+ .posts[data-v-7b1d768e] {
210
+ grid-gap:15px 16px
211
+ }
212
+ }
213
+
214
+ @media only screen and (max-width: 1130px) {
215
+ .posts[data-v-7b1d768e] {
216
+ grid-template-columns:1fr 1fr;
217
+ max-width: 900px;
218
+ grid-gap: 15px 18px
219
+ }
220
+ }
221
+
222
+ @media only screen and (max-width: 700px) {
223
+ .newsletter-tagline[data-v-7b1d768e] {
224
+ display:none
225
+ }
226
+ }
227
+
228
+ @media only screen and (max-width: 600px) {
229
+ .posts[data-v-7b1d768e] {
230
+ grid-template-columns:repeat(1,1fr);
231
+ grid-gap: 7px;
232
+ padding: 0 8px
233
+ }
234
+
235
+ .site-title[data-v-7b1d768e] {
236
+ margin-top: 55px;
237
+ font-size: 48px
238
+ }
239
+
240
+ .site-tagline[data-v-7b1d768e] {
241
+ margin-top: 10px
242
+ }
243
+
244
+ .made-by[data-v-7b1d768e],.site-tagline[data-v-7b1d768e] {
245
+ margin-bottom: 30px
246
+ }
247
+
248
+ .made-by-desc[data-v-7b1d768e] {
249
+ max-width: 300px;
250
+ margin-left: auto;
251
+ margin-right: auto
252
+ }
253
+
254
+ .socials[data-v-7b1d768e] {
255
+ display: grid;
256
+ grid-template-columns: 1fr 1fr
257
+ }
258
+
259
+ .social-btn[data-v-7b1d768e] {
260
+ justify-content: center;
261
+ padding: 10px 0
262
+ }
263
+
264
+ .social-full[data-v-7b1d768e] {
265
+ grid-column: span 2
266
+ }
267
+ }
268
+
269
+ .link {
270
+ border-radius: 19px;
271
+ aspect-ratio: 391/145;
272
+ display: block;
273
+ position: relative;
274
+ z-index: 2
275
+ }
276
+
277
+ .link-img {
278
+ max-width: 100%;
279
+ cursor: pointer;
280
+ transition: transform .07s linear,filter .1s ease-out,opacity .15s linear;
281
+ opacity: 0
282
+ }
283
+
284
+ .link-img:hover {
285
+ transform: scale(1.02);
286
+ filter: drop-shadow(3px 3px 5px rgba(0,0,0,.17))
287
+ }
288
+ </style>
289
+ <link rel="preload" href="/_nuxt/static/1707066671/state.js" as="script">
290
+ <link rel="preload" href="/_nuxt/static/1707066671/payload.js" as="script">
291
+ <link rel="preload" href="/_nuxt/static/1707066671/manifest.js" as="script">
292
+ </head>
293
+ <body>
294
+ <div data-server-rendered="true" id="__nuxt">
295
+ <div id="__layout">
296
+ <div>
297
+ <div class="container" data-v-7b1d768e>
298
+ <div class="newsletter-tagline" data-v-7b1d768e>
299
+ <img src="/general/mail.svg" class="newsletter-icon" data-v-7b1d768e>Get new posts
300
+
301
+ </div>
302
+ <img alt="Neal.fun logo" src="/general/logo.svg" class="site-title" data-v-7b1d768e>
303
+ <div class="site-tagline" data-v-7b1d768e>a tiny website by neal</div>
304
+ <div class="posts" data-v-7b1d768e>
305
+ <a href="/infinite-craft/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
306
+ <img onload alt="Infinite Craft" src="/link-images/infinite-craft.svg" loading="lazy" class="link-img" style="opacity:0">
307
+ </a>
308
+ <a href="/internet-artifacts/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
309
+ <img onload alt="Internet Artifacts" src="/link-images/internet-artifacts.svg" loading="lazy" class="link-img" style="opacity:0">
310
+ </a>
311
+ <a href="/password-game/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
312
+ <img onload alt="The Password Game" src="/link-images/password-game.svg" loading="lazy" class="link-img" style="opacity:0">
313
+ </a>
314
+ <a href="/space-elevator/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
315
+ <img onload alt="Space Elevator" src="/link-images/space-elevator.svg" loading="lazy" class="link-img" style="opacity:0">
316
+ </a>
317
+ <a href="/asteroid-launcher/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
318
+ <img onload alt="Asteroid Launcher" src="/link-images/asteroid-launcher.svg" loading="lazy" class="link-img" style="opacity:0">
319
+ </a>
320
+ <a href="/perfect-circle/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
321
+ <img onload alt="Draw a Perfect Circle ⭕️💯" src="/link-images/perfect-circle.svg" loading="lazy" class="link-img" style="opacity:0">
322
+ </a>
323
+ <a href="/wonders-of-street-view/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
324
+ <img onload alt="Wonders of Street View" src="/link-images/wonders-of-street-view.svg" loading="lazy" class="link-img" style="opacity:0">
325
+ </a>
326
+ <a href="/days-since-incident/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
327
+ <img onload alt="Days Since Incident" src="/link-images/days-since-incident.svg" loading="lazy" class="link-img" style="opacity:0">
328
+ </a>
329
+ <a href="/design-the-next-iphone/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
330
+ <img onload alt="Design the next iPhone" src="/link-images/design-the-next-iphone.svg" loading="lazy" class="link-img" style="opacity:0">
331
+ </a>
332
+ <a href="/absurd-trolley-problems/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
333
+ <img onload alt="Absurd Trolley Problems" src="/link-images/absurd-trolley-problems.svg" loading="lazy" class="link-img" style="opacity:0">
334
+ </a>
335
+ <a href="/earth-reviews/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
336
+ <img onload alt="Earth Reviews" src="/link-images/earth-reviews.svg" loading="lazy" class="link-img" style="opacity:0">
337
+ </a>
338
+ <a href="/lets-settle-this/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
339
+ <img onload alt="Let's Settle This" src="/link-images/lets-settle-this.svg" loading="lazy" class="link-img" style="opacity:0">
340
+ </a>
341
+ <a href="/ambient-chaos/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
342
+ <img onload alt="Ambient Chaos" src="/link-images/ambient-chaos.svg" loading="lazy" class="link-img" style="opacity:0">
343
+ </a>
344
+ <a href="/rocks/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
345
+ <img onload alt="Rocks" src="/link-images/rocks.svg" loading="lazy" class="link-img" style="opacity:0">
346
+ </a>
347
+ <a href="/sell-sell-sell/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
348
+ <img onload alt="Sell! Sell! Sell!" src="/link-images/sell-sell-sell.svg" loading="lazy" class="link-img" style="opacity:0">
349
+ </a>
350
+ <a href="/universe-forecast/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
351
+ <img onload alt="Universe Forecast" src="/link-images/universe-forecast.svg" loading="lazy" class="link-img" style="opacity:0">
352
+ </a>
353
+ <a href="/auction-game/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
354
+ <img onload alt="The Auction Game" src="/link-images/auction-game.svg" loading="lazy" class="link-img" style="opacity:0">
355
+ </a>
356
+ <a href="/printing-money/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
357
+ <img onload alt="Printing Money" src="/link-images/printing-money.svg" loading="lazy" class="link-img" style="opacity:0">
358
+ </a>
359
+ <a href="/life-stats/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
360
+ <img onload alt="Life Stats" src="/link-images/life-stats.svg" loading="lazy" class="link-img" style="opacity:0">
361
+ </a>
362
+ <a href="/deep-sea/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
363
+ <img onload alt="The Deep Sea" src="/link-images/deep-sea.svg" loading="lazy" class="link-img" style="opacity:0">
364
+ </a>
365
+ <a href="/size-of-space/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
366
+ <img onload alt="The Size of Space" src="/link-images/size-of-space.svg" loading="lazy" class="link-img" style="opacity:0">
367
+ </a>
368
+ <a href="/share-this-page/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
369
+ <img onload alt="Share This Page" src="/link-images/share-this-page.svg" loading="lazy" class="link-img" style="opacity:0">
370
+ </a>
371
+ <a href="/dark-patterns/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
372
+ <img onload alt="Dark Patterns" src="/link-images/dark-patterns.svg" loading="lazy" class="link-img" style="opacity:0">
373
+ </a>
374
+ <a href="/who-was-alive/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
375
+ <img onload alt="Who Was Alive?" src="/link-images/who-was-alive.svg" loading="lazy" class="link-img" style="opacity:0">
376
+ </a>
377
+ <a href="/where-does-the-day-go/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
378
+ <img onload alt="Where does the day go?" src="/link-images/where-does-the-day-go.svg" loading="lazy" class="link-img" style="opacity:0">
379
+ </a>
380
+ <a href="/life-checklist/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
381
+ <img onload alt="Life Checklist" src="/link-images/life-checklist.svg" loading="lazy" class="link-img" style="opacity:0">
382
+ </a>
383
+ <a href="/speed/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
384
+ <img onload alt="Speed" src="/link-images/speed.svg" loading="lazy" class="link-img" style="opacity:0">
385
+ </a>
386
+ <a href="/paper/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
387
+ <img onload alt="Paper" src="/link-images/paper.svg" loading="lazy" class="link-img" style="opacity:0">
388
+ </a>
389
+ <a href="/logos-from-memory/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
390
+ <img onload alt="Draw Logos From Memory" src="/link-images/logos-from-memory.svg" loading="lazy" class="link-img" style="opacity:0">
391
+ </a>
392
+ <a href="/progress/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
393
+ <img onload alt="Progress" src="/link-images/progress.svg" loading="lazy" class="link-img" style="opacity:0">
394
+ </a>
395
+ <a href="/spend/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
396
+ <img onload alt="Spend Bill Gates' Money" src="/link-images/spend.svg" loading="lazy" class="link-img" style="opacity:0">
397
+ </a>
398
+ <a href="/baby-map/" class="link" style="background:#f1f2f6" data-v-7b1d768e>
399
+ <img onload alt="Baby Map" src="/link-images/baby-map.svg" loading="lazy" class="link-img" style="opacity:0">
400
+ </a>
401
+ </div>
402
+ <div class="made-by" data-v-7b1d768e>
403
+ <div class="made-by-desc" data-v-7b1d768e>Hi! I'm Neal. This is where I make stuff on the web. Obligatory links:
404
+ </div>
405
+ <div class="socials" data-v-7b1d768e>
406
+ <div href="https://twitter.com/nealagarwal" target="_blank" class="social-btn social-full" data-v-7b1d768e>
407
+ <img src="/general/mail.svg" alt="Mail" class="social-btn-icon social-btn-twitter" data-v-7b1d768e>
408
+ <span data-v-7b1d768e>Newsletter</span>
409
+ </div>
410
+ <a href="https://twitter.com/nealagarwal" target="_blank" class="social-btn social-full" data-v-7b1d768e>
411
+ <img src="/general/twitter.svg" alt="Twitter" class="social-btn-icon social-btn-twitter" data-v-7b1d768e>Twitter
412
+
413
+ </a>
414
+ <a target="_blank" href="https://www.buymeacoffee.com/neal" class="social-btn social-full" data-v-7b1d768e>
415
+ <img alt="Coffee" src="/general/coffee.svg" class="social-btn-icon" data-v-7b1d768e>Buy me a coffee
416
+
417
+ </a>
418
+ </div>
419
+ <div class="contact" data-v-7b1d768e>
420
+ Say hello:
421
+ <a target="_blank" href="/cdn-cgi/l/email-protection#ee8687ae808b8f82c0889b80" data-v-7b1d768e>
422
+ <span class="__cf_email__" data-cfemail="462e2f062823272a68203328">[email &#160;protected]</span>
423
+ </a>
424
+ </div>
425
+ <a href="/privacy-policy/" class="privacy" data-v-7b1d768e>Privacy policy</a>
426
+ </div>
427
+ </div>
428
+ </div>
429
+ </div>
430
+ </div>
431
+ <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
432
+ <script defer src="/_nuxt/static/1707066671/state.js"></script>
433
+ <script src="/_nuxt/230b0e1.js" defer></script>
434
+ <script src="/_nuxt/992eef7.js" defer></script>
435
+ <script src="/_nuxt/dcc1889.js" defer></script>
436
+ <script src="/_nuxt/d2031f3.js" defer></script>
437
+ <script src="/_nuxt/d1bdeae.js" defer></script>
438
+ <script src="/_nuxt/8408c71.js" defer></script>
439
+ </body>
440
+ </html>