Skip to content

Commit e1a2f68

Browse files
zesamerizesameri
committed
init for journal page
1 parent ffebd57 commit e1a2f68

File tree

2 files changed

+120
-0
lines changed

2 files changed

+120
-0
lines changed

‎css/subpages.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,3 +37,11 @@
3737
#poems {
3838
background-color: lightsalmon;
3939
}
40+
41+
#journal .crumple:after {
42+
background-color: plum;
43+
}
44+
45+
#journal {
46+
background-color: plum;
47+
}

‎journal.html‎

Lines changed: 112 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,112 @@
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/mobile.css" rel="stylesheet">
20+
<link href="./css/subpages.css" rel="stylesheet">
21+
<!-- Webpage Icon -->
22+
<link rel="shortcut icon" href="./assets/images/icon.png" type="image/png">
23+
<!-- Fonts -->
24+
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
25+
26+
<!-- Jquery Min Library -->
27+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
28+
<script src="./js/main.js"/></script>
29+
<script src="./js/analytics.js"/></script>
30+
<!-- Google Analytics -->
31+
<script>
32+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
33+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
34+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
35+
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
36+
37+
ga('create', 'UA-72323910-2', 'auto');
38+
ga('send', 'pageview');
39+
</script>
40+
<!-- End Google Analytics -->
41+
</head>
42+
<body id="journal">
43+
<section class="writing">
44+
<h1>meredith hoo - essays</h1>
45+
<p> feel free to leave comments in the links </p>
46+
47+
<dl class="list">
48+
49+
<dt> Reflection </dt>
50+
<dd class="list__item">
51+
<p>
52+
I’m not convinced that time is linear. Occasionally I daydream in class.
53+
A day passes by as the professor changes slides. My mind often drifts to
54+
memories or make-believe moments of people who exist only in the past.
55+
When they drift out of my existence, they stick to my thoughts vividly
56+
for months or longer. Those strangers we meet can feel familial after
57+
an initial conversation. Although it is against my logic, they strike
58+
through me metaphysically. I’m coming to think that the way we perceive
59+
time is based solely on what we choose to remember...
60+
</p>
61+
<a class="list__link"
62+
href="https://docs.google.com/document/d/1PCYdacY4-XZBE_d-ScdKcD2TIL1gE8QtH1K4Q1Z9e1E/edit?usp=sharing"
63+
target="_blank" rel="noopener noreferrer">read more here</a>
64+
</dd>
65+
<dt> A Note on Cavell's
66+
<a href="http://www.hup.harvard.edu/catalog.php?isbn=9780674961968&content=reviews">
67+
<span class="reference">The World Viewed</span></a>,
68+
<br>
69+
The Joy and Purpose of Cinema
70+
</dt>
71+
<dd class="list__item">
72+
<p>
73+
Meals remind me of movies. I like meals. Meals with company. Meals without company are so so.
74+
We make the food or the food is made for us. And we sit down, with plate in front of us.
75+
And we feel a sense of purpose. Hunger is innate, routine, and this meal wasn’t wrong
76+
in a way like snacking is. The meal is a part of our day that we attend to. It is a piece of time.
77+
It is shared in each family household, like Rockwell’s Thanksgiving. Movies are like meals.
78+
We sit down to eat them. We are hungry, well what are we hungry for?
79+
</p>
80+
<a class="list__link"
81+
href="https://docs.google.com/document/d/1MGt-M-njgm53FuzjGtYGMEnE86R9mB_hrbojmIgnS6c/edit?usp=sharing"
82+
target="_blank" rel="noopener noreferrer">read more here</a>
83+
</dd>
84+
85+
<dt>Tangents on Being John Malkovich</dt>
86+
<dd class="list__item">
87+
<p>
88+
This essay is written in a laissez faire style. Partially because
89+
I’m allowing myself to be stupid. What’s being smart if you never
90+
had a chance to be stupid. Also because I am (with a french accent)
91+
lazy.
92+
</p>
93+
<a class="list__link"
94+
href="https://docs.google.com/document/d/1Ahi-bfGVyj-hUCHXYSJECULLz_rcV0dIDduB8r9zyXI/edit?usp=sharing"
95+
target="_blank" rel="noopener noreferrer">read more here</a>
96+
</dd>
97+
</dl>
98+
</section>
99+
100+
101+
<footer class="footer" id="footer">
102+
<a class="footer__link--home" href="http://merhoo.github.io/">home</a>
103+
<a class="footer__link--email" href="mailto:meredith.hoo1@gmail.com">email</a>
104+
<a class="footer__link--github" href="https://github.com/merhoo" target="_blank" rel="noopener noreferrer">github</a>
105+
<a class="footer__link--codepen" href="https://www.youtube.com/user/MeredithHoo/playlists" target="_blank" rel="noopener noreferrer">playlists</a>
106+
<a class="footer__link--linkedin" href="https://www.linkedin.com/in/merhoo/" target="_blank" rel="noopener noreferrer">linkedin</a>
107+
<a class="footer__link--instagram" href="https://www.instagram.com/zesameri/" target="_blank" rel="noopener noreferrer">photos</a>
108+
<div class="crumple" aria-hidden=""></div>
109+
</footer>
110+
111+
</body>
112+
</html>

0 commit comments

Comments
 (0)