|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html class="gr__"><head>
|
|
|
|
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
|
|
|
|
<title> @@@ilinχ </title>
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=0.5">
|
|
|
|
|
|
<script src="011_files/jquery-1.js"></script>
|
|
|
|
|
|
<script src="011_files/jquery-ui.js"></script>
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="011_files/style.css">
|
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
|
.loader {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
transform: scale(0.3);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.load {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 50%;
|
|
|
|
|
|
right: 50%;
|
|
|
|
|
|
width: 100px;
|
|
|
|
|
|
height: 100px;
|
|
|
|
|
|
margin-right: -180px;
|
|
|
|
|
|
margin-top: -180px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.circle {
|
|
|
|
|
|
border-top: solid 7px white;
|
|
|
|
|
|
border-radius: 100%;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 50%;
|
|
|
|
|
|
right: 50%;
|
|
|
|
|
|
animation-duration: 1.5s;
|
|
|
|
|
|
animation-iteration-count: infinite;
|
|
|
|
|
|
animation-timing-function: linear;
|
|
|
|
|
|
}
|
|
|
|
|
|
.circle#circle-1 {
|
|
|
|
|
|
width: 240px;
|
|
|
|
|
|
height: 240px;
|
|
|
|
|
|
margin-top: -120px;
|
|
|
|
|
|
margin-right: -120px;
|
|
|
|
|
|
animation-name: spin1;
|
|
|
|
|
|
transform: rotate(120deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
.circle#circle-2 {
|
|
|
|
|
|
width: 200px;
|
|
|
|
|
|
height: 200px;
|
|
|
|
|
|
margin-top: -115px;
|
|
|
|
|
|
margin-right: -100px;
|
|
|
|
|
|
animation-name: spin2;
|
|
|
|
|
|
transform: rotate(80deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
.circle#circle-3 {
|
|
|
|
|
|
width: 160px;
|
|
|
|
|
|
height: 160px;
|
|
|
|
|
|
margin-top: -110px;
|
|
|
|
|
|
margin-right: -80px;
|
|
|
|
|
|
transform: rotate(40deg);
|
|
|
|
|
|
animation-name: spin3;
|
|
|
|
|
|
}
|
|
|
|
|
|
.circle#circle-4 {
|
|
|
|
|
|
width: 120px;
|
|
|
|
|
|
height: 120px;
|
|
|
|
|
|
margin-top: -105px;
|
|
|
|
|
|
margin-right: -60px;
|
|
|
|
|
|
transform: rotate(0deg);
|
|
|
|
|
|
animation-name: spin4;
|
|
|
|
|
|
}
|
|
|
|
|
|
.circle#circle-5 {
|
|
|
|
|
|
width: 80px;
|
|
|
|
|
|
height: 80px;
|
|
|
|
|
|
margin-top: -100px;
|
|
|
|
|
|
margin-right: -40px;
|
|
|
|
|
|
transform: rotate(-40deg);
|
|
|
|
|
|
animation-name: spin5;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes spin1 {
|
|
|
|
|
|
to {
|
|
|
|
|
|
transform: rotate(480deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@keyframes spin2 {
|
|
|
|
|
|
to {
|
|
|
|
|
|
transform: rotate(440deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@keyframes spin3 {
|
|
|
|
|
|
to {
|
|
|
|
|
|
transform: rotate(400deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@keyframes spin4 {
|
|
|
|
|
|
to {
|
|
|
|
|
|
transform: rotate(360deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@keyframes spin5 {
|
|
|
|
|
|
to {
|
|
|
|
|
|
transform: rotate(320deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body onload="popup('./track.html', 'track')" data-gr-c-s-loaded="true" style="cursor: auto; transform: scale(0.485);">
|
|
|
|
|
|
<div id="chaos" class="draggable ui-draggable ui-draggable-handle" style="left: -319px; top: -479px;">
|
|
|
|
|
|
<!-- ----------------- SPACE ------------------ -->
|
|
|
|
|
|
<div id="space">
|
|
|
|
|
|
<p class="draggable ui-draggable ui-draggable-handle" style="position: relative; left: 732px; top: 1354px;">
|
|
|
|
|
|
Some day the piecing together of dissociated knowledge will open up a
|
|
|
|
|
|
new reality. A glimpse of truth, flashed out from an accidental chaos,
|
|
|
|
|
|
and certainly, if I live, I must knowingly supply a link in so
|
|
|
|
|
|
impossible chain...<br>
|
|
|
|
|
|
|
|
|
|
|
|
Ilinx is the way you can go but isn’t the real way.<br>
|
|
|
|
|
|
Ilinx is the name you can say but isn’t the real name. </p>
|
|
|
|
|
|
<div id="lmr">
|
|
|
|
|
|
<span id="port" class="places draggable ui-draggable ui-draggable-handle" style="left: 383.183px; top: 364px;"><a class="place" href="" target="_blank"><span class="inner">ilinx</span></a></span>
|
|
|
|
|
|
<div class="loader">
|
|
|
|
|
|
<div class="load draggable">
|
|
|
|
|
|
<div class="circle" id="circle-1" ></div>
|
|
|
|
|
|
<div class="circle" id="circle-2" ></div>
|
|
|
|
|
|
<div class="circle" id="circle-3" ></div>
|
|
|
|
|
|
<div class="circle" id="circle-4" ></div>
|
|
|
|
|
|
<div class="circle" id="circle-5" ></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="011_files/drag.js"></script>
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
//AUDIO POP UP
|
|
|
|
|
|
function popup(mylink, windowname) {
|
|
|
|
|
|
if (! window.focus)return true;
|
|
|
|
|
|
var href;
|
|
|
|
|
|
if (typeof(mylink) == 'string') href=mylink;
|
|
|
|
|
|
else href=mylink.href;
|
|
|
|
|
|
window.open(href, windowname, 'width=250, height=100, top=200, left=200, scrollbars=no,location=no,menubar=no,resizable=no,');
|
|
|
|
|
|
return false;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$(".ilinx, .island, .place").mouseenter(function() {
|
|
|
|
|
|
$("#sound-" + Math.ceil(Math.random() * 24))[0].play();
|
|
|
|
|
|
});
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body></html>
|
