You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

56 lines
1.8 KiB
HTML

7 months ago
<!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="/images/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="images">
<div class="img-container">
<a href="sunrise/sunrise.html"><img src="images/sunrise.webp" class="img1"></a>
<div class="caption">act one</div>
</div>
<div class="img-container">
<a href="hermit/hermit.html"><img src="images/hand.webp" class="img2"></a>
<div class="caption">act two</div>
</div>
<div class="img-container">
<a href="pie/pie.html"><img src="images/pie.webp" class="img3"></a>
<div class="caption">act three</div>
</div>
</div>
<div id="about">
<div onclick="openLetter()"><img id="about" src="/images/chicken.PNG" alt="about"></div>
</div>
<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="letterContents"></div>
</div>
</div>
</body>
</html>