Skip to content

Commit aeb02f4

Browse files
zesamerizesameri
committed
poems updated and added
1 parent a072edf commit aeb02f4

File tree

6 files changed

+176
-8
lines changed

6 files changed

+176
-8
lines changed

‎css/crumple.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -366,7 +366,7 @@
366366
-webkit-animation: gradient 30s ease infinite;
367367
animation: gradient 30s ease infinite;
368368
}
369-
369+
370370
.footer__link--email:hover~.crumple:after {
371371
-webkit-animation: a 1s .25s linear forwards;
372372
animation: a 1s .25s linear forwards

‎css/font.css‎

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,16 @@ h1 {
2626
font-size: 3vw;
2727
}
2828

29+
.menu a {
30+
color: inherit;
31+
text-decoration: none;
32+
border: none;
33+
}
34+
.menu a:focus, .menu a:hover {
35+
color: inherit;
36+
border: none;
37+
}
38+
2939
.footer > a {
3040
line-height: 1;
3141
font-size: 1.4em;
@@ -78,8 +88,7 @@ a:focus, a:hover {
7888

7989
}
8090

81-
/*
91+
8292
.list__item > p {
8393
font-size: 1.25em;
8494
}
85-
*/

‎css/main.css‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -74,9 +74,13 @@ section {
7474
a {
7575
position: relative;
7676
}
77-
/*
77+
7878
.writing {
7979
max-width: 70vw;
80+
width: calc(100vw - 20em);
81+
padding-top: 5vh;
82+
padding-left: 6vw;
83+
padding-bottom: 5em;
8084
}
8185
.list {
8286
margin: 0;
@@ -88,4 +92,3 @@ a {
8892
.list__item > p {
8993
margin: 1em 0;
9094
}
91-
*/

‎css/poems.css‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
body {
2+
background-color: tomato;
3+
}
4+
5+
.footer__link--home:hover~.crumple:after {
6+
-webkit-animation: a 1s .25s linear forwards;
7+
animation: a 1s .25s linear forwards
8+
}
9+
.crumple:after {
10+
background-color: tomato;
11+
}

‎index.html‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,7 @@
2222
<link rel="shortcut icon" href="./assets/images/icon.png" type="image/png">
2323
<!-- Fonts -->
2424
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
25+
2526
<!-- Jquery Min Library -->
2627
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
2728
<script src="./js/main.js"/></script>
@@ -38,7 +39,7 @@
3839
</script>
3940
<!-- End Google Analytics -->
4041

41-
<script>
42+
<!-- <script>
4243
$(document).ready(function () {
4344
$.ajax({
4445
type: "GET",
@@ -49,7 +50,7 @@
4950
}
5051
});
5152
});
52-
</script>
53+
</script> -->
5354
</head>
5455
<body>
5556
<section class="hero">
@@ -64,7 +65,7 @@ <h1>meredith hoo</h1>
6465
</section>
6566
<section class="menu" id="menu">
6667
<div><div> essays </div></div>
67-
<div><div> poems </div></div>
68+
<div><div> <a href="./poems.html"> poems </a></div></div>
6869
<div><div> personal writing </div></div>
6970
<div><div> software projects </div></div>
7071
</section>

‎poems.html‎

Lines changed: 144 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,144 @@
1+
<!DOCTYPE html>
2+
<html lang="en" class="">
3+
<head>
4+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5+
<title>meredith hoo</title>
6+
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1, maximum-scale=1">
7+
<meta name="description" content="Meredith Hoo's creative project development site">
8+
<meta name="author" content="Meredith Hoo">
9+
<!-- Facebook Metadata -->
10+
<meta name="og:title" content="Meredith Hoo">
11+
<meta name="og:description" content="This is my place to explore and create.">
12+
<meta name="og:url" content="http://merhoo.github.io">
13+
<meta name="og:type" content="website">
14+
<meta name="theme-color" content="#222">
15+
<!-- Styles -->
16+
<link href="./css/main.css" rel="stylesheet">
17+
<link href="./css/crumple.css" rel="stylesheet">
18+
<link href="./css/font.css" rel="stylesheet">
19+
<link href="./css/footer.css" rel="stylesheet">
20+
<link href="./css/mobile.css" rel="stylesheet">
21+
<link href="./css/poems.css" rel="stylesheet">
22+
<!-- Webpage Icon -->
23+
<link rel="shortcut icon" href="./assets/images/icon.png" type="image/png">
24+
<!-- Fonts -->
25+
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
26+
27+
<!-- Jquery Min Library -->
28+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
29+
<script src="./js/main.js"/></script>
30+
<script src="./js/analytics.js"/></script>
31+
<!-- Google Analytics -->
32+
<script>
33+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
34+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
35+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
36+
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
37+
38+
ga('create', 'UA-72323910-2', 'auto');
39+
ga('send', 'pageview');
40+
</script>
41+
<!-- End Google Analytics -->
42+
</head>
43+
<body>
44+
<section class="writing">
45+
<h1>meredith hoo - poems</h1>
46+
<dl class="list">
47+
<!-- <dt> Template </dt>
48+
<dd class="list__item">
49+
<p> Hello, World! </p>
50+
</dd> -->
51+
52+
53+
<dd class="list__item ">
54+
<p>
55+
constantly thinking. chaotic. <br>
56+
i'm constantly thinking. neurotic. <br>
57+
accelerate. foot's on the gas. <br>
58+
ready to brake. turn. check the mirror. <br>
59+
fifteen seconds ahead. flip a switch. switch a lane <br>
60+
turn. slow down. angle & timing. distance & angle. <br>
61+
turn the wheel slowly. gradual. smooth. controlled.
62+
</p>
63+
<p>
64+
what does he think. time ticks. ticks of the signal.<br>
65+
silence. <br>
66+
speak. check mirrors. <br>
67+
fifteen seconds ahead of us. <br>
68+
fifteen miles of decisions in the rear view of <br>
69+
my psyche.
70+
</p>
71+
<p> young drivers </p>
72+
</dd>
73+
74+
<dt> sensitivity </dt>
75+
<dd class="list__item ">
76+
<p>
77+
a blessing and a curse <br>
78+
imagine too much sensitivity <br>
79+
couldn't swallow a bite because <br>
80+
i could feel it too much in my throat. <br>
81+
place your hand on my shoulder <br>
82+
slap. <br>
83+
a rush of electricity upon contact.
84+
</p>
85+
<p>
86+
like a fox on the highway, dodging<br>
87+
judgement, anxiety, social disturbance <br>
88+
speak. check mirrors. <br>
89+
racing ten over the speed limit.
90+
</p>
91+
<p>
92+
wildfire kisses.<br>
93+
eye contact like splinters. <br>
94+
but he can't hide a smirk. <br>
95+
</p>
96+
</dd>
97+
98+
<dt> bumps </dt>
99+
<dd class="list__item">
100+
<p> bumps left. bumps right. big hands </p>
101+
<p> no consent. bumps. brush. coast. wrap. lope. rope. </p>
102+
<p> no words. no exchange. just bumps and bumps </p>
103+
<p> gropes and grabs </p>
104+
<p> unwrapping my presents, tearing paper </p>
105+
</dd>
106+
107+
<dt> Untitled Poem #4 </dt>
108+
<dd class="list__item ">
109+
<p>
110+
There is a glass that separates me from you. <br>
111+
I can't tell if its visable, if its clear or opaque
112+
</p>
113+
<p>
114+
There is a glass that separates me from you. <br>
115+
I think you can see it. I think you know its there. <br>
116+
Stares. staring at me. <br>
117+
Or are they staring at the glass.
118+
</p>
119+
<p>
120+
If they looked away, did they look away from the divide. <br>
121+
Did they look away from me.
122+
</p>
123+
<p>
124+
There's a glass that separates me from you. <br>
125+
Its stiff. Its thick. Its cold. Like classroom lighting. <br>
126+
Its enclosing. Its plastic wrap. And I <br>
127+
don't have enough air to breathe.
128+
</p>
129+
</dd>
130+
</dl>
131+
</section>
132+
133+
<footer class="footer" id="footer">
134+
<a class="footer__link--home" href="http://merhoo.github.io/">home</a>
135+
<a class="footer__link--email" href="mailto:meredith.hoo1@gmail.com">email</a>
136+
<a class="footer__link--github" href="https://github.com/merhoo" target="_blank" rel="noopener noreferrer">github</a>
137+
<a class="footer__link--codepen" href="https://www.youtube.com/user/MeredithHoo/playlists" target="_blank" rel="noopener noreferrer">playlists</a>
138+
<a class="footer__link--linkedin" href="https://www.linkedin.com/in/merhoo/" target="_blank" rel="noopener noreferrer">linkedin</a>
139+
<a class="footer__link--instagram" href="https://www.instagram.com/zesameri/" target="_blank" rel="noopener noreferrer">photos</a>
140+
<div class="crumple" aria-hidden=""></div>
141+
</footer>
142+
143+
</body>
144+
</html>

0 commit comments

Comments
 (0)