|
4 | 4 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
5 | 5 | <title>meredith hoo</title> |
6 | 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="I write code for the web."> |
| 7 | + <meta name="description" content="Meredith Hoo's creative project development site"> |
8 | 8 | <meta name="author" content="Meredith Hoo"> |
9 | 9 | <!-- Facebook Metadata --> |
10 | 10 | <meta name="og:title" content="Meredith Hoo"> |
11 | 11 | <meta name="og:description" content="This is my place to explore and create."> |
12 | | - <meta name="og:url" content="http://merhoo.com"> |
| 12 | + <meta name="og:url" content="http://merhoo.github.io"> |
13 | 13 | <meta name="og:type" content="website"> |
14 | | - <meta name="theme-color" content="#0C0C0C"> |
| 14 | + <meta name="theme-color" content="#222"> |
15 | 15 | <!-- Styles --> |
16 | 16 | <link href="./css/main.css" rel="stylesheet"> |
17 | 17 | <link href="./css/crumple.css" rel="stylesheet"> |
18 | 18 | <link href="./css/font.css" rel="stylesheet"> |
19 | | - <link href="./css/footermagic.css" rel="stylesheet"> |
| 19 | + <link href="./css/footer.css" rel="stylesheet"> |
20 | 20 | <link href="./css/mobile.css" rel="stylesheet"> |
21 | 21 | <!-- Webpage Icon --> |
22 | 22 | <link rel="shortcut icon" href="./assets/images/icon.png" type="image/png"> |
23 | 23 | <!-- Fonts --> |
24 | 24 | <link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet"> |
25 | 25 | <!-- Jquery Min Library --> |
26 | 26 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> |
27 | | - <script src="./js/main.js"/> |
| 27 | + <script src="./js/main.js"/></script> |
| 28 | + <script src="./js/analytics.js"/></script> |
28 | 29 | <!-- Google Analytics --> |
29 | 30 | <script> |
30 | 31 | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ |
@@ -62,111 +63,12 @@ <h1>meredith hoo</h1> |
62 | 63 | </p> |
63 | 64 | </section> |
64 | 65 | <section class="menu" id="menu"> |
65 | | - <div> |
66 | | - <div> essays </div> |
67 | | - </div> |
68 | | - <div> |
69 | | - <div> poems </div> |
70 | | - </div> |
71 | | - <div> |
72 | | - <div> personal writing </div> |
73 | | - </div> |
74 | | - <div> |
75 | | - <div> software projects </div> |
76 | | - </div> |
| 66 | + <div><div> essays </div></div> |
| 67 | + <div><div> poems </div></div> |
| 68 | + <div><div> personal writing </div></div> |
| 69 | + <div><div> software projects </div></div> |
77 | 70 | </section> |
78 | | - <!--section class="writing"> |
79 | | - <h1>Essays and writing</h1> |
80 | | - <dl class="list"> |
81 | | - <dt> bumps </dt> |
82 | | - <dd class="list__item"> |
83 | | - <p> bumps left. bumps right. big hands </p> |
84 | | - <p> no consent. bumps. brush. coast. wrap. lope. rope. </p> |
85 | | - <p> no words. no exchange. just bumps and bumps </p> |
86 | | - <p> gropes and grabs </p> |
87 | | - <p> unwrapping my presents, tearing paper </p> |
88 | | - </dd> |
89 | | - <dt>Tangents on Being John Malkovich</dt> |
90 | | - <dd class="list__item"> |
91 | | - <p> |
92 | | - This essay is written in a laissez faire style. Partially because |
93 | | - I’m allowing myself to be stupid. What’s being smart if you never |
94 | | - had a chance to be stupid. Also because I am (with a french accent) |
95 | | - lazy. |
96 | | - </p> |
97 | | - <a class="list__link" |
98 | | - href="https://docs.google.com/document/d/1Ahi-bfGVyj-hUCHXYSJECULLz_rcV0dIDduB8r9zyXI/edit?usp=sharing" |
99 | | - target="_blank" rel="noopener noreferrer">read more here</a> |
100 | | - </dd> |
101 | | - <dt> Untitled Poem #4 </dt> |
102 | | - <dd class="list__item "> |
103 | | - <p> |
104 | | - There is a glass that separates me from you. <br> |
105 | | - I can't tell if its visable, if its clear or opaque |
106 | | - </p> |
107 | | - <p> |
108 | | - There is a glass that separates me from you. <br> |
109 | | - I think you can see it. I think you know its there. <br> |
110 | | - Stares. staring at me. <br> |
111 | | - Or are they staring at the glass. |
112 | | - </p> |
113 | | - <p> |
114 | | - If they looked away, did they look away from the divide. <br> |
115 | | - Did they look away from me. |
116 | | - </p> |
117 | | - <p> |
118 | | - There's a glass that separates me from you. <br> |
119 | | - Its stiff. Its thick. Its cold. Like classroom lighting. <br> |
120 | | - Its enclosing. Its plastic wrap. And I <br> |
121 | | - don't have enough air to breathe. |
122 | | - </p> |
123 | | - </dd> |
124 | | - <dt> Reflection </dt> |
125 | | - <dd class="list__item"> |
126 | | - <p> |
127 | | - I’m not convinced that time is linear. Occasionally I daydream in class. |
128 | | - A day passes by as the professor changes slides. My mind often drifts to |
129 | | - memories or make-believe moments of people who exist only in the past. |
130 | | - When they drift out of my existence, they stick to my thoughts vividly |
131 | | - for months or longer. Those strangers we meet can feel familial after |
132 | | - an initial conversation. Although it is against my logic, they strike |
133 | | - through me metaphysically. I’m coming to think that the way we perceive |
134 | | - time is based solely on what we choose to remember... |
135 | | - </p> |
136 | | - <a class="list__link" |
137 | | - href="https://docs.google.com/document/d/1PCYdacY4-XZBE_d-ScdKcD2TIL1gE8QtH1K4Q1Z9e1E/edit?usp=sharing" |
138 | | - target="_blank" rel="noopener noreferrer">read more here</a> |
139 | | - </dd> |
140 | | - <dt> A Note on Cavell's |
141 | | - <a href="http://www.hup.harvard.edu/catalog.php?isbn=9780674961968&content=reviews"> |
142 | | - <span class="reference">The World Viewed</span></a>, |
143 | | - <br> |
144 | | - The Joy and Purpose of Cinema |
145 | | - </dt> |
146 | | - <dd class="list__item"> |
147 | | - <p> |
148 | | - Meals remind me of movies. I like meals. Meals with company. Meals without company are so so. |
149 | | - We make the food or the food is made for us. And we sit down, with plate in front of us. |
150 | | - And we feel a sense of purpose. Hunger is innate, routine, and this meal wasn’t wrong |
151 | | - in a way like snacking is. The meal is a part of our day that we attend to. It is a piece of time. |
152 | | - It is shared in each family household, like Rockwell’s Thanksgiving. Movies are like meals. |
153 | | - We sit down to eat them. We are hungry, well what are we hungry for? |
154 | | - </p> |
155 | | - <a class="list__link" |
156 | | - href="https://docs.google.com/document/d/1MGt-M-njgm53FuzjGtYGMEnE86R9mB_hrbojmIgnS6c/edit?usp=sharing" |
157 | | - target="_blank" rel="noopener noreferrer">read more here</a> |
158 | | - </dd> |
159 | | - </dl> |
160 | | - </section> |
161 | | - <section class="dev"> |
162 | | - <h1>Dev Work</h1> |
163 | | - <dl class="list"> |
164 | | - <dt> Music Visualizer </dt> |
165 | | - <dd class="list__item"> |
166 | | - <a class="list__link" href="http://chortletortle.github.io/FINAL" target="_blank" rel="noopener noreferrer">Site may be down?</a> |
167 | | - </dd> |
168 | | - </dl> |
169 | | - </section--> |
| 71 | + |
170 | 72 | <footer class="footer" id="footer"> |
171 | 73 | <a class="footer__link--email" href="mailto:meredith.hoo1@gmail.com">email</a> |
172 | 74 | <a class="footer__link--github" href="https://github.com/merhoo" target="_blank" rel="noopener noreferrer">github</a> |
|
0 commit comments