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.9 KiB
HTML

<!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 <span class="sub-mobile">a play by ada</span><br>Places</span>
</div>
<div class="subtitle">a play by ada</div>
<div class="photos">
<a href="sunrise/sunrise.html" class="img-container">
<img src="./photos/sunrise.webp" class="img" alt="Sunrise">
<div class="caption">act one</div>
</a>
<a href="hermit/hermit.html" class="img-container">
<img src="./photos/hand.webp" class="img" alt="Hand">
<div class="caption">act two</div>
</a>
<a href="pie/pie.html" class="img-container">
<img src="./photos/pie.webp" class="img" alt="Pie">
<div class="caption">act three</div>
</a>
</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>