-
Notifications
You must be signed in to change notification settings - Fork 0
/
folio.html
361 lines (337 loc) · 19.9 KB
/
folio.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
349
350
351
352
353
354
355
356
357
358
359
360
361
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>🗂 portfolio 🗂
</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Evan is on the Web!" />
<meta name="robots" content="NOODP, index, follow" />
<meta itemprop="name" content="">
<meta itemprop="description" content="Evan is on the Web!">
<meta itemprop="image" content="/img/8bit_ev.png">
<!-- Twitter Card data -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@evantarrh">
<meta name="twitter:title" content="">
<meta name="twitter:description" content="Evan is on the Web!">
<meta name="twitter:creator" content="@evantarrh">
<meta name="twitter:image:src" content="/img/8bit_ev.png">
<meta name="twitter:domain" content="evan.land">
<!-- Open Graph data (Facebook) -->
<meta property="og:title" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://evan.land/" />
<meta property="og:image" content="/img/8bit_ev.png" />
<meta property="og:description" content="Evan is on the Web!" />
<!-- Apple Icons -->
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/img/favicon/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/img/favicon/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/img/favicon/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/img/favicon/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="/img/favicon/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/img/favicon/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="/img/favicon/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/img/favicon/apple-touch-icon-152x152.png" />
<!-- Standard Icons -->
<link rel="icon" type="image/png" href="/img/gem_med.png"/>
<!-- Chrome Theme Color -->
<meta name="theme-color" content="#fff">
<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed|Source+Code+Pro|Playfair+Display:700|Epilogue' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="/css/style.min.css" inline>
<!-- Google Analytics go here -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-50221324-1', 'auto');
ga('send', 'pageview');
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
</head>
<body class="">
<div class="folio-header">
<h1>Evan Tarrh Portfolio</h1>
</div>
<div class="folio-section folio-bio">
<div class="folio-section-one">
<span class="folio-section__title">bio</span>
</div>
<div class="folio-section-two">
<div class="folio-section__content">Evan started playing piano when he was 6 years old because he got jealous of his brother's piano lessons, and he never stopped. Growing up in Lexington, MA, he cultivated a deep love for jazz at Lexington High School, and helped lead the combo and jazz ensembles to awards at the national Ellington, Mingus, and Berklee festivals while also earning solo performance awards. At Columbia University, he continued to study jazz with Bruce Barth as he pursued a degree in computer science. Columbia's Computer Music Center sparked Evan's interest in the intersection between computing and music, which led to his exploration and pursuit of music production.</div>
<div class="folio-section__content">Evan graduated from Columbia in 2016 and currently lives in New York. He continues to write, produce, and perform creative music while working as a software engineer.</div>
</div>
</div>
<div class="folio-section folio-bug-band">
<div class="folio-section-one">
<span class="folio-section__title">bug band</span>
</div>
<div class="folio-section-two">
<div class="folio-section__content">My friends made a game about bugs rocking out, and I made the music for it! It rules, play it <a href="https://mariopartygod.itch.io/bug-band-beta">here</a>!</div>
<div class="folio-section__bandcamp">
<iframe style="border: 0; width: 100%; height: 120px;" src=https://bandcamp.com/EmbeddedPlayer/album=949668905/size=large/bgcol=ffffff/linkcol=f171a2/tracklist=false/artwork=small/transparent=true/ seamless><a href=https://evantarrh.bandcamp.com/album/bug-band-ost>Bug Band OST</a></iframe>
</div>
</div>
</div>
<div class="folio-section folio-luckbox">
<div class="folio-section-one">
<span class="folio-section__title">luckbox</span>
</div>
<div class="folio-section-two">
<div class="folio-section__content">I've released a couple of EPs under my indie jazz project, Luckbox. You can check out the music I wrote, recorded, and produced on Bandcamp or <a href="https://open.spotify.com/artist/4pJVDHbXscyyDrzbxWQqkZ?si=C33PqbLXTuyU9_-vgFl2Vg"> Spotify</a>!</div>
<div class="folio-section__bandcamp">
<iframe style="border: 0; width: 100%; height: 120px;" src=https://bandcamp.com/EmbeddedPlayer/album=39639014/size=large/bgcol=ffffff/linkcol=0687f5/tracklist=false/artwork=small/transparent=true/ seamless><a href=https://evantarrh.bandcamp.com/album/room-2-grow>room 2 grow by Luckbox</a></iframe>
</div>
</div>
</div>
<div class="folio-section folio-comps">
<div class="folio-section-one">
<span class="folio-section__title">compositions (traditional)</span>
</div>
<div class="folio-section-two">
<div class="folio-section__images">
<div class="folio-section__image-wrapper">
<a href=/img/music/pdf/my_time.pdf class="folio-section__image-link">
<img src=/img/music/png/my_time.png class="folio-section__image" />
</a>
<div>
<a href=/img/music/pdf/my_time.pdf class="folio-section__image-name">
my time
</a>
</div>
</div>
<div class="folio-section__image-wrapper">
<a href=/img/music/pdf/dime_si_o_no.pdf class="folio-section__image-link">
<img src=/img/music/png/dime_si_o_no.png class="folio-section__image" />
</a>
<div>
<a href=/img/music/pdf/dime_si_o_no.pdf class="folio-section__image-name">
dime sí o no
</a>
</div>
</div>
<div class="folio-section__image-wrapper">
<a href=/img/music/pdf/cosmos.pdf class="folio-section__image-link">
<img src=/img/music/png/cosmos.png class="folio-section__image" />
</a>
<div>
<a href=/img/music/pdf/cosmos.pdf class="folio-section__image-name">
cosmos
</a>
</div>
</div>
<div class="folio-section__image-wrapper">
<a href=/img/music/pdf/ltr_ltw.pdf class="folio-section__image-link">
<img src=/img/music/png/ltr_ltw.png class="folio-section__image" />
</a>
<div>
<a href=/img/music/pdf/ltr_ltw.pdf class="folio-section__image-name">
loves to read, loves to write
</a>
</div>
</div>
<div class="folio-section__image-wrapper">
<a href=/img/music/pdf/spaceman_spiff.pdf class="folio-section__image-link">
<img src=/img/music/png/spaceman_spiff.png class="folio-section__image" />
</a>
<div>
<a href=/img/music/pdf/spaceman_spiff.pdf class="folio-section__image-name">
spaceman spiff
</a>
</div>
</div>
<div class="folio-section__image-wrapper">
<a href=/img/music/pdf/captain_underpants.pdf class="folio-section__image-link">
<img src=/img/music/png/captain_underpants.png class="folio-section__image" />
</a>
<div>
<a href=/img/music/pdf/captain_underpants.pdf class="folio-section__image-name">
captain underpants
</a>
</div>
</div>
</div>
</div>
</div>
<div class="folio-section folio-beats">
<div class="folio-section-one">
<span class="folio-section__title">selected soundcloud beats</span>
</div>
<div class="folio-section-two">
<div class="folio-section__sounds">
<div class="folio-section__sound-wrapper">
<div class="iframe-wrapper">
<iframe class="soundcloud-iframe" width="300" height="200" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/1659129732&color=%23ffb6c1&auto_play=false&hide_related=true&show_comments=false&show_user=true&show_reposts=false&show_teaser=true&visual=true&sharing=false"></iframe>
</div>
<div class="folio-section__sound-description">
<span></span>
</div>
</div>
<div class="folio-section__sound-wrapper">
<div class="iframe-wrapper">
<iframe class="soundcloud-iframe" width="300" height="200" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/900635590&color=%23ffb6c1&auto_play=false&hide_related=true&show_comments=false&show_user=true&show_reposts=false&show_teaser=true&visual=true&sharing=false"></iframe>
</div>
<div class="folio-section__sound-description">
<span></span>
</div>
</div>
<div class="folio-section__sound-wrapper">
<div class="iframe-wrapper">
<iframe class="soundcloud-iframe" width="300" height="200" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/799539292&color=%23ffb6c1&auto_play=false&hide_related=true&show_comments=false&show_user=true&show_reposts=false&show_teaser=true&visual=true&sharing=false"></iframe>
</div>
<div class="folio-section__sound-description">
<span></span>
</div>
</div>
<div class="folio-section__sound-wrapper">
<div class="iframe-wrapper">
<iframe class="soundcloud-iframe" width="300" height="200" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/809967796&color=%23ffb6c1&auto_play=false&hide_related=true&show_comments=false&show_user=true&show_reposts=false&show_teaser=true&visual=true&sharing=false"></iframe>
</div>
<div class="folio-section__sound-description">
<span></span>
</div>
</div>
<div class="folio-section__sound-wrapper">
<div class="iframe-wrapper">
<iframe class="soundcloud-iframe" width="300" height="200" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/320407934&color=%23ffb6c1&auto_play=false&hide_related=true&show_comments=false&show_user=true&show_reposts=false&show_teaser=true&visual=true&sharing=false"></iframe>
</div>
<div class="folio-section__sound-description">
<span></span>
</div>
</div>
<div class="folio-section__sound-wrapper">
<div class="iframe-wrapper">
<iframe class="soundcloud-iframe" width="300" height="200" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/433223661&color=%23ffb6c1&auto_play=false&hide_related=true&show_comments=false&show_user=true&show_reposts=false&show_teaser=true&visual=true&sharing=false"></iframe>
</div>
<div class="folio-section__sound-description">
<span></span>
</div>
</div>
</div>
</div>
</div>
<div class="folio-section folio-transcriptions">
<div class="folio-section-one">
<span class="folio-section__title">transcriptions</span>
</div>
<div class="folio-section-two">
<div class="folio-section__images">
<div class="folio-section__image-wrapper">
<a href=/img/music/pdf/all_of_you.pdf class="folio-section__image-link">
<img src=/img/music/png/all_of_you.png class="folio-section__image" />
</a>
<div>
<a href=/img/music/pdf/all_of_you.pdf class="folio-section__image-name">
all of you
</a>
<p class="folio-section__image-name-extra">herbie hancock solo</p>
<p class="folio-section__image-name-extra">(miles davis quintet, 1964)</p>
</div>
</div>
<div class="folio-section__image-wrapper">
<a href=/img/music/pdf/flor_de_lis.pdf class="folio-section__image-link">
<img src=/img/music/png/flor_de_lis.png class="folio-section__image" />
</a>
<div>
<a href=/img/music/pdf/flor_de_lis.pdf class="folio-section__image-name">
flor de lis
</a>
<p class="folio-section__image-name-extra">aaron parks solo</p>
<p class="folio-section__image-name-extra">(gretchen parlato, 2004)</p>
</div>
</div>
<div class="folio-section__image-wrapper">
<a href=/img/music/pdf/there_will_never.pdf class="folio-section__image-link">
<img src=/img/music/png/there_will_never.png class="folio-section__image" />
</a>
<div>
<a href=/img/music/pdf/there_will_never.pdf class="folio-section__image-name">
there will never be another you
</a>
<p class="folio-section__image-name-extra">kenny garrett solo</p>
<p class="folio-section__image-name-extra">(solid, 1986)</p>
</div>
</div>
<div class="folio-section__image-wrapper">
<a href=/img/music/pdf/autumn_leaves.pdf class="folio-section__image-link">
<img src=/img/music/png/autumn_leaves.png class="folio-section__image" />
</a>
<div>
<a href=/img/music/pdf/autumn_leaves.pdf class="folio-section__image-name">
autumn leaves
</a>
<p class="folio-section__image-name-extra">makoto ozone solo</p>
<p class="folio-section__image-name-extra">(dear oscar, 1998)</p>
</div>
</div>
<div class="folio-section__image-wrapper">
<a href=/img/music/pdf/if_i_were_a_bell.pdf class="folio-section__image-link">
<img src=/img/music/png/if_i_were_a_bell.png class="folio-section__image" />
</a>
<div>
<a href=/img/music/pdf/if_i_were_a_bell.pdf class="folio-section__image-name">
if i were a bell
</a>
<p class="folio-section__image-name-extra">gerald clayton arrangement</p>
<p class="folio-section__image-name-extra">(bond: the paris sessions, 2011)</p>
</div>
</div>
<div class="folio-section__image-wrapper">
<a href=/img/music/pdf/sofi.pdf class="folio-section__image-link">
<img src=/img/music/png/sofi.png class="folio-section__image" />
</a>
<div>
<a href=/img/music/pdf/sofi.pdf class="folio-section__image-name">
sofi
</a>
<p class="folio-section__image-name-extra">makoto ozone solo</p>
<p class="folio-section__image-name-extra">(pandora, 2000)</p>
</div>
</div>
</div>
</div>
</div>
<div class="folio-section folio-songs-for-things">
<div class="folio-section-one">
<span class="folio-section__title">songs i made for things</span>
</div>
<div class="folio-section-two">
<div class="folio-section__sounds">
<div class="folio-section__sound-wrapper">
<div class="iframe-wrapper">
<iframe class="soundcloud-iframe" width="300" height="200" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/900525316&color=%23ffb6c1&auto_play=false&hide_related=true&show_comments=false&show_user=true&show_reposts=false&show_teaser=true&visual=true&sharing=false"></iframe>
</div>
<div class="folio-section__sound-description">
<span>intro song for Techsetters podcast</span>
</div>
</div>
<div class="folio-section__sound-wrapper">
<div class="iframe-wrapper">
<iframe class="soundcloud-iframe" width="300" height="200" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/900525010&color=%23ffb6c1&auto_play=false&hide_related=true&show_comments=false&show_user=true&show_reposts=false&show_teaser=true&visual=true&sharing=false"></iframe>
</div>
<div class="folio-section__sound-description">
<span>Techsetters alternate intro</span>
</div>
</div>
<div class="folio-section__sound-wrapper">
<div class="iframe-wrapper">
<iframe class="soundcloud-iframe" width="300" height="200" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/308561843&color=%23ffb6c1&auto_play=false&hide_related=true&show_comments=false&show_user=true&show_reposts=false&show_teaser=true&visual=true&sharing=false"></iframe>
</div>
<div class="folio-section__sound-description">
<span>podcast intro for The Games That Made Us</span>
</div>
</div>
<div class="folio-section__sound-wrapper">
<div class="iframe-wrapper">
<iframe class="soundcloud-iframe" width="300" height="200" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/900526615&color=%23ffb6c1&auto_play=false&hide_related=true&show_comments=false&show_user=true&show_reposts=false&show_teaser=true&visual=true&sharing=false"></iframe>
</div>
<div class="folio-section__sound-description">
<span>song for iOS arcade game "Squid"</span>
</div>
</div>
</div>
</div>
</div>
</body>
</html>