-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
81 lines (80 loc) · 4.12 KB
/
about.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="1q84 songs" content="All the songs from
Haruki Murakami's 1q84 novel">
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/table2.css" />
<link rel="stylesheet" href="css/tip-yellowsimple.css" />
<link rel="stylesheet" href="css/footer.css" />
<link rel="stylesheet" href="css/backtop.css" />
<link rel="stylesheet" href="css/video.css" />
<link rel="stylesheet" href="css/contactable.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script>
<script type="text/javascript" src="js/script2.js"></script>
<script type="text/javascript" src="js/jquery.tablesorter.min.js"></script>
<script type="text/javascript" src="js/jquery.stickytableheaders.js"></script>
<script type="text/javascript" src="js/jquery.metadata.js"></script>
<script type="text/javascript" src="js/jquery.poshytip.js"></script>
<script type="text/javascript" src="js/jquery.jscroll.js"></script>
<script type="text/javascript" src="js/jquery.validate.pack.js"></script>
<script type="text/javascript" src="js/jquery.contactable.js"></script>
<title>1q84</title>
</head>
<body>
<div id='wrap'>
<div id="header">
<a href="index.html">
<span id="one">1</span><span id="q">Q</span><span id="eight">8</span><span id="four">4</span>
</a>
</div>
<div>
<div id="about">
<h2>About</h2>
<p>I love music. </p>
<p>When I was younger, I highly enjoyed the music from cartoons. I was deeply fascinated
by how the music went so well with the cartoons and how it conveyed such deep emotions.</p>
<p>For example, in <a href='http://youtu.be/EDQLy84ad04' target="_blank">Bugs Bunny's Rabbit
of Seville</a>, at the 3:40 mark, the music parallel's Elmer Fudd's anger and then it just keeps
escalating. I also enjoyed Tom and Jerry's <a href="http://youtu.be/MRxB4mFXAQA" target="_blank">
The Cat Above and The Mouse Below</a> and <a href="http://youtu.be/6NXo7pr8iRM" target="_blank">
The Cat Concerto</a>. To this day, I still listen to the music that those cartoons were all based on.</p>
<p>How does this tie in with Haruki Murakami's 1Q84 novel? I also use to watch Ren & Stimpy and there was one
specific song I liked but I never learned the name of. It wasn't until many years later when I read
The Wind-Up Bird Chronicle, also by Murakami, that I learned about the song <a href="http://youtu.be/uYxfI2Hj7_0"
target="_blank">La Gazza Ladra (The Thieving Magpie)</a> by
Gioachino Rossini. Not recognizing the song, I decided to give a listen to it and lo and behold, it
was the song from Ren & Stimpy!</p>
<p>Thus came my attempt to list down all the songs as they appear in Haruki Murakami's novel 1Q84. To set
the mood for the novel, to listen to new music, and to have a single place to listen to all the music.
Also, if you hover over a song, you'll get to see in what context the song was mentioned.</p>
<p>NOTE: I do not own any of the music. All the music was queried through YouTube's Data API. All the quotes
that pop-up when you hover over a song are from Haruki Murakami's novel 1Q84, which was the inspiration for this
project as well.</p>
</div>
<div id="about-right">
<p>Check out some other stuff from me:</p>
</div>
</div>
<div id='contactable'></div>
</div>
<footer>
<div class='f f1'><p><a href="index.html">Home</a></p></div>
<div class='f'><p><a href="about.html">About</a></p></div>
<!--<div class='f'><p><a href="contact.html">Contact</a></p></div>-->
<div class='f'>
<div id='social'>
<a href="https://twitter.com/edwingzmn"
class="twitter-follow-button" data-show-count="false">Follow @edwingzmn</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];
if(!d.getElementById(id)){js=d.createElement(s);js.id=id;
js.src="//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<!--<p>© Edwin Guzman</p>-->
</div>
</footer>
</body>
</html>