|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
<head>
|
|
|
|
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
|
|
|
<meta http-equiv="Content-Style-Type" content="text/css" />
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<link rel="stylesheet" href="css/style_index.css">
|
|
|
|
<link rel="stylesheet" href="css/fonts.css">
|
|
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
|
|
|
<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">
|
|
|
|
<title>backplaces</title>
|
|
|
|
</head>
|
|
|
|
|
|
|
|
<body>
|
|
|
|
<div class="container">
|
|
|
|
|
|
|
|
<div class="title">
|
|
|
|
<span class="title-full">BackPlaces</span>
|
|
|
|
<span class="title-mobile">Back Places</span>
|
|
|
|
</div>
|
|
|
|
<div class="subtitle">a play by ada</div>
|
|
|
|
|
|
|
|
<div class="photos">
|
|
|
|
<div class="img-container">
|
|
|
|
<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>
|
|
|
|
<div class="caption">act two</div>
|
|
|
|
</div>
|
|
|
|
<div class="img-container">
|
|
|
|
<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>
|
|
|
|
|
|
|
|
<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="letterContents"></div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
|
|
|
|
</html>
|