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"> <link rel="stylesheet" href="../css/fonts.css">
<script src="script.js" defer></script> <script src="script.js" defer></script>
<script src="../js/jquery.js"></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>
</head> </head>
<body> <body>
<!-- nav --> <!-- nav -->
<a href="/index.html" target="_self"> <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> </a>
<div id="about"> <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>
<div id="letterBox" class="letterBox" style="display:none"> <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 id="letterContents"></div>
</div> </div>
<!-- audio --> <!-- audio -->
<audio id="background-audio" loop> <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. Your browser does not support the audio element.
</audio> </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="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> <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> <p>Curtains&nbsp;close, the&nbsp;scene has&nbsp;ended. <br>
You can read it <button onClick="window.location.reload();">again</button> <br> You can read it <button onClick="window.location.reload();">again</button> <br>
go&nbsp;back go&nbsp;back
<a href="/index.html">home, <br></a> or to <a href="../index.html">home, <br></a> or to
<a href="/pie/pie.html">the last act.</a> <a href="../pie/pie.html">the last act.</a>
</p> </p>
</div> </div>

@ -11,7 +11,7 @@
<script src="js/cursor.js" type="text/javascript"></script> <script src="js/cursor.js" type="text/javascript"></script>
<script src="js/script.js" type="text/javascript"></script> <script src="js/script.js" type="text/javascript"></script>
<script src="js/jquery.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> <title>backplaces</title>
</head> </head>
@ -26,26 +26,26 @@
<div class="photos"> <div class="photos">
<div class="img-container"> <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 class="caption">act one</div>
</div> </div>
<div class="img-container"> <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 class="caption">act two</div>
</div> </div>
<div class="img-container"> <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 class="caption">act three</div>
</div> </div>
</div> </div>
<div id="about"> <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>
<div id="letterBox" class="letterBox" style="display:none"> <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 id="letterContents"></div>
</div> </div>

@ -8,28 +8,28 @@
<link rel="stylesheet" href="../css/fonts.css"> <link rel="stylesheet" href="../css/fonts.css">
<script src="../js/jquery.js"></script> <script src="../js/jquery.js"></script>
<script src="script.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> </head>
<body> <body>
<!-- nav --> <!-- nav -->
<a href="../index.html" target="_self"> <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> </a>
<div id="about"> <div id="about">
<div onclick="openLetter()"> <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> </div>
<div id="letterBox" class="letterBox" style="display:none"> <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 id="letterContents"></div>
</div> </div>
<!-- audio --> <!-- audio -->
<audio id="background-audio" loop> <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. Your browser does not support the audio element.
</audio> </audio>
@ -38,26 +38,26 @@
<div class="content"> <div class="content">
<div class="content-item"> <div class="content-item">
<img src="./photos/volvo.png" alt="Image 1"> <img src="../photos/volvo.png" alt="Image 1">
<p> <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> 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>
<div class="content-item"> <div class="content-item">
<img src="./photos/ipod.png" alt="Image 2"> <img src="../photos/ipod.png" alt="Image 2">
<p> <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> 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>
<div class="content-item"> <div class="content-item">
<img src="./photosbattenberg.png" alt="Image 3"> <img src="../photosbattenberg.png" alt="Image 3">
<p> <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> 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>
<div class="content-item"> <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> <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>
<div class="content-item"> <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>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> </p>

@ -8,27 +8,27 @@
<link rel="stylesheet" href="../css/fonts.css"> <link rel="stylesheet" href="../css/fonts.css">
<script src="../js/jquery.js"></script> <script src="../js/jquery.js"></script>
<script src="sunrise.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> </head>
<body> <body>
<audio id="background-audio" loop> <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. Your browser does not support the audio element.
</audio> </audio>
<button id="mute-btn">MUTE</button> <button id="mute-btn">MUTE</button>
<a href="/index.html" target="_blank"> <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> </a>
<div id="about"> <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>
<div id="letterBox" class="letterBox" style="display:none"> <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 id="letterContents"></div>
</div> </div>
@ -42,7 +42,7 @@
</div> </div>
<div class="comment"> <div class="comment">
<div class="comment-image"> <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: user08 commented:
</div> </div>
<span class="comment-text"> <span class="comment-text">
@ -63,7 +63,7 @@
<div class="comment"> <div class="comment">
<div class="comment-image"> <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: kamomile commented:
</div> </div>
<span class="comment-text"> <span class="comment-text">
@ -85,7 +85,7 @@
</div> </div>
<div class="comment"> <div class="comment">
<div class="comment-image"> <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: euca_bleach commented:
</div> </div>
<span class="comment-text"> <span class="comment-text">
@ -106,7 +106,7 @@
</div> </div>
<div class="comment"> <div class="comment">
<div class="comment-image"> <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: driedroZe commented:
</div> </div>
<span class="comment-text"> <span class="comment-text">
@ -130,7 +130,7 @@
</div> </div>
<div class="comment"> <div class="comment">
<div class="comment-image"> <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: pastassteam commented:
</div> </div>
<span class="comment-text"> <span class="comment-text">
@ -152,7 +152,7 @@
</div> </div>
<div class="comment"> <div class="comment">
<div class="comment-image"> <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: amuchine006 commented:
</div> </div>
<span class="comment-text"> <span class="comment-text">
@ -171,7 +171,7 @@
<div class="comment"> <div class="comment">
<div class="comment-image"> <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:"> <input type="text" id="username2" placeholder="if you:">
</div> </div>
<span class="comment-text"> <span class="comment-text">
@ -190,8 +190,8 @@
<p>I have received your sibling feelings and will hold them close to mine. <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> now you can read it <button onClick="window.location.reload();">again</button> <br>
go&nbsp;back go&nbsp;back
<a href="/index.html">home, <br></a> or to <a href="../index.html">home, <br></a> or to
<a href="/pie/pie.html">the second act.</a> <a href="../pie/pie.html">the second act.</a>
</p> </p>
</div> </div>

Loading…
Cancel
Save