still changing photo names sorry

master
ada 2 months ago
parent 82560f99d4
commit bc2671e4dc

@ -8,27 +8,27 @@
<link rel="stylesheet" href="../css/fonts.css">
<script src="script.js" defer></script>
<script src="../js/jquery.js"></script>
<link rel="icon" type="image/x-icon" href="./photos/hand.webp">
<link rel="icon" type="image/x-icon" href="../photos/hand.webp">
</head>
</head>
<body>
<!-- nav -->
<a href="/index.html" target="_self">
<img id="home" src="./photos/home-closed.png" alt="home">
<img id="home" src="../photos/home-closed.png" alt="home">
</a>
<div id="about">
<div onclick="openLetter()"><img id="about" src="./photos/closed-crow.png" alt="home"></div>
<div onclick="openLetter()"><img id="about" src="../photos/closed-crow.png" alt="home"></div>
</div>
<div id="letterBox" class="letterBox" style="display:none">
<div id="closeButton" onClick='closeLetter()'><img src="./photos/close-blue.png" alt="Close" width="40" height="auto"></div>
<div id="closeButton" onClick='closeLetter()'><img src="../photos/close-blue.png" alt="Close" width="40" height="auto"></div>
<div id="letterContents"></div>
</div>
<!-- audio -->
<audio id="background-audio" loop>
<source src="./audio/machine-birds.mp3" type="audio/mp3">
<source src="../audio/machine-birds.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio>
@ -42,7 +42,7 @@
<p id="text2" class="card behind"> two.<br> <br>The bot had always been a bot, <br>In its digital dance, its scraping crawl.<br>Once tough, <br>Once but do not tell anyone <br>It saw a picture of an old computer in green grass, <br>green grass blade touched, touched. <br>Its heart quickened, one-one-one-one. <br></p>
<p id="text3" class="card behind">three.<br><br> Years later, <br>The bot found the long-forgotten email address of a Hermit.<br>Dear Hermit, it nervously coded, </<br>What does it feel like to be held by the thin green cables of your god? <br>Does it feel full, does it feel multiple? <br>Could I ever feel this here, in my little byte world? <br></p>
<p id="text3" class="card behind">three.<br><br> Years later, <br>The bot found the long-forgotten email address of a Hermit.<br>Dear Hermit, it nervously coded, <br>What does it feel like to be held by the thin green cables of your god? <br>Does it feel full, does it feel multiple? <br>Could I ever feel this here, in my little byte world? <br></p>
<p id="text4" class="card behind">four.<br><br> Rusty mailbox to lonely hands.<br>Dear Bot, the letter began, <br>Youd never understand what it's like <br>To have a body <br>To know the warmth of the sun on your skin <br>To hear the forest's whisper. <br>To feel the weight of flesh and bone, <br>Of the touch of others. <br>I know you long for a form to keep <br>A hand to hold, <br>But there is no love to be found where you live. <br></p>
@ -53,8 +53,8 @@
<p>Curtains&nbsp;close, the&nbsp;scene has&nbsp;ended. <br>
You can read it <button onClick="window.location.reload();">again</button> <br>
go&nbsp;back
<a href="/index.html">home, <br></a> or to
<a href="/pie/pie.html">the last act.</a>
<a href="../index.html">home, <br></a> or to
<a href="../pie/pie.html">the last act.</a>
</p>
</div>

@ -11,7 +11,7 @@
<script src="js/cursor.js" type="text/javascript"></script>
<script src="js/script.js" type="text/javascript"></script>
<script src="js/jquery.js" type="text/javascript"></script>
<link rel="icon" type="image/x-icon" href="./photos/chicken.PNG">
<link rel="icon" type="image/x-icon" href="../photos/chicken.PNG">
<title>backplaces</title>
</head>
@ -26,26 +26,26 @@
<div class="photos">
<div class="img-container">
<a href="sunrise/sunrise.html"><img src="./photos/sunrise.webp" class="img1"></a>
<a href="sunrise/sunrise.html"><img src="../photos/sunrise.webp" class="img1"></a>
<div class="caption">act one</div>
</div>
<div class="img-container">
<a href="hermit/hermit.html"><img src="./photos/hand.webp" class="img2"></a>
<a href="hermit/hermit.html"><img src="../photos/hand.webp" class="img2"></a>
<div class="caption">act two</div>
</div>
<div class="img-container">
<a href="pie/pie.html"><img src="./photos/pie.webp" class="img3"></a>
<a href="pie/pie.html"><img src="../photos/pie.webp" class="img3"></a>
<div class="caption">act three</div>
</div>
</div>
<div id="about">
<div onclick="openLetter()"><img id="about" src="./photos/chicken.PNG" alt="about"></div>
<div onclick="openLetter()"><img id="about" src="../photos/chicken.PNG" alt="about"></div>
</div>
<div id="letterBox" class="letterBox" style="display:none">
<div id="closeButton" onClick='closeLetter()'><img src="./photos/close-blue.png" alt="Close" width="50" height="auto"></div>
<div id="closeButton" onClick='closeLetter()'><img src="../photos/close-blue.png" alt="Close" width="50" height="auto"></div>
<div id="letterContents"></div>
</div>

