Tancre
/
ilinx
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

black sea

Browse Source
master
Tancre 5 years ago
parent 22ba75b0d9
commit ab9e5ecd7b
5 changed files with 95 additions and 48 deletions
Show Stats Download Patch File Download Diff File

19
0/ilinx_00.html
Unescape Escape View File

@ -4,13 +4,21 @@
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Ilinx-0</title>
<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>
<body>
<h1>Index of /ilinx</h1>
<table>
<tbody>
<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>
</tbody>
</table>
@ -18,12 +26,19 @@
<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>
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>
<iframe id="real" style="visibility: hidden;" src="" name = "real"></iframe>
<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() {
document.getElementById("real").style.visibility = "visible";
}

2
0/ilinx_000.html
Unescape Escape View File

@ -10,7 +10,7 @@
<table>
<tbody>
<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>
</tbody>
</table>

7
0/imaginary.html
Unescape Escape View File

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

14
0/real.html
Unescape Escape View File

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

53
main/world1/black_sea.html
Unescape Escape View File

@ -23,7 +23,6 @@
animation: wave 5s linear infinite;
}
@-webkit-keyframes wave {
0% {
background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%;
@ -46,17 +45,19 @@
transform: scale(-0.3, 0.3);
top:50%;
left:50%;
margin-top:-75px;
margin-top:-150px;
position:absolute;
margin-left:-605px;
margin-left:-1000px;
}
.boat .wrap{
margin:auto;
width:210px;
width:860px;
height:150px;
overflow:hidden;
position:relative;
padding:50px 0 0 25px;
padding:50px 0 0 500px;
}
.boat .main{
bottom:-3px;
@ -337,6 +338,7 @@
bottom:0;
left:150px;
position:absolute;
margin-left: 450px;
}
.boat .water .drops{
width:300px;
@ -566,7 +568,7 @@
/* The alert message box */
.alert {
left: -200px;
left: 240px;
position: absolute;
width: 236px;
padding: 20px 30px 80px 20px;
@ -612,9 +614,11 @@ z-index: 101;
}
#black_hole{
left: 1275.5px;
left: 3000.5px;
top: 559.5px;
transform: scale(5,5) !important;}
transform: scale(5,5) !important;
display: none;}
.black_hole {
border-color: #00fc33 !important;
background-color: black;
@ -653,6 +657,15 @@ top: 717px;}
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>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
@ -710,17 +723,17 @@ top: 717px;}
<img id="col1" src="../img/column3.gif" class="draggable">
<img id="col2" src="../img/column3.gif" class="draggable">
</div>
<div id="black_hole" class="pulse draggable">
<!-- <div id="black_hole" class="pulse">
<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>
<script type="text/javascript" src="../scripts/drag.js"></script>
</div> -->
<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">
var pane = $('#sea'),
box = $('#mBoat'),
col = $('#col'),
w = pane.width() - box.width()+2000,
w = pane.width() - box.width()+5000,
d = {},
x = 10;
@ -739,21 +752,23 @@ top: 717px;}
});
}, 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(
function(e){
if (e.keyCode == 37) {
e.preventDefault();
}
});
// var l = box.css('left');
// if (l > 3000){
// $('#black_hole').css('display','inline');
// }
setInterval(function() {
$('.btn').css('display', 'inline');
}, 15000);
</script>
</body>

Write Preview
Loading…
Cancel
Save