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.

154 lines
3.9 KiB
HTML

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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 isnt the real way.<br>
Ilinx is the name you can say but isnt 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>