black sea

master
Tancre 5 years ago
parent 22ba75b0d9
commit ab9e5ecd7b

@ -4,13 +4,21 @@
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Ilinx-0</title> <title>Ilinx-0</title>
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">
iframe{
position: absolute;
width: 390px;
height: 60px;
left: 454px;
top: 360px;}
</style>
</head> </head>
<body> <body>
<h1>Index of /ilinx</h1> <h1>Index of /ilinx</h1>
<table> <table>
<tbody> <tbody>
<tr><th colspan="5"><hr></th></tr> <tr><th colspan="5"><hr></th></tr>
<tr><td valign="top"><img src="Index%20of%20_ilinx_files/unknown.html" alt="[.]"></td><td>ilinx</td><td align="right">-</td><td align="right"> 00 </td><td>&nbsp;</td></tr> <tr><td valign="top"><img src="Index%20of%20_ilinx_files/unknown.html" alt="[.]"></td><td><a href="#">ilinx</a></td><td align="right">-</td><td align="right"> 00 </td><td>&nbsp;</td></tr>
<tr><th colspan="5"><hr></th></tr> <tr><th colspan="5"><hr></th></tr>
</tbody> </tbody>
</table> </table>
@ -18,12 +26,19 @@
<p id="i0">The most merciful thing in the world, I think, is the ability ( <p id="i0">The most merciful thing in the world, I think, is the ability (
<a href="real.html" target="real" onclick="createIframe()">real</a> <a href="real.html" target="real" onclick="createIframe()">real</a>
or or
<a href="imaginary.html" target="imaginary" onclick="window.open('imaginary.html','imaginary','width=600,height=600'); return false;">imaginary</a> <a href="imaginary.html" target="imaginary" onclick="newW()">imaginary</a>
) of the human mind to correlate all its contents. </p> ) of the human mind to correlate all its contents. </p>
<iframe id="real" style="visibility: hidden;" src="" name = "real"></iframe> <iframe id="real" style="visibility: hidden;" src="" name = "real"></iframe>
<script type="text/javascript"> <script type="text/javascript">
function newW(){
var w = window.open('imaginary.html','imaginary','width=420, height=60, left=954, top=450');
w.focus();
// setTimeout( w.close(), 30000);
}
function createIframe() { function createIframe() {
document.getElementById("real").style.visibility = "visible"; document.getElementById("real").style.visibility = "visible";
} }

@ -10,7 +10,7 @@
<table> <table>
<tbody> <tbody>
<tr><th colspan="5"><hr></th></tr> <tr><th colspan="5"><hr></th></tr>
<tr><td valign="top"><img src="Index%20of%20_ilinx_files/unknown.html" alt="[.]"></td><td>ilinx</td><td align="right">-</td><td align="right"> 000 </td><td>&nbsp;</td></tr> <tr><td valign="top"><img src="Index%20of%20_ilinx_files/unknown.html" alt="[.]"></td><td><a href="#">ilinx</a></td><td align="right">-</td><td align="right"> 000 </td><td>&nbsp;</td></tr>
<tr><th colspan="5"><hr></th></tr> <tr><th colspan="5"><hr></th></tr>
</tbody> </tbody>
</table> </table>

@ -1,12 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head>
<style type="text/css">
body{font-family: mono;}
</style>
</head>
<body> <body>
<p>Think of it as a ship taking of a <a href="" onclick="next()">voyage</a></p> <p>Think of it as a ship taking of a <a href="" onclick="next()">voyage</a></p>
</body>
<script type="text/javascript"> <script type="text/javascript">
function next(){ function next(){
window.opener.location.href = "ilinx_000.html"; window.opener.location.href = "ilinx_000.html";
window.close(); window.close();
} }
</script> </script>
</body>
</html> </html>

@ -1 +1,13 @@
Think of it as you reading this text
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body{font-family: mono;}
</style>
</head>
<body>
<p>Think of it as you reading this text</p>
</body>
</html>

