|
|
|
@ -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>
|
|
|
|
|
|
|
|
|
|