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.
73 lines
2.2 KiB
HTML
73 lines
2.2 KiB
HTML
5 years ago
|
<!DOCTYPE html>
|
||
|
|
<html class="gr__hub_xpub_nl"><head>
|
||
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||
|
|
<title> @@@ilinχ </title>
|
||
|
|
<style>
|
||
|
|
body{
|
||
|
|
background-color: black;
|
||
|
|
color: #77ff46;
|
||
|
|
font-family: "Courier New", Courier, monospace;
|
||
|
|
}
|
||
|
|
|
||
|
|
#wrapper{
|
||
|
|
width: 100%;
|
||
|
|
text-align: center;
|
||
|
|
margin-top: 140px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rotating {
|
||
|
|
-webkit-animation: rotating 3s linear infinite;
|
||
|
|
-moz-animation: rotating 3s linear infinite;
|
||
|
|
-ms-animation: rotating 3s linear infinite;
|
||
|
|
-o-animation: rotating 3s linear infinite;
|
||
|
|
animation: rotating 3s linear infinite;
|
||
|
|
}
|
||
|
|
|
||
|
|
.resp {max-width: 100%;
|
||
|
|
height: auto;}
|
||
|
|
|
||
|
|
/* ----------------------------- ANIMATIONS ----------------------------- */
|
||
|
|
|
||
|
|
/* Rotate loop */
|
||
|
|
|
||
|
|
@-webkit-keyframes rotating /* Safari and Chrome */ {
|
||
|
|
from {
|
||
|
|
-webkit-transform: rotate(0deg);
|
||
|
|
-o-transform: rotate(0deg);
|
||
|
|
transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
-webkit-transform: rotate(360deg);
|
||
|
|
-o-transform: rotate(360deg);
|
||
|
|
transform: rotate(360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes rotating {
|
||
|
|
from {
|
||
|
|
-ms-transform: rotate(0deg);
|
||
|
|
-moz-transform: rotate(0deg);
|
||
|
|
-webkit-transform: rotate(0deg);
|
||
|
|
-o-transform: rotate(0deg);
|
||
|
|
transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
-ms-transform: rotate(360deg);
|
||
|
|
-moz-transform: rotate(360deg);
|
||
|
|
-webkit-transform: rotate(360deg);
|
||
|
|
-o-transform: rotate(360deg);
|
||
|
|
transform: rotate(360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body data-gr-c-s-loaded="true">
|
||
|
|
<div id="wrapper">
|
||
|
|
<p>Ilinx is the re-creational becoming of nonhuman deities.<br> Never-perfect and ever-volatile game^play of time spiraling out of control.<br> Self-referential gyration, rapid whirling or falling movement.posession in a state of dizziness and disorder. <br> VIrtuo-viral infection that spreads contagiously and makes contagious the unpredictable <br> {"very-Unlike closed loops"}; <br> Ilinx is the Loose ends terminal of the templex-interface. </p>
|
||
|
|
<a href="https://hub.xpub.nl/ilinx/main/variations">
|
||
|
|
<img id="spiral" class="rotating resp" src="@@@ilin%CF%87_files/spiral_w.png">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</body></html>
|