<!DOCTYPE html>
<html style="height:100%">
<head>
<link rel="manifest" href="manifest.json" />
<link rel="icon" href="images/logo96.png" type="image/png" />
<title>Blastmud</title>
<style>
.button {
border: solid black 1px;
padding: 5px;
cursor: pointer;
text-decoration: none;
border-radius: 10px;
color: white;
background: grey;
}
</style>
<link rel="stylesheet" href="xterm.css" />
<script src="xterm.js"></script>
</head>
<body style="background: black; height: 100%">
<div style="background: black; color: white; display: flex; flex-direction: column; margin: 0px; height: 100%; width: 100%">
<h1 style="text-align: center">Play Blastmud</h1>
<div id="console" style="flex: 1"> </div>
</div>
<div id="over18" style="position: absolute; top: 0; left: 0; background: rgba(80,80,80,0.8); width: 100%; height: 100%">
<div style="display: block; padding: 10px; background: white; width: 80%; margin-left: auto; margin-right: auto; margin-top: 10%; border-radius: 10px;">
<h1>You must be 18+ to play Blastmud</h1>
<p>This game is restricted to adults (18 years or above). It contains violence,
sex scenes, and online interactions with other adults.</p>
<div style="text-align: right">
<a class="button" href="https://google.com/">I'm under 18</a>
<a class="button" href="#" onclick="over18();">I'm 18 or over</a>
</div>
</div>
</div>
</body>
<script src="main.js"></script>
</html>