-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinspirations.html
348 lines (312 loc) · 14.8 KB
/
inspirations.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
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Nima Johari" />
<meta name="keywords"
content="programming languages, davis, software engineer, johari, nima, نیما, جوهری, جوهری زاده, دیویس, کالیفرنیا" />
<meta name="robots" content="index, follow">
<meta name="description"
content="Nima's internet corner. Nima Johari (Farsi: نیما جوهری) is a hobbyist, computer programmer and a PhD student currently in Davis, CA." />
<title>Nima Johari</title>
<link rel="stylesheet" href="grid.css">
</head>
<body>
<h1>Things that inspire me (<a href="./index.html">back to home</a>)</h1>
<div class="css-masonry" id="awesome-bar">
<div class="item">
<input type="text" placeholder="🔍 narrow down and sort (e.g 'live music sorted by year')" />
<ul>
<li>music group by genre</li>
<li>music order by year</li>
<li>live music sorted by year</li>
<li>dr who</li>
<li>law and order</li>
<li>twin peaks</li>
</ul>
</div>
</div>
<h2>Cooking</h2>
<div class="css-masonry">
<div class="item">
<div class="title">
See <a href="./cooking.html"><code>./cooking.html</code></a>
</div>
</div>
</div>
<h2>Lifestyle</h2>
<div class="css-masonry">
<div class="item">
<iframe width="100%" style="min-height:400px" src="https://www.youtube.com/embed/yh_697necjI" frameborder="0"
allowfullscreen></iframe>
<div class="title">
Truth Be Told: Irving Norman and the Human Predicament
<p class="french">
This is a documentary about a "social surrealist" painter called Irving Norman.
One of Norman's paintings (<a
href="https://youtu.be/yh_697necjI?si=zsDVXsXUKoEfZtz5&t=2230">My World
and Yours (And the Gods Created the World in Their Own Image), 1954</a>) is in Crocker Museum in Sacramento.
It is a very tall, and is very detailed.
Irving Norman's use of painting as a language is semantically very rich.
</p>
</div>
</div>
<div class="item">
<iframe width="100%" style="min-height:400px" src="https://www.youtube.com/embed/s-CTkbHnpNQ" frameborder="0"
allowfullscreen></iframe>
<div class="title">
<div class="difficulty-level easy">easy</div> 10 Bullets, #8: "ALWAYS BE KNOLLING". By Tom Sachs
<p class="french">Knoll /nōl/ vb. (1989 USA) to arrange like objects in parallel or 90 degree angles as a method
of organization.</p>
</div>
</div>
<div class="item">
<iframe width="100%" style="min-height:400px" src="https://www.youtube.com/embed/eoOUBETTyMI" frameborder="0"
allowfullscreen></iframe>
<div class="title">
<div class="difficulty-level easy">easy</div> Discipline of Do Easy by Gus Van Sant
</div>
</div>
</div>
<h2>Hybrid of Dynamicland and Billiards</h2>
<div class="css-masonry">
<div class="item">
<iframe width="100%" style="min-height:400px"
src="https://www.youtube.com/embed/dqNeZ-6ywQ8"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
<div class="title">
<div class="difficulty-level hard">hard</div> OpenPoolCC (2014)
</div>
</div>
<div class="item">
<img src="http://www.openpool.cc/wp-content/uploads/howitworks-new-700x602.png" style="width: 100%;" />
<div class="title">
<div class="difficulty-level medium">medium</div> Pool table and a projector
</div>
</div>
<div class="item">
<img src="https://i0.wp.com/projectionprobilliards.com/wp-content/uploads/2020/03/projector-top.png?resize=1024%2C576&ssl=1" style="width: 100%;" />
<div class="title">
<div class="difficulty-level medium">medium</div> Pool table and a projector
</div>
</div>
<div class="item">
<img src="https://projectionprobilliards.com/wp-content/uploads/2020/03/redtable-with-grid.jpg" style="width: 100%;" />
<div class="title">
<div class="difficulty-level medium">medium</div> Projection Pro Billiards
</div>
</div>
<div class="item">
<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/209591449?h=583a1f54a6&title=0&byline=0&portrait=0#t=7s" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
<div class="title">
<div class="difficulty-level medium">medium</div> La Tabla
</div>
</div>
</div>
<h2>Synth sound demos and other instruments</h2>
<div class="css-masonry">
<div class="item">
<iframe width="100%" style="min-height:400px" src="https://www.youtube.com/embed/2hk-kOPdHAY" frameborder="0"
allowfullscreen></iframe>
<div class="title">
<div class="difficulty-level easy">easy</div> Pocket Miku: A unique vocal synthesizer from Japan
</div>
</div>
<div class="item">
<iframe width="100%" style="min-height:400px" src="https://www.youtube.com/embed/kHVTuAc1mI4" frameborder="0"
allowfullscreen></iframe>
<div class="title">
<div class="difficulty-level easy">easy</div> Music Synthesizer for Android (demo by Raph Levien)
</div>
</div>
<div class="item">
<iframe width="100%" style="min-height:400px" src="https://www.youtube.com/embed/9eWouzXO7_M?si=hOuz0KZ1kG4Zj7EH&start=74"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
<div class="title">
<div class="difficulty-level easy">easy</div> Arp Odyssey 2800 playing a segment of Dr. Who's theme
</div>
</div>
<div class="item">
<iframe width="100%" style="min-height:400px"src="https://www.youtube.com/embed/-XHJekCcxUw?si=umhYR19KZmeBHKb8&start=40" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<div class="title">
<div class="difficulty-level medium">medium</div> Arp Odyssey playing a segment of Dr. Who's theme
</div>
</div>
<div class="item">
<iframe width="100%" style="min-height:400px" src="https://www.youtube.com/embed/lCwTj5ZrKIE" frameborder="0"
allowfullscreen></iframe>
<div class="title">
<div class="difficulty-level hard">hard</div> Dr. Who's theme played on vintage synths
</div>
</div>
<div class="item nima">
<div
style="width: 100%; background-image: url('./dr-who-spectrogram.png'); display: block; height: 400px; background-size: 1300px; background-position: 80% 80%;">
</div>
<div class="title">
<div class="difficulty-level easy">easy</div> <a href="./dr-who-spectrogram.png">Dr. Who's opening theme Spectrogram</a>
<br /><br />
<p class="french">I created this using <a
href="https://developer.apple.com/documentation/accelerate/visualizing_sound_as_an_audio_spectrogram">Apple's
spectrogram sample code</a> while listening to <a href="https://www.youtube.com/watch?v=lCwTj5ZrKIE">this
recreation of Dr. Who's theme</a> by Luke
Million
</p>
</div>
</div>
<div class="item nima">
<iframe style="border: 0; width: 100%; height: 470px;" src="https://bandcamp.com/EmbeddedPlayer/album=2598635858/size=large/bgcol=ffffff/linkcol=0687f5/tracklist=false/transparent=true/" seamless><a href="https://tonyharrismusic.bandcamp.com/album/peaceful-atmosphere">Peaceful Atmosphere by Tony Harris</a></iframe>
<div class="title">
<div class="difficulty-level easy">easy</div> Kalimba played by Tony Harris from Sacramento
</div>
</div>
<div class="item">
<iframe width="100%" style="min-height:400px" src="https://www.youtube.com/embed/ajM4vYCZMZk" frameborder="0"
allowfullscreen></iframe>
<div class="title">
<div class="difficulty-level easy">easy</div> Ennio Morricone - The Ecstasy of Gold (Theremin & Voice by Carolina Eyck)
</div>
</div>
</div>
<h2>Orchestral</h2>
<div class="css-masonry">
<div class="item">
<iframe width="100%" style="min-height:400px" src="https://www.youtube.com/embed/enuOArEfqGo" frameborder="0"
allowfullscreen></iframe>
<div class="title">
<div class="difficulty-level easy">easy</div> The Good, the Bad and the Ugly - The Danish National Symphony Orchestra (Live)
</div>
</div>
<div class="item">
<iframe width="100%" style="min-height:400px" src="https://www.youtube.com/embed/jtGL2Tqfdws" frameborder="0"
allowfullscreen></iframe>
<div class="title">
<div class="difficulty-level easy">easy</div> Twin Peaks // The Danish National Symphony Orchestra (Live)
</div>
</div>
<div class="item">
<iframe width="100%" style="min-height:400px" src="https://www.youtube.com/embed/MjxsZa3Ylao?si=5hA1rHh5ryvJAyeB" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<div class="title">
<div class="difficulty-level medium">medium</div> Fantasia Apocalyptica
</div>
</div>
</div>
<h2>Behind the scenes: Sound synthesis and music</h2>
<div class="css-masonry">
<div class="item">
<iframe iframe width="100%" style="min-height:400px"
src="https://www.youtube.com/embed/mam6o9O7oyE?si=-fSWz4tS27oJuThp&clip=UgkxPdl3XkwN6wwMpTZ5_Vbd0zPSmOtYIF2r&clipt=EJDlIhigsyM"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
<div class="title">
<div class="difficulty-level hard">hard</div> "Because it's hard... man!"
<br /><br />
<p class="french">
Creators of OP1 (Teenage Engineering) responding to a question from the interviewer:
<em>"I don't know why more people aren't making beautiful things?"</em>
</p>
</div>
</div>
<div class="item">
<iframe width="100%" style="min-height:400px" src="https://www.youtube.com/embed/_gRD9k_impU" frameborder="0"
allowfullscreen></iframe>
<div class="title">
<div class="difficulty-level medium">medium</div> Jan Overduin Invites You to Knuth's "Fantasia Apocalyptica"
<br /><br />
<p class="french">I like the literal interpretations in this video</p>
</div>
</div>
<div class="item">
<iframe width="100%" style="min-height:400px"
src="https://www.youtube.com/embed/2ZpwbXDleDw"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
<div class="title">
<div class="difficulty-level medium">medium</div> Recipe for Musique Concrete
<br /><br />
<p class="french">
I love the sauce pan sounds towards the end of the video
</p>
</div>
</div>
<div class="item">
<iframe width="100%" style="min-height:400px"
src="https://www.youtube.com/embed/e-eqgr_gn4k"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
<div class="title">
<div class="difficulty-level medium">medium</div> Angelo Badalamenti explains how he wrote Laura Palmer's Theme
</div>
</div>
</div>
<h2>Live performances</h2>
<div class="css-masonry">
<div class="item">
<iframe iframe width="100%" style="min-height:400px"
src="https://www.youtube.com/embed/mawK6iVwlMA"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
<div class="title">
<div class="difficulty-level easy">easy</div> "Law and Order" Theme Song
<br /><br />
<p class="french">
<em>"It's so good!"</em>.. Here's a <a href="https://www.youtube.com/watch?v=i92Ixk3-d1o">good piano tutorial</a> of it.
</p>
</div>
</div>
</div>
<h2>Computers and Programming</h2>
<div class="css-masonry">
<div class="item">
<div style="padding:81.82% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/72501076?h=fd3e338a90#t=21m22s" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
<div class="title">
<div class="difficulty-level hard">hard</div> Hyperland (1990) by Douglas Adams
</div>
</div>
<div class="item">
<iframe style="min-height:400px" src="https://www.youtube.com/embed/YDvbDiJZpy0" frameborder="0"
allowfullscreen></iframe>
<div class="title">
<div class="difficulty-level medium">medium</div> Meet the inventor of electronic spreadsheets
</div>
</div>
<div class="item">
<iframe width="100%" style="min-height:400px" src="https://www.youtube.com/embed/Ow9AtuIuMLw" frameborder="0"
allowfullscreen></iframe>
<div class="title">
<div class="difficulty-level hard">hard</div> Eval/Apply
<br /><br />
<p class="french">
"You take the blue pill... the story ends, you wake up in your bed and believe whatever you want to believe.
You take <a href="https://www.youtube.com/watch?v=2Op3QLzMgSY&list=PLE18841CABEA24090">the red pill</a>... you stay in Wonderland, and I show you how deep the rabbit hole goes."
</p>
</div>
</div>
<div class="item">
<iframe width="100%" style="min-height:400px" src="https://www.youtube.com/embed/STVdCJaG0bY" frameborder="0"
allowfullscreen></iframe>
<div class="title">
<div class="difficulty-level medium">medium</div>
The Tech Model Railroad Club of MIT
</div>
</div>
</div>
<h2>Back to home</h2>
<div class="css-masonry css-nimasonry">
<div class="item">
<div class="title">
<a href="./index.html">← Back to <code>./index.html</code></a>
</div>
</div>
</div>
</body>
</html>