-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathwritings.html
More file actions
264 lines (249 loc) · 11.5 KB
/
writings.html
File metadata and controls
264 lines (249 loc) · 11.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
<!DOCTYPE html>
<html lang="en" class="">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-72294820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-72294820-1');
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>writings</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1, maximum-scale=1">
<meta name="description" content="It's whatever you want to make of it.">
<meta name="author" content="kvitka">
<!-- Facebook Metadata -->
<meta name="og:title" content="flower power">
<meta name="og:description" content="It's whatever you want to make of it.">
<meta name="og:url" content="http://zesameri.github.io">
<meta name="og:type" content="website">
<meta name="theme-color" content="#222">
<!-- Styles -->
<link href="./css/main.css" rel="stylesheet">
<link href="./css/crumple.css" rel="stylesheet">
<link href="./css/font.css" rel="stylesheet">
<link href="./css/mobile.css" rel="stylesheet">
<!-- Webpage Icon -->
<link rel="shortcut icon" href="./assets/images/icon.png" type="image/png">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
<!-- Jquery Min Library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body id="essays">
<!-- Add content-wrapper div like in index.html -->
<div class="content-wrapper">
<section class="writing">
<div class="top-bar">
<h1 class="header">
<img class="header-img" src="assets/images/flower.svg">
writing
</h1>
</div>
<!-- Essays Section -->
<h2 class="section-title">essays</h2>
<dl class="list">
<dt> Hoagie Roll Photos </dt>
<dd class="list__item">
<p>
What does it mean to be of a place? Inspired by John Updike's A&P,
R.E.M.'s Nightswimming and Heidegger's Being & Time.
</p>
<a class="list__link"
href="https://medium.com/@zesameri/hoagie-roll-photos-b857a6cc2177"
target="_blank" rel="noopener noreferrer">read more here</a>
</dd>
<dt> Investigating Bauermeister's Rainbow </dt>
<dd class="list__item">
<p>
Although Rainbow creates a relationship between the human experience,
the cellular and celestale, it does not project Bauermeister's own
spirituality and experience. Rainbow is valuable in that it is made
shortly after her artistic voice in the Fluxus movement and the start
of her lense boxes. It culminates her use of art as a way to change
our perception of reality, and deviate from absolute truth, adding
humanity to her intellectualization of her mother's illness.
</p>
<a class="list__link"
href="https://medium.com/@zesameri/interpreting-bauermeisters-rainbow-1aac35b82c3f"
target="_blank" rel="noopener noreferrer">read more here</a>
</dd>
<dt> Reflection </dt>
<dd class="list__item">
<p>
I'm not convinced that time is linear. Occasionally I daydream in class.
A day passes by as the professor changes slides. My mind often drifts to
memories or make-believe moments of people who exist only in the past.
When they drift out of my existence, they stick to my thoughts vividly
for months or longer. Those strangers we meet can feel familial after
an initial conversation. Although it is against my logic, they strike
through me metaphysically. I'm coming to think that the way we perceive
time is based solely on what we choose to remember...
</p>
<a class="list__link"
href="https://medium.com/@zesameri/to-become-a-wave-in-a-seascape-68dad2c1fa46"
target="_blank" rel="noopener noreferrer">read more here</a>
</dd>
<dt> Subjectivity in the Work of Ellsworth Kelly. </dt>
<dd class="list__item">
<p>
After four years of studying Kelly's <i>Green Curve with Radius Twenty Feet</i>,
I began analyzing my subjective perspective on the painting. It came to represent
my college experience. In this work I explored how a word represents a consented
contextual/societal meaning through experience. How does a word substitute an idea?
</p>
<a class="list__link"
href="https://docs.google.com/document/d/1AYDIto7B2Lhd7gH84MiFuMEpkQI2PJRP-OOXSVY49wg/edit?usp=sharing"
target="_blank" rel="noopener noreferrer">read more here</a>
</dd>
<dt> A Note on Cavell's
<a href="http://www.hup.harvard.edu/catalog.php?isbn=9780674961968&content=reviews">
<span class="reference">The World Viewed</span></a>,
<br>
The Joy and Purpose of Cinema
</dt>
<dd class="list__item">
<p>
Meals remind me of movies. I like meals. Meals with company. Meals without company are so so.
We make the food or the food is made for us. And we sit down, with plate in front of us.
And we feel a sense of purpose. Hunger is innate, routine, and this meal wasn't wrong
in a way like snacking is. The meal is a part of our day that we attend to. It is a piece of time.
It is shared in each family household, like Rockwell's Thanksgiving. Movies are like meals.
We sit down to eat them. We are hungry, well what are we hungry for?
</p>
<a class="list__link"
href="https://docs.google.com/document/d/1MGt-M-njgm53FuzjGtYGMEnE86R9mB_hrbojmIgnS6c/edit?usp=sharing"
target="_blank" rel="noopener noreferrer">read more here</a>
</dd>
</dl>
<!-- Poems Section -->
<h2 class="section-title">poems</h2>
<dl class="list">
<dt> dear old lover </dt>
<dd class="list__item">
<p> I got a message from an old boyfriend, asking me to be penpals,
and wishing me well. But dating him was like chasing the wind.
<br><br>
It's wild that I chased the wind. When I felt like running after
something, and something felt like nothing and now nothing keeps
trying to play tag.
<br><br>
I know how the wind feels.<br>
Somedays I think <br>
I'll meet you outside my window, <br>
but when I look out <br>
all I see is rain.
</p>
</dd>
<dt> tuesday night </dt>
<dd class="list__item">
<p> Hey I know it's late, but I think I left some of my stuff at your place. <br>
I think the back of my neck maybe somewhere near your ps3. <br> Or maybe
by your bong. <br>
I think I may have left my favorite pair of socks and the <br>
small of my back. I mean what really matters is that black dress, <br>
I kinda need it this weekend <br>
Oh, and also that point when it hurt and I fought back tears. <br>
I can wait until the weekend, but if you're home and still up, <br>
could I pop in and grab my stuff?
</p>
</dd>
<dt> </dt>
<dd class="list__item ">
<p>
constantly thinking. chaotic. <br>
i'm constantly thinking. neurotic. <br>
accelerate. foot's on the gas. <br>
ready to brake. turn. check the mirror. <br>
fifteen seconds ahead. flip a switch. switch a lane <br>
turn. slow down. angle & timing. distance & angle. <br>
turn the wheel slowly. gradual. smooth. controlled.
</p>
<p>
what does he think. time ticks. ticks of the signal.<br>
silence. <br>
speak. check mirrors. <br>
fifteen seconds ahead of us. <br>
fifteen miles of decisions in the rear view of <br>
my psyche.
</p>
<p> young drivers </p>
</dd>
<dt> sensitivity </dt>
<dd class="list__item ">
<p>
a blessing and a curse <br>
imagine too much sensitivity <br>
couldn't swallow a bite because <br>
i could feel it too much in my throat. <br>
place your hand on my shoulder <br>
slap. <br>
a rush of electricity upon contact.
</p>
<p>
like a fox on the highway, dodging<br>
judgement, anxiety, social disturbance <br>
speak. check mirrors. <br>
ten over the speed limit.
</p>
<p>
wildfire kisses.<br>
eye contact like splinters. <br>
but he can't hide a smirk. <br>
</p>
</dd>
<dt> bumps </dt>
<dd class="list__item">
<p> bumps left. bumps right. big hands </p>
<p> no consent. bumps. brush. coast. wrap. lope. rope. </p>
<p> no words. no exchange. just bumps and bumps </p>
<p> gropes and grabs </p>
<p> unwrapping my presents, tearing paper </p>
</dd>
<dt> Untitled Poem #4 </dt>
<dd class="list__item ">
<p>
There is a glass that separates me from you. <br>
I can't tell if its visable, if its clear or opaque
</p>
<p>
There is a glass that separates me from you. <br>
I think you can see it. I think you know its there. <br>
Stares. staring at me. <br>
Or are they staring at the glass.
</p>
<p>
If they looked away, did they look away from the divide. <br>
Did they look away from me.
</p>
<p>
There's a glass that separates me from you. <br>
Its stiff. Its thick. Its cold. Like classroom lighting. <br>
Its enclosing. Its plastic wrap. And I <br>
don't have enough air to breathe.
</p>
</dd>
</dl>
</section>
<footer class="footer" id="footer">
<a class="footer__link--home" href="./index.html">homie</a>
<a class="footer__link--github" href="https://github.com/zesameri" target="_blank" rel="noopener noreferrer">code</a>
<a class="footer__link--playlists" href="https://open.spotify.com/user/1286649958" target="_blank" rel="noopener noreferrer">muze</a>
<a class="footer__link--linkedin" href="https://www.linkedin.com/in/merhoo/" target="_blank" rel="noopener noreferrer">work</a>
<a class="footer__link--instagram" href="https://www.instagram.com/eww.york/" target="_blank" rel="noopener noreferrer">trash</a>
</footer>
</div>
<!-- Add the crumple div structure like in index.html -->
<div class="crumple" aria-hidden="">
<div class="crumple__rect"></div>
<div class="shapes-container">
<div class="circle-one"></div>
<div class="circle-two"></div>
<div class="circle-three"></div>
<div class="circle-four"></div>
</div>
</div>
</body>
</html>