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.

83 lines
2.8 KiB
HTML

5 years ago
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> @@@ilinχ </title>
<link rel="stylesheet" type="text/css" href="./styles/black_sea.css">
<script type="text/javascript" src="./scripts/jquery/jquery-1.12.4.js"></script>
<!-- <script type="text/javascript" src="./scripts/jquery/jquery-ui.js"></script> -->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> -->
</head>
<body>
<div id="sea"></div>
<div id="mBoat" class="boat">
<div class="alert">
<span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>
Arrows to move
</div>
<div class="wrap">
<div class="main">
<div class="boat-top-layer">
<div class="top">
<div class="pole"></div>
<div class="help"><span></span></div>
</div>
<div class="bottom"></div>
</div>
<div class="boat-mid-layer">
<div class="top"></div>
<div class="bottom"></div>
</div>
<div class="boat-bot-layer">
<div class="top"></div>
<div class="bottom"></div>
</div>
</div>
</div>
<div class="water">
<div class="drops clearfix drops-1">
<span class="drop drop-a"></span>
<span class="drop drop-b"></span>
<span class="drop drop-c"></span>
<span class="drop drop-d"></span>
<span class="drop drop-e"></span>
<span class="drop drop-f"></span>
<span class="drop drop-g"></span>
<span class="drop drop-h"></span>
</div>
<div class="drops clearfix drops-2">
<span class="drop drop-a"></span>
<span class="drop drop-b"></span>
<span class="drop drop-c"></span>
<span class="drop drop-d"></span>
<span class="drop drop-e"></span>
<span class="drop drop-f"></span>
<span class="drop drop-g"></span>
<span class="drop drop-h"></span>
</div>
</div>
</div>
<div>
<img id="col1" class="col" src="./media/imgs/column3.gif">
<img id="col2" class="col" src="./media/imgs/column3.gif">
</div>
<div id="black_hole" class="pulse bh">
<div id="pulse1" class="pulsate black_hole"></div>
<div id="bh1" class="pulsate black_hole"></div>
<div id="bh2" class="pulsate black_hole"></div>
</div>
<div class="btn">Some day the piecing together of dissociated knowledge will open up a <a href="shore.html" onclick="next()" target="_parent">new reality</a></div>
<audio autoplay loop>
<source src="./media/sounds/Long/MainThemWater.wav" type="audio/wav">
</audio>
<script type="text/javascript" src="./scripts/black_sea.js"></script>
<script type="text/javascript">
moveSprite('#mBoat','2980');
keyBinding_1();
setInterval(function() { $('.btn, #black_hole').css('display', 'inline'); }, 15000);
</script>
</body>
</html>