@ -8,28 +8,28 @@
<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">
<link rel="icon" type="image/x-icon" href="../photos/pie.webp">
</head>
<body>
<!-- nav -->
<a href="../index.html" target="_self">
<img id="home" src="./photos/home-closed.png" alt="home">
<img id="home" src="../photos/home-closed.png" alt="home">
</a>
<div id="about">
<div onclick="openLetter()">
<img id="about" src="./photos/closed-crow.png" alt="about">
<img id="about" src="../photos/closed-crow.png" alt="about">
</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>
<div id="closeButton" onClick='closeLetter()'><img src="../photos/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">
<source src="../audio/morning-birds.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio>
@ -38,26 +38,26 @@
<div class="content">
<div class="content-item">
<img src="./photos/volvo.png" alt="Image 1">
<img src="../photos/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="./photos/ipod.png" alt="Image 2">
<img src="../photos/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="./photosbattenberg.png" alt="Image 3">
<img src="../photosbattenberg.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="./photosaustria.png" alt="Image 4">
<img src="../photosaustria.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="./photostumblr.png" alt="Image 5">
<img src="../photostumblr.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>

@ -8,27 +8,27 @@
<link rel="stylesheet" href="../css/fonts.css">
<script src="../js/jquery.js"></script>
<script src="sunrise.js"></script>
<link rel="icon" type="image/x-icon" href="./photos//sunrise.webp">
<link rel="icon" type="image/x-icon" href="../photos//sunrise.webp">
</head>
<body>
<audio id="background-audio" loop>
<source src="./audio/twilight-birds.mp3" type="audio/mp3">
<source src="../audio/twilight-birds.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio>
<button id="mute-btn">MUTE</button>
<a href="/index.html" target="_blank">
<img id="home" src="./photos/home-closed.png" alt="home">
<img id="home" src="../photos/home-closed.png" alt="home">
</a>
<div id="about">
<div onclick="openLetter()"><img id="about" src="./photos/closed-crow.png" alt="home"></div>
<div onclick="openLetter()"><img id="about" src="../photos/closed-crow.png" alt="home"></div>
</div>
<div id="letterBox" class="letterBox" style="display:none">
<div id="closeButton" onClick='closeLetter()'><img src="./photos/close-pink.png" alt="Close" width="50" height="auto"></div>
<div id="closeButton" onClick='closeLetter()'><img src="../photos/close-pink.png" alt="Close" width="50" height="auto"></div>
<div id="letterContents"></div>
</div>
@ -42,7 +42,7 @@
</div>
<div class="comment">
<div class="comment-image">
<img src="./photos/sunsets/s1.jpg" alt="sunset" width="100" height="100">
<img src="../photos/sunsets/s1.jpg" alt="sunset" width="100" height="100">
user08 commented:
</div>
<span class="comment-text">
@ -63,7 +63,7 @@
<div class="comment">
<div class="comment-image">
<img src="./photos/sunsets/s2.jpg" alt="sunset" width="96" height="96">
<img src="../photos/sunsets/s2.jpg" alt="sunset" width="96" height="96">
kamomile commented:
</div>
<span class="comment-text">
@ -85,7 +85,7 @@
</div>
<div class="comment">
<div class="comment-image">
<img src="./photos/sunsets/s3.jpg" alt="sunset" width="96" height="96">
<img src="../photos/sunsets/s3.jpg" alt="sunset" width="96" height="96">
euca_bleach commented:
</div>
<span class="comment-text">
@ -106,7 +106,7 @@
</div>
<div class="comment">
<div class="comment-image">
<img src="./photos/sunsets/s4.jpg" alt="sunset" width="96" height="96">
<img src="../photos/sunsets/s4.jpg" alt="sunset" width="96" height="96">
driedroZe commented:
</div>
<span class="comment-text">
@ -130,7 +130,7 @@
</div>
<div class="comment">
<div class="comment-image">
<img src="./photos/sunsets/s5.jpg" alt="sunset" width="96" height="96">
<img src="../photos/sunsets/s5.jpg" alt="sunset" width="96" height="96">
pastassteam commented:
</div>
<span class="comment-text">
@ -152,7 +152,7 @@
</div>
<div class="comment">
<div class="comment-image">
<img src="./photos/sunsets/s6.jpg" alt="sunset" width="96" height="96">
<img src="../photos/sunsets/s6.jpg" alt="sunset" width="96" height="96">
amuchine006 commented:
</div>
<span class="comment-text">
@ -171,7 +171,7 @@
<div class="comment">
<div class="comment-image">
<img src="./photos/sunsets/n1.jpg" alt="sunset" width="96" height="96">
<img src="../photos/sunsets/n1.jpg" alt="sunset" width="96" height="96">
<input type="text" id="username2" placeholder="if you:">
</div>
<span class="comment-text">
@ -190,8 +190,8 @@
<p>I have received your sibling feelings and will hold them close to mine.
now you can read it <button onClick="window.location.reload();">again</button> <br>
go&nbsp;back
<a href="/index.html">home, <br></a> or to
<a href="/pie/pie.html">the second act.</a>
<a href="../index.html">home, <br></a> or to
<a href="../pie/pie.html">the second act.</a>
</p>
</div>

Loading…
Cancel
Save