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

7 months ago
<!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="./photos/pie.webp">
7 months ago
</head>
<body>
<!-- nav -->
<a href="../index.html" target="_self">
<img id="home" src="./photos/home-closed.png" alt="home">
7 months ago
</a>
<div id="about">
<div onclick="openLetter()">
<img id="about" src="./photos/closed-crow.png" alt="about">
7 months ago
</div>
</div>
<div id="letterBox" class="letterBox" style="display:none">
<div id="closeButton" onClick='closeLetter()'><img src="./photos/close-yellow.png" alt="Close" width="50" height="auto"></div>
7 months ago
<div id="letterContents"></div>
</div>
<!-- audio -->
<audio id="background-audio" loop>
<source src="./audio/morning-birds.mp3" type="audio/mp3">
7 months ago
Your browser does not support the audio element.
</audio>
<button id="mute-btn">MUTE</button>
<div class="content">
<div class="content-item">
<img src="./photos/volvo.png" alt="Image 1">
7 months ago
<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="./photos/ipod.png" alt="Image 2">
7 months ago
<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="./photosbattenberg.png" alt="Image 3">
7 months ago
<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="./photosaustria.png" alt="Image 4">
7 months ago
<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="./photostumblr.png" alt="Image 5">
7 months ago
<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>