You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

69 lines
3.5 KiB
HTML

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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&nbsp;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 wasnt 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 trains 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 hadnt.
</p>
</div>
</div>
</body>
</html>