@ -23,7 +23,6 @@
animation: wave 5s linear infinite; animation: wave 5s linear infinite;
} }
@-webkit-keyframes wave { @-webkit-keyframes wave {
0% { 0% {
background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%; background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%;
@ -46,17 +45,19 @@
transform: scale(-0.3, 0.3); transform: scale(-0.3, 0.3);
top:50%; top:50%;
left:50%; left:50%;
margin-top:-75px; margin-top:-150px;
position:absolute; position:absolute;
margin-left:-605px; margin-left:-1000px;
} }
.boat .wrap{ .boat .wrap{
margin:auto; margin:auto;
width:210px; width:860px;
height:150px; height:150px;
overflow:hidden; overflow:hidden;
position:relative; position:relative;
padding:50px 0 0 25px; padding:50px 0 0 500px;
} }
.boat .main{ .boat .main{
bottom:-3px; bottom:-3px;
@ -337,6 +338,7 @@
bottom:0; bottom:0;
left:150px; left:150px;
position:absolute; position:absolute;
margin-left: 450px;
} }
.boat .water .drops{ .boat .water .drops{
width:300px; width:300px;
@ -566,7 +568,7 @@
/* The alert message box */ /* The alert message box */
.alert { .alert {
left: -200px; left: 240px;
position: absolute; position: absolute;
width: 236px; width: 236px;
padding: 20px 30px 80px 20px; padding: 20px 30px 80px 20px;
@ -612,9 +614,11 @@ z-index: 101;
} }
#black_hole{ #black_hole{
left: 1275.5px; left: 3000.5px;
top: 559.5px; top: 559.5px;
transform: scale(5,5) !important;} transform: scale(5,5) !important;
display: none;}
.black_hole { .black_hole {
border-color: #00fc33 !important; border-color: #00fc33 !important;
background-color: black; background-color: black;
@ -653,6 +657,15 @@ top: 717px;}
100% {-webkit-transform: scale(3, 3); opacity: 0.0;} 100% {-webkit-transform: scale(3, 3); opacity: 0.0;}
} }
.btn{ display: none;
position: absolute;
left: 2640px;
top: 220px;
width: 500px;
padding: 100px;
text-align: center;
color: white;}
</style> </style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head> </head>
@ -710,17 +723,17 @@ top: 717px;}
<img id="col1" src="../img/column3.gif" class="draggable"> <img id="col1" src="../img/column3.gif" class="draggable">
<img id="col2" src="../img/column3.gif" class="draggable"> <img id="col2" src="../img/column3.gif" class="draggable">
</div> </div>
<div id="black_hole" class="pulse draggable"> <!-- <div id="black_hole" class="pulse">
<div id="pulse1" class="pulsate black_hole"></div> <div id="pulse1" class="pulsate black_hole"></div>
<div id="bh1" class="pulsate black_hole"></div> <div id="bh1" class="pulsate black_hole"></div>
<div id="bh2" class="pulsate black_hole"></div> <div id="bh2" class="pulsate black_hole"></div>
</div> </div> -->
<script type="text/javascript" src="../scripts/drag.js"></script> <div class="btn">Some day the piecing together of dissociated knowledge will open up a <a href="http://www.google.com" onclick="next()" target="_parent">new reality</a> </div>
<script type="text/javascript"> <script type="text/javascript">
var pane = $('#sea'), var pane = $('#sea'),
box = $('#mBoat'), box = $('#mBoat'),
col = $('#col'), col = $('#col'),
w = pane.width() - box.width()+2000, w = pane.width() - box.width()+5000,
d = {}, d = {},
x = 10; x = 10;
@ -739,21 +752,23 @@ top: 717px;}
}); });
}, 20); }, 20);
setInterval(function() {
col.css({
left: function(i,v) { return newa(v, 37, 39); },
top: function(i,v) { return newa(v, 38, 40); }
});
}, 20);
$(document).keydown( $(document).keydown(
function(e){ function(e){
if (e.keyCode == 37) { if (e.keyCode == 37) {
e.preventDefault(); e.preventDefault();
} }
}); });
// var l = box.css('left');
// if (l > 3000){
// $('#black_hole').css('display','inline');
// }
setInterval(function() {
$('.btn').css('display', 'inline');
}, 15000);
</script> </script>
</body> </body>

Loading…
Cancel
Save