-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathart.html
More file actions
299 lines (281 loc) · 14.5 KB
/
art.html
File metadata and controls
299 lines (281 loc) · 14.5 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Qiushi Chris Tian</title>
<link rel="stylesheet" href="art-stuff/art.css">
<script>
function toggleContent() {
var content = document.getElementById('hiddenContent');
var link = document.getElementById('moreLink');
// Toggle display of content
if (content.style.display === 'none') {
content.style.display = 'block'; // Show the content
link.textContent = 'Show less'; // Change text to 'Show less'
} else {
content.style.display = 'none'; // Hide the content
link.textContent = 'Show more & photos'; // Change text back to 'Show more'
}
}
function toggleContent2() {
var content = document.getElementById('sienaContent');
var link = document.getElementById('sienaLink');
// Toggle display of content
if (content.style.display === 'none') {
content.style.display = 'block'; // Show the content
link.textContent = 'Hide'; // Change text to 'Show less'
} else {
content.style.display = 'none'; // Hide the content
link.textContent = 'What’s here?'; // Change text back to 'Show more'
}
}
</script>
</head>
<body>
<div class="container">
<aside class="left-column">
<img src="art-stuff/Qiushi_Chris_Tian_headshot_2024.JPG" alt="Qiushi “Chris” Tian’s Headshot" class="headshot">
<h1>Qiushi “Chris” Tian</h1>
<p class="pronouns">He/him</p>
<!-- <h2>Actor</h2> -->
<section id="contact">
<!-- <h3>Contact</h3> -->
<p>(917) 409-8130</p>
<p><a href="mailto:sulpht@outlook.com?subject=[ART]%20">sulpht@outlook.com</a></p>
<!-- <p>Agent: <a href="mailto:agent@example.com">agent@example.com</a></p> -->
</section>
<br />
<p class="photographer-credit">Photo by Andrew Mark</p>
</aside>
<main class="right-column">
<section id="bio">
<h3>About Chris</h3>
<p>
Passionate both on stage and on screen, I bring interdisciplinary insights into defining the most intricate, intimate, and implicit moments in my characters’ lives. A proud recent graduate of Wesleyan University, I am grateful for the creative and cultivating theatre and film culture at my alma mater.
</p>
</section>
<section id="theatre">
<h3>Theatre</h3>
<table>
<thead>
<tr>
<th>Title</th>
<th>Role</th>
<th>Directed by</th>
<th>Produced by</th>
<th>Year</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<i>Passage</i> <small>by Christopher Chen</small>
</td>
<td>B</td>
<td>Annalisa Dias</td>
<td>JHU Theatre</td>
<td>in prod</td>
</tr>
<tr>
<td>
<i>Small Mouth Sounds</i> <small>by Bess Wohl</small>
</td>
<td>Jan</td>
<td>Nina Jakobson</td>
<td>Wesleyan Theater</td>
<td>2024</td>
</tr>
</tbody>
</table>
<p>
<!-- In this powerful piece by Bess Wohl--><b>About <i>Small Mouth Sounds</i>:</b> with few lines at my disposal, I turned carefully devised body movements and non-verbal sounds into intertwined pain, confusion, grief, love, and relief, guiding the audience through Jan’s courageous quest for human connections and self-discovery. At the end of the play, I brought on stage my character’s—and my own, as an actor—transformations. <span id="moreLink" onclick="toggleContent()" class="show-more">Show more & photos</span>
</p>
<section id="extra-content">
<!-- <button id="moreBtn" onclick="toggleContent()">More</button> -->
<div id="hiddenContent" style="display:none;"> <!-- Hidden content container -->
<p>
I performed at Wesleyan University’s Patricelli ’92 Theater from Februray 29 to March 2, 2024. In months prior, I enjoyed rehearsals and collaboration with others cast and crew members and, especially, director Nina Jakobson, who assembled this production as a part of their Honors Thesis in Theater. Being a cast member of the <i>Small Mouth Sounds</i> production was my most magical experience in college.
</p>
<p>
Read about the production in an <a href="http://wesleyanargus.com/2024/03/04/small-mouth-sounds-was-freaking-awesome-silence-at-the-end-of-the-world/">article</a> and a <a href="http://wesleyanargus.com/2024/04/04/response-to-small-mouth-sounds-was-freaking-awesome/">response</a> on the Wesleyan Argus. More information at <a href="https://www.wesleyan.edu/cfa/events/2024/02-2024/02292024-small-mouth-sounds.html">Wesleyan's Center for the Arts page</a>.
</p>
<img src="art-stuff/Qiushi_Chris_Tian_in_Small_Mouth_Sounds.JPG" alt="Chris in Small Mouth Sounds" class="featured-image">
<p class="photographer-credit">Photos by Varia Voloshin</p>
</div>
</section>
</section>
<!-- New Gallery Section -->
<!-- <section id="gallery"> -->
<!-- <h3>Gallery</h3> -->
<!-- <div class="gallery-grid"> -->
<!-- <img id="only-img" src="art-stuff/Qiushi_Chris_Tian_in_Small_Mouth_Sounds.JPG" alt="Chris in Small Mouth Sounds"> -->
<!-- <img src="art-stuff/Qiushi_Chris_Tian_in_Small_Mouth_Sounds_2.JPG" alt="Chris in Small Mouth Sounds 2">
<img src="art-stuff/Qiushi_Chris_Tian_in_Small_Mouth_Sounds_3.JPG" alt="Chris in Small Mouth Sounds 3">
<img src="art-stuff/Qiushi_Chris_Tian_in_Small_Mouth_Sounds_4.JPG" alt="Chris in Small Mouth Sounds 4"> -->
<!-- </div> -->
<!-- </section> -->
<section id="film">
<h3>Short Film</h3>
<table>
<thead>
<tr>
<th>Title</th>
<th>Role</th>
<th>Writer-Director</th>
<th>Release year</th>
</tr>
</thead>
<tbody>
<tr>
<td> <i>The Bow</i> </td>
<td>Mr. Amery</td>
<td>Tanarihí Torres González</td>
<td>in post</td>
</tr>
<tr>
<td> <i><a href="https://youtu.be/0jzVMIRgwjw?si=T0dM36elwBXMKfiH" class="slink">
The Planet Janus
</a></i> </td>
<td>Student</td>
<td>Caroline Lamoureux</td>
<td>2024</td>
</tr>
<tr>
<td> <i>No Sleep, No Morning</i> </td>
<td>The Doctor</td>
<td><a href="https://kieran-gettel-gilmartin.webnode.page" class="slink">
Kieran Gettel-Gilmartin
</a></td>
<td>2024</td>
</tr>
<tr>
<td> <i>A Second Chance</i> </td>
<td>Jack</td>
<td>Harry Yu</td>
<td>2024</td>
</tr>
<tr>
<td> <i>Park Bench</i> </td>
<td>Protagonist</td>
<td>Angelina Reddy</td>
<td>2023</td>
</tr>
<tr>
<td> <i><a href="https://m.youtube.com/watch?fbclid=PAZXh0bgNhZW0CMTEAAaaq1cN1ZnAIFOEX1oClltrwH9AUYn_3Ir5lRFLfB9jLhLuHSooz6sOqgbY_aem_-eQI1pP4C8hylxSeRjVr0g&v=H0GGSNz4kWw&feature=youtu.be" class="slink">
Snap Away
</a></i> </td>
<td>Audience Member</td>
<td><a href="https://www.colegoco.art/" class="slink">
Cole Goco
</a></td>
<td>2023</td>
</tr>
<tr>
<td> <i>The Groom Is a Lying Bastard</i> </td>
<td>Bar Patron</td>
<td>Jolie Gui Zhang</td>
<td>2023</td>
</tr>
</tbody>
</table>
</section>
<section id="crew">
<h3>Short Film Crewing</h3>
<table>
<thead>
<tr>
<th>Title</th>
<th>Position</th>
<th>Writer-Director</th>
<th>Release year</th>
</tr>
</thead>
<tbody>
<tr>
<td> <i>Stuck</i> </td>
<td>Gaffer</td>
<td>Jasmyne Le</td>
<td>in post</td>
</tr>
<tr>
<td> <i><a href="https://vimeo.com/966727666?share=copy" class="slink">
Baby Bits
</a></i> </td>
<td>Grip</td>
<td><a href="https://www.a-dzh.com/" class="slink">
Sloane Stone
</a></td>
<td>2024</td>
</tr>
<tr>
<td> <i><a href="https://youtu.be/0jzVMIRgwjw?si=T0dM36elwBXMKfiH" class="slink">
The Planet Janus
</a></i> </td>
<td>Gaffer, Science Consultant</td>
<td>Caroline Lamoureux</td>
<td>2024</td>
</tr>
<tr>
<td> <i><a href="https://filmfreeway.com/Playback308/" class="slink">
Playback
</a></i> </td>
<td>Special Thanks</td>
<td><a href="https://www.imdb.com/name/nm14182414/?ref_=ext_shr_lnk" class="slink">
Gavin Zahn
</a></td>
<td>2024</td>
</tr>
<tr>
<td> <i>Park Bench</i> </td>
<td>Crew</td>
<td>Angelina Reddy</td>
<td>2023</td>
</tr>
</tbody>
</table>
</section>
<section id="education">
<h3>Education & Employment</h3>
<table>
<tbody>
<tr>
<td>06 / 2024 – </td>
<td>Research Assistant</td>
<td>Johns Hopkins University</td>
<td>Baltimore, MD</td>
</tr>
<tr>
<td>05 / 2024 </td>
<td>B.A. with Honors in Astronomy</td>
<td>Wesleyan University</td>
<td>Middletown, CT</td>
</tr>
</tbody>
</table>
</section>
<br />
<p>
<small id="sienaLink" onclick="toggleContent2()" class="show-more">
What’s here?
</small>
</p>
<section id="siena">
<div id="sienaContent" style="display:none;">
<h3>Siena, Italy</h3>
<p>
I wasted a wonderful summer in the beautiful Tuscan city of Siena pretending to learn Renaissance arts and painting, only to realize that I don’t like it very much. Nonetheless, I tried to capture some colors and shapes inspired by Siena’s <i><a href="https://en.wikipedia.org/wiki/Contrade_of_Siena" class="slink">contrade</a></i> and <i><a href="https://en.wikipedia.org/wiki/Palio_di_Siena" class="slink">Palio</a></i> on <a href="https://www.ilpalio.siena.it/5/Palio/202208160/" class="slink">August 17, 2022,</a> in this work.
</p>
<img src="art-stuff/Qiushi_Chris_Tian_painting_Siena.JPG" alt="Chris’ Siena painting" style="max-width: 300px;">
<p>
Learn more about the contrade, Palio, and Siena on <a href="https://artsandculture.google.com/story/life-inside-the-contrade-consorzio-per-la-tutela-del-palio-di-siena/pAWBaDQr-XV4Kg?hl=en", class="slink">Google Arts & Culture.</a>
</p>
</div>
</section>
</main>
</div>
<footer>
<p>© 2024 Qiushi Tian</p>
</footer>
</body>
</html>