<!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 >
< 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 >