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.
79 lines
2.7 KiB
HTML
79 lines
2.7 KiB
HTML
<!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';">×</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>
|
|
<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> |