-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathpoems.html
More file actions
executable file
·173 lines (165 loc) · 6.96 KB
/
poems.html
File metadata and controls
executable file
·173 lines (165 loc) · 6.96 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
<!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>poems</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">
<link href="./css/subpages.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>
<!-- <script src="./js/main.js"/></script> -->
</head>
<body id="poems">
<section class="writing">
<h1 class="header">
kvitka
<img class="header-img" src="assets/images/flower.svg">
poems
</h1>
<dl class="list">
<!-- <dt> Template </dt>
<dd class="list__item">
<p> Hello, World! </p>
</dd> -->
<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--email" href="mailto:[email protected]">talk to me</a>
<a class="footer__link--github" href="https://github.com/zesameri" target="_blank" rel="noopener noreferrer">i'm smart</a>
<a class="footer__link--playlists" href="https://open.spotify.com/user/1286649958" target="_blank" rel="noopener noreferrer">vibes</a>
<a class="footer__link--linkedin" href="https://www.linkedin.com/in/merhoo/" target="_blank" rel="noopener noreferrer">love me</a>
<a class="footer__link--instagram" href="https://www.instagram.com/zesameri/" target="_blank" rel="noopener noreferrer">look at me</a>
<div class="crumple" aria-hidden=""></div>
</footer>
</body>
</html>