|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>cake intimacies</title>
|
|
|
<link rel="stylesheet" href="styles.css">
|
|
|
<link rel="stylesheet" href="../css/fonts.css">
|
|
|
<script src="../js/jquery.js"></script>
|
|
|
<script src="script.js"></script>
|
|
|
<link rel="icon" type="image/x-icon" href="../images/pie.webp">
|
|
|
|
|
|
</head>
|
|
|
<body>
|
|
|
<!-- nav -->
|
|
|
<a href="../index.html" target="_self">
|
|
|
<img id="home" src="../images/home-closed.png" alt="home">
|
|
|
</a>
|
|
|
<div id="about">
|
|
|
<div onclick="openLetter()">
|
|
|
<img id="about" src="../images/closed-crow.png" alt="about">
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div id="letterBox" class="letterBox" style="display:none">
|
|
|
<div id="closeButton" onClick='closeLetter()'><img src="../images/close-yellow.png" alt="Close" width="50" height="auto"></div>
|
|
|
<div id="letterContents"></div>
|
|
|
</div>
|
|
|
|
|
|
<!-- audio -->
|
|
|
<audio id="background-audio" loop>
|
|
|
<source src="../audio/morning-birds.mp3" type="audio/mp3">
|
|
|
Your browser does not support the audio element.
|
|
|
</audio>
|
|
|
|
|
|
<button id="mute-btn">MUTE</button>
|
|
|
|
|
|
|
|
|
<div class="content">
|
|
|
<div class="content-item">
|
|
|
<img src="../images/volvo.png" alt="Image 1">
|
|
|
<p>
|
|
|
My mom makes these really soft and cakey that I love. Once, when I was a kid, I brought them to Sunday School to share. Nobody understood them. They said they were too strange and cakey. After school, I found one on the ground, crushed under a car, tyre marks etched into it. From then on, my family started calling them “Volvo cookies”.</p>
|
|
|
</div>
|
|
|
<div class="content-item">
|
|
|
<img src="../images/ipod.png" alt="Image 2">
|
|
|
<p>
|
|
|
I was excited to get my first iPod. I had to download iTunes to listen to music, but the slow internet of my home stopped with every ring of the phone. I was glued to the progress bar for a week, watching it slowly inch forward. I felt so frustrated every time the phone rang for the whole week! When it finally downloaded it was the best feeling in the world.</p>
|
|
|
</div>
|
|
|
<div class="content-item">
|
|
|
<img src="../images/battenberg.png" alt="Image 3">
|
|
|
<p>
|
|
|
Every birthday, Mom bakes a train-shaped Battenberg cake with pink and yellow checkerboxes. On my 21st birthday we all stayed up to celebrate and got quite drunk. At 3 a.m., my Mom gasped—“Oh no, I forgot the cake!" We ate it then, tipsy and intimate. It felt different, more personal. My mom wasn’t just my mom anymore; she was a friend.</p>
|
|
|
</div>
|
|
|
<div class="content-item">
|
|
|
<img src="../images/austria.png" alt="Image 4">
|
|
|
<p>Once, I rode a long train ride down to Shangai. At each city we stopped, I ate a different piece of cake and wrote about it on my blog—back when blogs were still a thing. It was an incredible cake journey. But now, the train’s path goes through Russia, and that trip is sealed in the past.</p>
|
|
|
</div>
|
|
|
<div class="content-item">
|
|
|
<img src="../images/tumblr.png" alt="Image 5">
|
|
|
<p>When I first got Tumblr, I wrote all my most private thoughts on it. I loved it. One day, a girl from a class above came up to me to say she loved my post about love. My heart sank as I realized everything I posted was public, exposed. Embarrassed, I deleted it all. Now, I wish I hadn’t.
|
|
|
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
</html>
|