name changes images

master
ada 2 months ago
parent 43ea2c07cc
commit 08ea7db865

@ -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="/images/chicken.PNG"> <link rel="icon" type="image/x-icon" href="/photos/chicken.PNG">
<title>backplaces</title> <title>backplaces</title>
</head> </head>
@ -24,28 +24,28 @@
</div> </div>
<div class="subtitle">a play by ada</div> <div class="subtitle">a play by ada</div>
<div class="images"> <div class="photos">
<div class="img-container"> <div class="img-container">
<a href="sunrise/sunrise.html"><img src="images/sunrise.webp" class="img1"></a> <a href="sunrise/sunrise.html"><img src="/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="images/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="images/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="/images/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="/images/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,22 +8,22 @@
<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="../images/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="../images/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="../images/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="../images/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>
@ -38,26 +38,26 @@
<div class="content"> <div class="content">
<div class="content-item"> <div class="content-item">
<img src="../images/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="../images/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="../images/battenberg.png" alt="Image 3"> <img src="../photos/battenberg.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="../images/austria.png" alt="Image 4"> <img src="../photos/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> <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="../images/tumblr.png" alt="Image 5"> <img src="../photos/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>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,7 +8,7 @@
<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="/images/sunrise.webp"> <link rel="icon" type="image/x-icon" href="/photos/sunrise.webp">
</head> </head>
<body> <body>
@ -20,15 +20,15 @@
<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="../images/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="../images/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="../images/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="../images/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="../images/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="../images/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="../images/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="../images/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="../images/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="../images/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">

Loading…
Cancel
Save