master
Tancre 5 years ago
parent 9f3bf44a61
commit 0b574470e8

@ -6,6 +6,6 @@
<link rel="stylesheet" type="text/css" href="../styles/terminal.css"> <link rel="stylesheet" type="text/css" href="../styles/terminal.css">
</head> </head>
<body> <body>
<div><span id="xnili">@ilinx</span>:<span id="tilde">~</span>$ <b>Adin Fassrol</b><br>Professor Fassrol was widely known as a pioneer in the application of cybernetics methodologies to anthropology and mythology. His visionary approach made possible the maturation of what now we call cyber- or <a href="ve.html" onclick="pppR(this, 've', '500', '310')" target="ve" >virtual ethnology</a>. In the early times of this discipline, however, the research was pursued following a direction opposite to the actual one, the technological value of this method was meant to enlight the rituals of proto-historical cultures as linguistic engines meant to produce meaning over generations.</div> <div><span id="xnili">@ilinx</span>:<span id="tilde">~</span>$ <b>Adin Fassrol</b><br>Professor Fassrol was widely known as a pioneer in the application of cybernetics methodologies to anthropology and mythology. His visionary approach made possible the maturation of what now we call cyber- or <a href="ve.html" onclick="pppR(this, 've', '500', '310')" target="ve" >virtual ethnology</a>. He was one of the main researchers to criticize the occultist wing of the new discipline led by Echidna Stillwell, however, due to the pressure of academic institution his work is now remembered as essential voice during the golden age of Virtual Anthropology, nowdays working in totally different ways. During the 70s professor Fassrol found the chair in experimental semiotics of the Harvard institute representing a nomad figure in a usually ortodox environment.</div>
</body> </body>
</html> </html>

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>
<head>
<title>cc</title>
<script type="text/javascript" src="../scripts/popup.js"></script>
<link rel="stylesheet" type="text/css" href="../styles/terminal.css">
<style type="text/css">
#home:hover { font-weight: bold; color: red; font-size: 18px; width: 500px; }
</style>
</head>
<body>
<div><span id="xnili">@ilinx</span>:<span id="tilde">~</span>$ <b>Cecil Curtis</b><br>
Cecil Curtis has been the first to give an account of Nma, in particular of the Tak N'ma tribe which was considered the most violent of the indigenous populations of the island and perhaps <i>'the most unspeakble selvages on earth'</i>. Curtis expedition is remembered as a failure in the communication between modern and ancient culture, and Curtis' madness and death caused by malaria is become a myth.
Last passages of Curtis' memories before his death:<br><br>
<i>17th July 1883 <br> I know now that I will never leave this place. The jungle is rotting me into nothingness. Mysupplies are exhausted. Clouds of mosquitoes torment me and I am plagued by the pounding,crushing, smothering heat.<br><br>
28th July 1883 <br> I have broken from everything, in any case participated in something abominable ... behind thetattered masks of man and God.Christian civilization is no better than the prancing of savages ...How could human fellowship exist after this?<br><br>
24th August 1883 <br> Needless to say, the Limbic Key continues to elude me. I strongly suspect it is a fiction. The Orderare pursuing a chimera the sense of destiny has not departed, however. On the contrary, I wasmeant to be here, irrespective of the motives of those who sent me. Other forces were at work. Ihave been chosen since the beginning of time.Curse this blasphemous fate.<br><br>
11th August 1883 <br> The language of these savages is impenetrable. They now promise to take me to Katak. To meetmyself, therefore! Or perhaps a rabid dog!!<br><br>
27th August 1883 <br> The fever has melted away the walls between waking and sleep. Consciousness has become aloathsome fog. I sense that the incessant rumbling of volcanic activity is connected with thevisions that plague me constantly now ... it felt as if I were carried down my spine ... Thingsancient beyond imagination ... beyond the ultimate gate of ruin and insanity ... oceans ofsubterranean fire ...
</i><br><br>
<sup>For a more detailed account of Curtis' expedition and experience with the Tak N'ma see the diary of Echidna Stillwell's account of the Mu N'ma</sup>
<br><br>
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Stillwell-Curtis memories</a>&nbsp;&nbsp;&nbsp;
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Echidna Stillwell</a>&nbsp;&nbsp;&nbsp;
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Nma</a>&nbsp;&nbsp;&nbsp;
</div>
</body>
</html>

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<title>es</title>
<script type="text/javascript" src="../scripts/popup.js"></script>
<link rel="stylesheet" type="text/css" href="../styles/terminal.css">
<style type="text/css">
#home:hover { font-weight: bold; color: red; font-size: 18px; width: 500px; }
</style>
</head>
<body>
<div><span id="xnili">@ilinx</span>:<span id="tilde">~</span>$ <b>Echidna Stillwell</b><br>
Professorv Stillwell had done pioneering fieldwork in ethnology in the 1920s leading the most controverted wing of what will become Virtual Ethnology, but her reputation quickly fell into eclipse. University authorities began to fear that she had gone native, credulously and uncritically adopting the strange folk beliefs ofher beloved Mu N'Ma. Some, such as professor Adin Fassrol, went so far as to suggest that she had been creative with her findings; that much of her data had been simulated. Fearing that they had a Blavatsky-type fake on their hands,the University moved to dissociate themselves from her work. A whispering campaign wasorchestrated, and Stillwell was first discredited and then forgotten by an anthropological community increasingly keen to establish its scientific credentials. The result was that her voluminous works on Mu folklore went unpublished. Complete disreputability was assured when her workbegan to be championed by occultists, poets and cranks of every persuasion, such as Peter Vysparov. During the beginning of the 70s he will become the head of the semi-fictional Miskatonic Virtual University with the creation of the N.W. Peaslee Chair in Hydro-History. <br><br>
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Virtual Ethnology</a>&nbsp;&nbsp;&nbsp;
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Miskatonic Virtual University</a>&nbsp;&nbsp;&nbsp;
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Letters Vysparov-Stillwell</a>&nbsp;&nbsp;&nbsp;
</div>
</body>
</html>

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html>
<head>
<title>lvs</title>
<script type="text/javascript" src="../scripts/popup.js"></script>
<link rel="stylesheet" type="text/css" href="../styles/terminal.css">
<style type="text/css">
#home:hover { font-weight: bold; color: red; font-size: 18px; width: 500px; }
</style>
</head>
<body>
<div><span id="xnili">@ilinx</span>:<span id="tilde">~</span>$ <b>Letters Vysparov-Stillwell</b><br>
The corrispondency between Echidna Stillwell and Peter Vysparov is extremely relevant because it is considered the first step to the creation of the Miskatonic Virtual University. Recently the MVU press have released a digital copy of the originals letters, otherwise another version of the same letters can be found in Ccru's texts as <i>Origins of the Cthulhu Club</i>
<br><br>
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Original letters</a>&nbsp;&nbsp;&nbsp;
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Origins of the Cthulhu Club</a>&nbsp;&nbsp;&nbsp;
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Echidna Stillwell</a>&nbsp;&nbsp;&nbsp;
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Peter Vysparov</a>&nbsp;&nbsp;&nbsp;
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Miskatonic Virtual University</a>&nbsp;&nbsp;&nbsp;
</div>
</body>
</html>

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>mvu</title>
<script type="text/javascript" src="../scripts/popup.js"></script>
<link rel="stylesheet" type="text/css" href="../styles/terminal.css">
<style type="text/css">
#home:hover { font-weight: bold; color: red; font-size: 18px; width: 500px; }
iframe{ width:100%; height: 700px; }
</style>
</head>
<body>
<div><span id="xnili">@ilinx</span>:<span id="tilde">~</span>$ <b>Miskatonic Virtual University (MVU)</b><br>
MVU dates back to the early 1970s, when the N.W. Peaslee Chair in Hydro-History was created for Professor Echidna Stillwell. TheUniversity had no campus as such (it still doesnt) hence the Virtual of its title but was a loose agglomeration of scholars, most affiliated to other institutions, especially MIT. (Miskatonic had beendescribed as the Shadow MIT.) What bound them together was a shared interest in thehyperfictional aspects of the work of H. P. Lovecraft. MVU thus brings together experts in fictionalsystems, mathematics, physics, geology, semiotics: all engaging in strange, crossdisciplinary pollinations that, if they are not actively forbidden, are unsupported in any other academic institution. The University represent the convergence of the Miskatonic University, the Cthulu Club, which account can be found in the Vysparov-Stillwell corrispondency and the studies of the occultist wing of Virtual Ethnology directed by Stillwell himself.
<sup><i>Some say that Miskatonic University is nothing more than a rumour, or a joke. Yet rumours have anunsettling ability to make things happen, and jokes, it is often said, have a serious side. My journey tothe semi-fictional Miskatonic Virtual University hasnt yielded much thats definite. But perhaps thatsthe point ...</i></sup>
<br><br>
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Echidna Stillwell</a>&nbsp;&nbsp;&nbsp;
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Letters Vysparov-Stillwell</a>&nbsp;&nbsp;&nbsp;
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Hyperfiction</a>&nbsp;&nbsp;&nbsp;<br><br>
<iframe src="https://mvupress.net/"></iframe>
</div>
</body>
</html>

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<title>nma</title>
<script type="text/javascript" src="../scripts/popup.js"></script>
<link rel="stylesheet" type="text/css" href="../styles/terminal.css">
<style type="text/css">
#home:hover { font-weight: bold; color: red; font-size: 18px; width: 500px; }
</style>
</head>
<body>
<div><span id="xnili">@ilinx</span>:<span id="tilde">~</span>$ <b>Nma</b><br>
South-East Asian cultural matrix, reputedly originating in the civilization of Mu,and maintaining the practices of Lemurian demonism and time sorcery, until devastated by the 1883 explosion of Krakatoa. The Nma were composed of true tribes (tripartite sub-groups): Mu, Dib, and Tak, linked by a triangular cyclic kinship system. The ancient cultures of the southern Chinese and ofthe Dravidians share many features with that of the Nma, suggesting a common source (or alternative principle of convergence).<br><br>
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Peter Vysparov</a>&nbsp;&nbsp;&nbsp;
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Echidna Stillwell</a>&nbsp;&nbsp;&nbsp;
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Cecil Curtis</a>&nbsp;&nbsp;&nbsp;
</div>
</body>
</html>

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html>
<head>
<title>pv</title>
<script type="text/javascript" src="../scripts/popup.js"></script>
<link rel="stylesheet" type="text/css" href="../styles/terminal.css">
<style type="text/css">
#home:hover { font-weight: bold; color: red; font-size: 18px; width: 500px; }
</style>
</head>
<body>
<div><span id="xnili">@ilinx</span>:<span id="tilde">~</span>$ <b>Peter Vysparov</b><br>
Peter Vysparov was a Russian émigré, whose family had fled to the USA during the Revolution. The Vysparovs were a reclusive family, shrouded in rumour. Serf legend had it that they had acquired theirwealth through abominable magical pacts. And, sure enough, rumours of occultism followed PeterVysparov into World War II. Coincidentally, Vysparov had been posted to the same theatre whereStillwell had done much of her fieldwork. He worked with the Dibboma, the degraded rump of the Dib N'Ma, who were one of the three original NMa tribes. It was said that Vysparov had employedunorthodox means in his war against the Japanese, using Dibboma sorcerers in a magical war. Since Vysparov's methods highly successful, military High Command were not overly concerned to investigate them. Vysparov is also known as the initiator of the Cthulhu Club and it is only with the recent release of correspondence between Vysparov and Stillwell that the events of the war which throw a great deal of light on the subsequent development of Virtual Ethnology and the Miskatonic Virtual University have become clearer.
<sup><i>Some say that Miskatonic University is nothing more than a rumour, or a joke. Yet rumours have anunsettling ability to make things happen, and jokes, it is often said, have a serious side. My journey tothe semi-fictional Miskatonic Virtual University hasnt yielded much thats definite. But perhaps thatsthe point ...</i></sup>
<br><br>
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Letters Vysparov-Stillwell</a>&nbsp;&nbsp;&nbsp;
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Time War</a>&nbsp;&nbsp;&nbsp;
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Echidna Stillwell</a>&nbsp;&nbsp;&nbsp;
</div>
</body>
</html>

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<title>scm</title>
<script type="text/javascript" src="../scripts/popup.js"></script>
<link rel="stylesheet" type="text/css" href="../styles/terminal.css">
<style type="text/css">
#home:hover { font-weight: bold; color: red; font-size: 18px; width: 500px; }
iframe{ width:100%; height: 700px; }
</style>
</head>
<body>
<div><span id="xnili">@ilinx</span>:<span id="tilde">~</span>$ <b>Stillwell-Curtis Memories</b><br>
The Stillwell-Curtis memories are extremely relevant for a detailed account of Echidna Stillwell expedition in Nma and the study in virtual ethnology on the tribe of Mu. As he write in this text, the expedition was ment to follow the footstep of Cecil Curtis and his experience with the Tak N'ma. Stillwell complete work on Mu folklore, however, has been discredited by academic institutions leading to the expulsion of the occultist wing of Virtual Ethnology and the subsequent formation of the Miskatonic Virtual University.
Stillwell-Curtis memories can be found in Ccru's texts as <i>The Vault of Murmurs</i>
<br><br>
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Echidna Stillwell</a>&nbsp;&nbsp;&nbsp;
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Cecil Curtis</a>&nbsp;&nbsp;&nbsp;
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Miskatonic Virtual University</a>&nbsp;&nbsp;&nbsp;<br><br>
<iframe src="https://libcom.org/files/[Ccru,_Nick_Land]_Ccru_Writings_1997-2003(BookZZ.org).pdf#page=49"></iframe>
</div>
</body>
</html>

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<title>vd</title>
<script type="text/javascript" src="../scripts/popup.js"></script>
<link rel="stylesheet" type="text/css" href="../styles/terminal.css">
<style type="text/css">
#home:hover { font-weight: bold; color: red; font-size: 18px; width: 500px; }
iframe{width: 100%; height: 700px;}
</style>
</head>
<body>
<div><span id="xnili">@ilinx</span>:<span id="tilde">~</span>$ <b>Voodoo Death</b><br>
The interest of Cannon for voodoo death can be in part led back to his semi-secret association, the wicht club. Following and extract from Linda Trent's commentary to Ccru's text <i>Flatlines</i>.
<i>Walter Cannon has established that self-fulfilling prophecy is a positive-feedback circuit. In his important essay, Voodoo Death, Cannon shows that much sorcerous cursing operates by inducing vicious circles of fear (producing more fear(producing more fear) (etc.))) to the point of destroying the organism. To be told you're going to die is therefore, in certain circumstances, quite literally a sentence of death.</i><br><br>
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Wicht Club</a>&nbsp;&nbsp;&nbsp;
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Flatlines</a>&nbsp;&nbsp;&nbsp;<br><br>
<iframe id="ifr1" src="../media/pdfs/vodoo_death.pdf"></iframe>
</div>
</body>
</html>

@ -7,7 +7,8 @@
</head> </head>
<body> <body>
<div> <h2><span id="xnili">@</span> Virtual Ethnology</h2> <div> <h2><span id="xnili">@</span> Virtual Ethnology</h2>
In the early times of this discipline, however, the research was pursued following a direction opposite to the actual one, the technological value of this method was meant to enlight the rituals of proto-historical cultures as linguistic engines meant to produce meaning over generations. <br><br> Born between the 30s and the 40s, Cyber- or Virtual Ethnology, focus on the use of software to build digital copies of archological findings as primary methodology to the study of cultural diversity.
In the early days, this discipline was following an opposite direction based on the application of cybernetic methodologies, in particular, through the use of feedback loops and other mechanisms of self-recurrence to understand certain aspect of specific cultures. <br>The technological value of the early Virtual Ethnology, instead of being a mere support and storage medium of manufactures and evidences, it was ment to light up the darkness in certain kind of rituals of proto-historical tribes that were understood as linguistic enginees employing complex self-referential mechanisms to assure the production of meaning over generations. Influenced by the advent of anthropology and sociology and the works of James George Frazer (1980), Sigmunfd Freud (1913), and Marcel Mauss (1925), focusing on rituals and mythological structures, researchers in different disciplines started to observ how these accounts were liable of using subtle systems of control and communication that will be effectively defined only later during the 40s with the birth of Cybernetics. However, fostered by the introduction of pseudo-scientific and occultists reasearches, such as Echidna stillwell's work on Mu's folklore, and the opposition of classical institutions interested in preserving their credibility, will lead to a rupture in the discipline during and the formation of the normalized contemporary approach during the end of the 70s.<br><br>
<a href="#" onclick="javascript:window.opener.location.href='./wc.html'; window.close();">Walter Cannon</a>&nbsp;&nbsp;&nbsp; <a href="#" onclick="javascript:window.opener.location.href='./wc.html'; window.close();">Walter Cannon</a>&nbsp;&nbsp;&nbsp;
<a href="es.html" onclick="pppR(this, 'es', '1000', '200')" target="es" >Echidna Stillwell</a> <a href="es.html" onclick="pppR(this, 'es', '1000', '200')" target="es" >Echidna Stillwell</a>
</div> </div>

@ -12,7 +12,7 @@
<body> <body>
<div><span id="xnili">@ilinx</span>:<span id="tilde">~</span>$ <b>Walter Cannon</b><br> <div><span id="xnili">@ilinx</span>:<span id="tilde">~</span>$ <b>Walter Cannon</b><br>
In the early times of this discipline, however, the research was pursued following a direction opposite to the actual one, the technological value of this method was meant to enlight the rituals of proto-historical cultures as linguistic engines meant to produce meaning over generations. <br><br> Walter Bradford Cannon was an American physiologist, professor and chairman of the Department of Physiology at Harvard Medical School. His work on understanding the auto-regulatory system in living beings, coining the term homeostasis, will become one of the fundaments of Cybernetics giving the possibility to a deeper study of autoregulation and its simulations in technical systems as adaptive autonomous machines. His work is considered the first to explicitly connect cybernetics to virtual anthropology through the study of the phenomena of Voodoo Death. Cannon is also the founder of the Wicht Club, a secret associations operating in Harvard. <br><br>
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Homeostasi</a>&nbsp;&nbsp;&nbsp; <a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Homeostasi</a>&nbsp;&nbsp;&nbsp;
<a href="./vd.html" onclick="pppRPvodoo(this, 'comm', '1000', '800','1000','500')" target="comm">Vodoo death</a>&nbsp;&nbsp;&nbsp; <a href="./vd.html" onclick="pppRPvodoo(this, 'comm', '1000', '800','1000','500')" target="comm">Vodoo death</a>&nbsp;&nbsp;&nbsp;
<a href="wcl.html" onclick="return popup(this, 'wcl', '1000', '200')" target="wcl" >Wicht Club</a> <a href="wcl.html" onclick="return popup(this, 'wcl', '1000', '200')" target="wcl" >Wicht Club</a>

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<title>wcl</title>
<script type="text/javascript" src="../scripts/popup.js"></script>
<link rel="stylesheet" type="text/css" href="../styles/terminal.css">
<style type="text/css">
#home:hover { font-weight: bold; color: red; font-size: 18px; width: 500px; }
</style>
</head>
<body>
<div><span id="xnili">@ilinx</span>:<span id="tilde">~</span>$ <b>Wicht Club</b><br>
The Wicht Club (1903 to 1911) has been founded by Walter Cannon and his collegue G. W. Pierce, pioneer in the developement of electronic telecommunication, as a semi-secret and self-assembled associations revolving around Harvard University and whose members and aims are, in part, still secret. To shed light on this private club it is necessary to understand the origin of its name, in fact, 'wicht' refers to the german word 'wichtel', in english 'wight' which <i>''is a creature or living sentient being also called 'restless soul'. In its original usage, the word wight described a living human being, but has also come to be used within fantasy and gothic literature to describe certain undead or zombies"</i>. Following this direction the Wicht Club seems to be involved in the scientific study of a new kind of human understood as zombie, a position that will later become epurated from its fantastical myst and transferred in the idea of the cybernetic machinery and the parallel birth of the post-human perspective.<br><br>
During the 40's Professor Fassrol, which had access to Harvard's archives found some hidden records of the Wicht Club and published one of the firsts account of the people and guests involved in the associations, wuch as William James.<br><br>
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >William James</a>&nbsp;&nbsp;&nbsp;
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Walter Cannon</a>&nbsp;&nbsp;&nbsp;
<a id="home" href="./homeo.html" onclick="javascript:window.opener.location.href='../home/doorway.html';" >Professor Fassrol</a>&nbsp;&nbsp;&nbsp;
</div>
</body>
</html>

@ -29,172 +29,171 @@
</head> </head>
<body data-gr-c-s-loaded="true" style="cursor: auto;"> <body data-gr-c-s-loaded="true" style="cursor: auto;">
<a class="m" href="" style="left: 2023px; top: 973px;"></a> <a class="m" href="" style="left: 2023px; top: 973px;"></a>
<a class="m" href="" style="left: -2px; top: -6px;"></a> <a class="n" href="" style="left: -2px; top: -6px;"></a>
<a class="m" href="" style="left: 2182px; top: -6px;"></a> <a class="m" href="" style="left: 2182px; top: -6px;"></a>
<a class="m" href="" style="left: 2184px; top: 541px;"></a> <a class="n" href="" style="left: 2184px; top: 541px;"></a>
<a class="m" href="" style="left: 2184px; top: 424px;"></a> <a class="m" href="" style="left: 2184px; top: 424px;"></a>
<a class="m" href="" style="left: 2186px; top: 268px;"></a> <a class="n" href="" style="left: 2186px; top: 268px;"></a>
<a class="m" href="" style="left: 1433px; top: 895px;"></a> <a class="m" href="" style="left: 1433px; top: 895px;"></a>
<a class="m" href="" style="left: 2185px; top: 152px;"></a> <a class="n" href="" style="left: 2185px; top: 152px;"></a>
<a class="m" href="" style="left: 1878px; top: 72px;"></a> <a class="m" href="" style="left: 1878px; top: 72px;"></a>
<a class="m" href="" style="left: 2185px; top: 698px;"></a> <a class="n" href="" style="left: 2185px; top: 698px;"></a>
<a class="m" href="" style="left: 2185px; top: 974px;"></a> <a class="m" href="" style="left: 2185px; top: 974px;"></a>
<a class="m" href="" style="left: 2185px; top: 816px;"></a> <a class="n" href="" style="left: 2185px; top: 816px;"></a>
<a class="m" href="" style="left: 305px; top: 619px;"></a> <a class="m" href="" style="left: 305px; top: 619px;"></a>
<a class="m" href="" style="left: 981px; top: 625px;"></a> <a class="n" href="" style="left: 981px; top: 625px;"></a>
<a class="m" href="" style="left: 1797px; top: 973px;"></a> <a class="m" href="" style="left: 1797px; top: 973px;"></a>
<a class="m" href="" style="left: 1736px; top: 973px;"></a> <a class="n" href="" style="left: 1736px; top: 973px;"></a>
<a class="m" href="" style="left: 1572px; top: 973px;"></a> <a class="m" href="" style="left: 1572px; top: 973px;"></a>
<a class="m" href="" style="left: 1510px; top: 973px;"></a> <a class="n" href="" style="left: 1510px; top: 973px;"></a>
<a class="m" href="" style="left: 1347px; top: 972px;"></a> <a class="m" href="" style="left: 1347px; top: 972px;"></a>
<a class="m" href="" style="left: 1285px; top: 974px;"></a> <a class="n" href="" style="left: 1285px; top: 974px;"></a>
<a class="m" href="" style="left: 1120px; top: 973px;"></a> <a class="m" href="" style="left: 1120px; top: 973px;"></a>
<a class="m" href="" style="left: 1060px; top: 973px;"></a> <a class="n" href="" style="left: 1060px; top: 973px;"></a>
<a class="m" href="" style="left: 895px; top: 974px;"></a> <a class="m" href="" style="left: 895px; top: 974px;"></a>
<a class="m" href="" style="left: 835px; top: 975px;"></a> <a class="n" href="" style="left: 835px; top: 975px;"></a>
<a class="m" href="" style="left: 670px; top: 975px;"></a> <a class="m" href="" style="left: 670px; top: 975px;"></a>
<a class="m" href="" style="left: 607px; top: 973px;"></a> <a class="n" href="" style="left: 607px; top: 973px;"></a>
<a class="m" href="" style="left: 447px; top: 973px;"></a> <a class="m" href="" style="left: 447px; top: 973px;"></a>
<a class="m" href="" style="left: 383px; top: 973px;"></a> <a class="n" href="" style="left: 383px; top: 973px;"></a>
<a class="m" href="" style="left: 220px; top: 974px;"></a> <a class="m" href="" style="left: 220px; top: 974px;"></a>
<a class="m" href="" style="left: 158px; top: 974px;"></a> <a class="m" href="" style="left: 158px; top: 974px;"></a>
<a class="m" href="" style="left: -4px; top: 973px;"></a> <a class="m" href="" style="left: -4px; top: 973px;"></a>
<a class="m" href="" style="left: 2020px; top: 816px;"></a> <a class="m" href="" style="left: 2020px; top: 816px;"></a>
<a class="m" href="" style="left: 1958px; top: 816px;"></a> <a class="m" href="" style="left: 1958px; top: 816px;"></a>
<a class="m" href="" style="left: 1796px; top: 817px;"></a> <a class="n" href="" style="left: 1796px; top: 817px;"></a>
<a class="m" href="" style="left: 1735px; top: 817px;"></a> <a class="m" href="" style="left: 1735px; top: 817px;"></a>
<a class="m" href="" style="left: 1569px; top: 816px;"></a> <a class="m" href="" style="left: 1569px; top: 816px;"></a>
<a class="m" href="" style="left: 1509px; top: 817px;"></a> <a class="m" href="" style="left: 1509px; top: 817px;"></a>
<a class="m" href="" style="left: 1346px; top: 816px;"></a> <a class="n" href="" style="left: 1346px; top: 816px;"></a>
<a class="m" href="" style="left: 1284px; top: 816px;"></a> <a class="m" href="" style="left: 1284px; top: 816px;"></a>
<a class="m" href="" style="left: 1121px; top: 817px;"></a> <a class="m" href="" style="left: 1121px; top: 817px;"></a>
<a class="m" href="" style="left: 1060px; top: 817px;"></a> <a class="n" href="" style="left: 1060px; top: 817px;"></a>
<a class="m" href="" style="left: 897px; top: 817px;"></a> <a class="n" href="" style="left: 897px; top: 817px;"></a>
<a class="m" href="" style="left: 834px; top: 818px;"></a> <a class="n" href="" style="left: 834px; top: 818px;"></a>
<a class="m" href="" style="left: 673px; top: 815px;"></a> <a class="m" href="" style="left: 673px; top: 815px;"></a>
<a class="m" href="" style="left: 608px; top: 818px;"></a> <a class="n" href="" style="left: 608px; top: 818px;"></a>
<a class="m" href="" style="left: 445px; top: 816px;"></a> <a class="m" href="" style="left: 445px; top: 816px;"></a>
<a class="m" href="" style="left: 383px; top: 817px;"></a> <a class="n" href="" style="left: 383px; top: 817px;"></a>
<a class="m" href="" style="left: 221px; top: 816px;"></a> <a class="n" href="" style="left: 221px; top: 816px;"></a>
<a class="m" href="" style="left: 158px; top: 815px;"></a> <a class="m" href="" style="left: 158px; top: 815px;"></a>
<a class="m" href="" style="left: -4px; top: 816px;"></a> <a class="n" href="" style="left: -4px; top: 816px;"></a>
<a class="m" href="" style="left: 2021px; top: 700px;"></a> <a class="n" href="" style="left: 2021px; top: 700px;"></a>
<a class="m" href="" style="left: 1958px; top: 700px;"></a> <a class="m" href="" style="left: 1958px; top: 700px;"></a>
<a class="m" href="" style="left: 1796px; top: 700px;"></a> <a class="n" href="" style="left: 1796px; top: 700px;"></a>
<a class="m" href="" style="left: 1734px; top: 699px;"></a> <a class="n" href="" style="left: 1734px; top: 699px;"></a>
<a class="m" href="" style="left: 1569px; top: 698px;"></a> <a class="m" href="" style="left: 1569px; top: 698px;"></a>
<a class="m" href="" style="left: 1509px; top: 699px;"></a> <a class="n" href="" style="left: 1509px; top: 699px;"></a>
<a class="m" href="" style="left: 1346px; top: 700px;"></a> <a class="n" href="" style="left: 1346px; top: 700px;"></a>
<a class="m" href="" style="left: 1283px; top: 700px;"></a> <a class="m" href="" style="left: 1283px; top: 700px;"></a>
<a class="m" href="" style="left: 1121px; top: 699px;"></a> <a class="m" href="" style="left: 1121px; top: 699px;"></a>
<a class="m" href="" style="left: 1060px; top: 699px;"></a> <a class="n" href="" style="left: 1060px; top: 699px;"></a>
<a class="m" href="" style="left: 897px; top: 699px;"></a> <a class="n" href="" style="left: 834px; top: 698px;"></a>
<a class="m" href="" style="left: 834px; top: 698px;"></a>
<a class="m" href="" style="left: 673px; top: 700px;"></a> <a class="m" href="" style="left: 673px; top: 700px;"></a>
<a class="m" href="" style="left: 608px; top: 700px;"></a> <a class="n" href="" style="left: 608px; top: 700px;"></a>
<a class="m" href="" style="left: 444px; top: 700px;"></a> <a class="m" href="" style="left: 444px; top: 700px;"></a>
<a class="m" href="" style="left: 385px; top: 698px;"></a> <a class="m" href="" style="left: 385px; top: 698px;"></a>
<a class="m" href="" style="left: 221px; top: 700px;"></a> <a class="n" href="" style="left: 221px; top: 700px;"></a>
<a class="m" href="" style="left: 159px; top: 699px;"></a> <a class="m" href="" style="left: 159px; top: 699px;"></a>
<a class="m" href="" style="left: -5px; top: 700px;"></a> <a class="n" href="" style="left: -5px; top: 700px;"></a>
<a class="m" href="" style="left: 2021px; top: 542px;"></a> <a class="n" href="" style="left: 2021px; top: 542px;"></a>
<a class="m" href="" style="left: 1958px; top: 543px;"></a> <a class="m" href="" style="left: 1958px; top: 543px;"></a>
<a class="m" href="" style="left: 1795px; top: 543px;"></a> <a class="n" href="" style="left: 1795px; top: 543px;"></a>
<a class="m" href="" style="left: 1733px; top: 543px;"></a> <a class="n" href="" style="left: 1733px; top: 543px;"></a>
<a class="m" href="" style="left: 1570px; top: 543px;"></a> <a class="m" href="" style="left: 1570px; top: 543px;"></a>
<a class="m" href="" style="left: 1510px; top: 541px;"></a> <a class="n" href="" style="left: 1510px; top: 541px;"></a>
<a class="m" href="" style="left: 1347px; top: 540px;"></a> <a class="m" href="" style="left: 1347px; top: 540px;"></a>
<a class="m" href="" style="left: 1284px; top: 543px;"></a> <a class="n" href="" style="left: 1284px; top: 543px;"></a>
<a class="m" href="" style="left: 1119px; top: 542px;"></a> <a class="m" href="" style="left: 1119px; top: 542px;"></a>
<a class="m" href="" style="left: 1060px; top: 543px;"></a> <a class="n" href="" style="left: 1060px; top: 543px;"></a>
<a class="m" href="" style="left: 896px; top: 544px;"></a> <a class="m" href="" style="left: 896px; top: 544px;"></a>
<a class="m" href="" style="left: 834px; top: 544px;"></a> <a class="n" href="" style="left: 834px; top: 544px;"></a>
<a class="m" href="" style="left: 671px; top: 542px;"></a> <a class="n" href="" style="left: 671px; top: 542px;"></a>
<a class="m" href="" style="left: 608px; top: 542px;"></a> <a class="m" href="" style="left: 608px; top: 542px;"></a>
<a class="m" href="" style="left: 445px; top: 543px;"></a> <a class="n" href="" style="left: 445px; top: 543px;"></a>
<a class="m" href="" style="left: 383px; top: 543px;"></a> <a class="m" href="" style="left: 383px; top: 543px;"></a>
<a class="m" href="" style="left: 220px; top: 542px;"></a> <a class="m" href="" style="left: 220px; top: 542px;"></a>
<a class="m" href="" style="left: 161px; top: 541px;"></a> <a class="n" href="" style="left: 161px; top: 541px;"></a>
<a class="m" href="" style="left: -4px; top: 543px;"></a> <a class="m" href="" style="left: -4px; top: 543px;"></a>
<a class="m" href="" style="left: 2021px; top: 425px;"></a> <a class="n" href="" style="left: 2021px; top: 425px;"></a>
<a class="m" href="" style="left: 1959px; top: 425px;"></a> <a class="m" href="" style="left: 1959px; top: 425px;"></a>
<a class="m" href="" style="left: 1796px; top: 425px;"></a> <a class="n" href="" style="left: 1796px; top: 425px;"></a>
<a class="m" href="" style="left: 1734px; top: 425px;"></a> <a class="m" href="" style="left: 1734px; top: 425px;"></a>
<a class="m" href="" style="left: 1571px; top: 425px;"></a> <a class="n" href="" style="left: 1571px; top: 425px;"></a>
<a class="m" href="" style="left: 1510px; top: 424px;"></a> <a class="n" href="" style="left: 1510px; top: 424px;"></a>
<a class="m" href="" style="left: 1347px; top: 427px;"></a> <a class="m" href="" style="left: 1347px; top: 427px;"></a>
<a class="m" href="" style="left: 1285px; top: 425px;"></a> <a class="m" href="" style="left: 1285px; top: 425px;"></a>
<a class="m" href="" style="left: 1121px; top: 427px;"></a> <a class="n" href="" style="left: 1121px; top: 427px;"></a>
<a class="m" href="" style="left: 1060px; top: 425px;"></a> <a class="m" href="" style="left: 1060px; top: 425px;"></a>
<a class="m" href="" style="left: 895px; top: 425px;"></a> <a class="n" href="" style="left: 895px; top: 425px;"></a>
<a class="m" href="" style="left: 834px; top: 425px;"></a> <a class="m" href="" style="left: 834px; top: 425px;"></a>
<a class="m" href="" style="left: 669px; top: 423px;"></a> <a class="n" href="" style="left: 669px; top: 423px;"></a>
<a class="m" href="" style="left: 608px; top: 425px;"></a> <a class="m" href="" style="left: 608px; top: 425px;"></a>
<a class="m" href="" style="left: 447px; top: 424px;"></a> <a class="n" href="" style="left: 447px; top: 424px;"></a>
<a class="m" href="" style="left: 384px; top: 425px;"></a> <a class="m" href="" style="left: 384px; top: 425px;"></a>
<a class="m" href="" style="left: 221px; top: 425px;"></a> <a class="n" href="" style="left: 221px; top: 425px;"></a>
<a class="m" href="" style="left: 161px; top: 424px;"></a> <a class="n" href="" style="left: 161px; top: 424px;"></a>
<a class="m" href="" style="left: -4px; top: 425px;"></a> <a class="m" href="" style="left: -4px; top: 425px;"></a>
<a class="m" href="" style="left: 2022px; top: 269px;"></a> <a class="n" href="" style="left: 2022px; top: 269px;"></a>
<a class="m" href="" style="left: 1960px; top: 269px;"></a> <a class="n" href="" style="left: 1960px; top: 269px;"></a>
<a class="m" href="" style="left: 1796px; top: 268px;"></a> <a class="n" href="" style="left: 1796px; top: 268px;"></a>
<a class="m" href="" style="left: 1734px; top: 268px;"></a> <a class="n" href="" style="left: 1734px; top: 268px;"></a>
<a class="m" href="" style="left: 1572px; top: 268px;"></a> <a class="n" href="" style="left: 1572px; top: 268px;"></a>
<a class="m" href="" style="left: 1511px; top: 268px;"></a> <a class="m" href="" style="left: 1511px; top: 268px;"></a>
<a class="m" href="" style="left: 1347px; top: 269px;"></a> <a class="m" href="" style="left: 1347px; top: 269px;"></a>
<a class="m" href="" style="left: 1283px; top: 268px;"></a> <a class="m" href="" style="left: 1283px; top: 268px;"></a>
<a class="m" href="" style="left: 1122px; top: 266px;"></a> <a class="n" href="" style="left: 1122px; top: 266px;"></a>
<a class="m" href="" style="left: 1060px; top: 266px;"></a> <a class="n" href="" style="left: 1060px; top: 266px;"></a>
<a class="m" href="" style="left: 898px; top: 267px;"></a> <a class="n" href="" style="left: 898px; top: 267px;"></a>
<a class="m" href="" style="left: 835px; top: 268px;"></a> <a class="m" href="" style="left: 835px; top: 268px;"></a>
<a class="m" href="" style="left: 672px; top: 267px;"></a> <a class="m" href="" style="left: 672px; top: 267px;"></a>
<a class="m" href="" style="left: 608px; top: 268px;"></a> <a class="n" href="" style="left: 608px; top: 268px;"></a>
<a class="m" href="" style="left: 446px; top: 270px;"></a> <a class="m" href="" style="left: 446px; top: 270px;"></a>
<a class="m" href="" style="left: 383px; top: 269px;"></a> <a class="m" href="" style="left: 383px; top: 269px;"></a>
<a class="m" href="" style="left: 221px; top: 268px;"></a> <a class="n" href="" style="left: 221px; top: 268px;"></a>
<a class="m" href="" style="left: 158px; top: 269px;"></a> <a class="m" href="" style="left: 158px; top: 269px;"></a>
<a class="m" href="" style="left: -3px; top: 268px;"></a> <a class="n" href="" style="left: -3px; top: 268px;"></a>
<a class="m" href="" style="left: 2021px; top: 152px;"></a> <a class="m" href="" style="left: 2021px; top: 152px;"></a>
<a class="m" href="" style="left: 1961px; top: 152px;"></a> <a class="n" href="" style="left: 1961px; top: 152px;"></a>
<a class="m" href="" style="left: 1795px; top: 151px;"></a> <a class="m" href="" style="left: 1795px; top: 151px;"></a>
<a class="m" href="" style="left: 1734px; top: 151px;"></a> <a class="n" href="" style="left: 1734px; top: 151px;"></a>
<a class="m" href="" style="left: 1572px; top: 151px;"></a> <a class="m" href="" style="left: 1572px; top: 151px;"></a>
<a class="m" href="" style="left: 1511px; top: 152px;"></a> <a class="n" href="" style="left: 1511px; top: 152px;"></a>
<a class="m" href="" style="left: 1347px; top: 151px;"></a> <a class="m" href="" style="left: 1347px; top: 151px;"></a>
<a class="m" href="" style="left: 1286px; top: 152px;"></a> <a class="m" href="" style="left: 1286px; top: 152px;"></a>
<a class="m" href="" style="left: 1121px; top: 152px;"></a> <a class="n" href="" style="left: 1121px; top: 152px;"></a>
<a class="m" href="" style="left: 1061px; top: 151px;"></a> <a class="n" href="" style="left: 1061px; top: 151px;"></a>
<a class="m" href="" style="left: 896px; top: 151px;"></a> <a class="m" href="" style="left: 896px; top: 151px;"></a>
<a class="m" href="" style="left: 833px; top: 150px;"></a> <a class="n" href="" style="left: 833px; top: 150px;"></a>
<a class="m" href="" style="left: 670px; top: 151px;"></a> <a class="m" href="" style="left: 670px; top: 151px;"></a>
<a class="m" href="" style="left: 608px; top: 151px;"></a> <a class="n" href="" style="left: 608px; top: 151px;"></a>
<a class="m" href="" style="left: 445px; top: 150px;"></a> <a class="m" href="" style="left: 445px; top: 150px;"></a>
<a class="m" href="" style="left: 384px; top: 150px;"></a> <a class="n" href="" style="left: 384px; top: 150px;"></a>
<a class="m" href="" style="left: 221px; top: 150px;"></a> <a class="m" href="" style="left: 221px; top: 150px;"></a>
<a class="m" href="" style="left: 161px; top: 151px;"></a> <a class="n" href="" style="left: 161px; top: 151px;"></a>
<a class="m" href="" style="left: -3px; top: 151px;"></a> <a class="m" href="" style="left: -3px; top: 151px;"></a>
<a class="m" href="" style="left: 2020px; top: -5px;"></a> <a class="n" href="" style="left: 2020px; top: -5px;"></a>
<a class="m" href="" style="left: 1960px; top: -5px;"></a> <a class="m" href="" style="left: 1960px; top: -5px;"></a>
<a class="m" href="" style="left: 1797px; top: -5px;"></a> <a class="n" href="" style="left: 1797px; top: -5px;"></a>
<a class="m" href="" style="left: 1734px; top: -6px;"></a> <a class="n" href="" style="left: 1734px; top: -6px;"></a>
<a class="m" href="" style="left: 1571px; top: -6px;"></a> <a class="m" href="" style="left: 1571px; top: -6px;"></a>
<a class="m" href="" style="left: 1509px; top: -5px;"></a> <a class="n" href="" style="left: 1509px; top: -5px;"></a>
<a class="m" href="" style="left: 1347px; top: -6px;"></a> <a class="m" href="" style="left: 1347px; top: -6px;"></a>
<a class="m" href="" style="left: 1283px; top: -5px;"></a> <a class="n" href="" style="left: 1283px; top: -5px;"></a>
<a class="m" href="" style="left: 1120px; top: -6px;"></a> <a class="n" href="" style="left: 1120px; top: -6px;"></a>
<a class="m" href="" style="left: 1060px; top: -5px;"></a> <a class="m" href="" style="left: 1060px; top: -5px;"></a>
<a class="m" href="" style="left: 897px; top: -6px;"></a> <a class="n" href="" style="left: 897px; top: -6px;"></a>
<a class="m" href="" style="left: 834px; top: -6px;"></a> <a class="m" href="" style="left: 834px; top: -6px;"></a>
<a class="m" href="" style="left: 671px; top: -6px;"></a> <a class="n" href="" style="left: 671px; top: -6px;"></a>
<a class="m" href="" style="left: 610px; top: -6px;"></a> <a class="n" href="" style="left: 610px; top: -6px;"></a>
<a class="m" href="" style="left: 447px; top: -6px;"></a> <a class="n" href="" style="left: 447px; top: -6px;"></a>
<a class="m" href="" style="left: 385px; top: -5px;"></a> <a class="m" href="" style="left: 385px; top: -5px;"></a>
<a class="m" href="" style="left: 222px; top: -7px;"></a> <a class="m" href="" style="left: 222px; top: -7px;"></a>
<a class="m" href="" style="left: 159px; top: -7px;"></a> <a class="n" href="" style="left: 159px; top: -7px;"></a>
<a class="m" href="" style="left: 1960px; top: 975px;"></a> <a class="n" href="" style="left: 1960px; top: 975px;"></a>
<script type="text/javascript"> <script type="text/javascript">
var rooms = ['VB01.html','FS01.html','Ixse.html','Ixse2.html','Ixse4.html','EOC2.html','EOC.html','./home/doorway.html','./home/doorway.html','./home/doorway.html','./AxS/index.html','./0/ilinx_0.html','cyberSit.html']; var rooms = ['room_3.html','room_4'];
function randomInt2(){ return Math.ceil(Math.random() * 5);} function randomInt2(){ return Math.ceil(Math.random() * 5);}

@ -91,7 +91,7 @@
</style> </style>
</head> </head>
<body> <body>
<h1><a href="./room_1.html" target="blank">Homeostat 1</a></h1> <h1><a href="./room_1.html" target="_parent">Homeostat 1</a></h1>
<img id="img1" style="width: 640px;" src="./img/1.jpg" > <img id="img1" style="width: 640px;" src="./img/1.jpg" >
<a class="h" href="" id="n1"></a> <a class="h" href="" id="n1"></a>
<a class="h" href="" id="n2"></a> <a class="h" href="" id="n2"></a>

@ -50,7 +50,7 @@
</style> </style>
</head> </head>
<body> <body>
<h1><a href="./room_2.html" target="blank">Homeostat 2</a></h1> <h1><a href="./room_2.html" target="_parent">Homeostat 2</a></h1>
<img id="img1" src="./img/4.jpg" > <img id="img1" src="./img/4.jpg" >
<a class="h" id="n1"href=""></a> <a class="h" id="n1"href=""></a>
<a class="h" id="n2"href=""></a> <a class="h" id="n2"href=""></a>

@ -59,7 +59,7 @@
</style> </style>
</head> </head>
<body> <body>
<h1><a href="./room_3.html" target="blank">Homeostat 3</a></h1> <h1><a href="./room_3.html" target="_parent">Homeostat 3</a></h1>
<img id="img1" style="width: 640px;" src="./img/12.jpg" > <img id="img1" style="width: 640px;" src="./img/12.jpg" >
<a class="h" href="" id="n1"></a> <a class="h" href="" id="n1"></a>
<a class="h" href="" id="n2"></a> <a class="h" href="" id="n2"></a>

@ -52,7 +52,7 @@
</style> </style>
</head> </head>
<body> <body>
<h1><a href="./room_4.html" target="blank">Homeostat 4</a></h1> <h1><a href="./room_4.html" target="_parent">Homeostat 4</a></h1>
<img id="img1" src="./img/10.jpg"> <img id="img1" src="./img/10.jpg">
<a class="h" id="n1"href=""></a> <a class="h" id="n1"href=""></a>
<a class="h" id="n2"href=""></a> <a class="h" id="n2"href=""></a>

@ -163,7 +163,7 @@
<script type="text/javascript"> <script type="text/javascript">
var rooms = ['VB01.html','FS01.html','Ixse.html','Ixse2.html','Ixse4.html','EOC2.html','EOC.html','./home/doorway.html','./home/doorway.html','./home/doorway.html','./AxS/index.html','./0/ilinx_0.html','cyberSit.html']; var rooms = ['room_1.html','room_2'];
function randomInt2(){ return Math.ceil(Math.random() * 5);} function randomInt2(){ return Math.ceil(Math.random() * 5);}

@ -37,35 +37,52 @@
<div id="t7" class="txt">At that time I couldn't follow the case of my uncle with particular attention as I was completely assorbed with my job, however, year after year my interest was growing bigger and I started to reorganize all the events described in his papers in an attempt to decipher the meaning of the writings encraved on the spiralic stone. It was at that time, in 1992 that I contacted professor <a href="./01/af.html" onclick="ppp(this, 'af', '1000', '230','500','600')" target="af">Linda Trent</a> an old collegue of my uncle whose name I found multiple times in his papers.</div> <div id="t7" class="txt">At that time I couldn't follow the case of my uncle with particular attention as I was completely assorbed with my job, however, year after year my interest was growing bigger and I started to reorganize all the events described in his papers in an attempt to decipher the meaning of the writings encraved on the spiralic stone. It was at that time, in 1992 that I contacted professor <a href="./01/af.html" onclick="ppp(this, 'af', '1000', '230','500','600')" target="af">Linda Trent</a> an old collegue of my uncle whose name I found multiple times in his papers.</div>
<div id="t8" class="txt">Trent was oblivious of Fassrol's expedition to the N'ma island as well as the existence of the spiralic stone. Pofoundly shocked, she explained me that 20 years before they were close friend but a series of events that culminated with the foundation of the Miskatonic Virtual University, in the early 70s led to their total separation. Furthermore, she continued, the expedition of Fassrol followed exactly the steps undertaken by Echidna Stillwell and before by Cecil Curtis.</div> <div id="t8" class="txt">Trent was oblivious of Fassrol's expedition to the N'ma island as well as the existence of the spiralic stone. Pofoundly shocked, she explained me that 20 years before they were close friend but a series of events that culminated with the foundation of the Miskatonic Virtual University, in the early 70s led to their total separation. Furthermore, she continued, the expedition of Fassrol followed exactly the steps undertaken by Echidna Stillwell and, before her,by Cecil Curtis.</div>
<!-- <div id="t9" class="txt">Trent was oblivious of Fassrol's expedition to the N'ma island as well as the existence of the spiralic stone. Pofoundly shocked, she explained me that 20 years before they were close friend but a series of events that culminated with the foundation of the Miskatonic Virtual University, in the early 70s led to their total separation. </div> --> <!-- <div id="t9" class="txt">Trent was oblivious of Fassrol's expedition to the N'ma island as well as the existence of the spiralic stone. Pofoundly shocked, she explained me that 20 years before they were close friend but a series of events that culminated with the foundation of the Miskatonic Virtual University, in the early 70s led to their total separation. </div> -->
<div id="lmr" > <div id="lmr" >
<div id="p1" class="ptxt"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">port:80</a></div> <div id="p1" class="ptxt"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">port:80</a></div>
<div id="p2" class="ptxt"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">death</a></div> <div id="p2" class="ptxt"><a href="./01/death.html" onclick="ppp(this, 'death', '600', '400','300','570')" target="death">death</a></div>
<div id="p3" class="ptxt"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">communication</a></div> <div id="p3" class="ptxt"><a href="#" onclick="pppRP('comm', '1000', '1000','2000','0')">communication</a></div>
<div id="p4" class="ptxt"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">Adin Fassrol</a></div> <div id="p4" class="ptxt"><a href="./01/af.html" onclick="ppp(this, 'af', '1000', '230','500','300')" target="af">Adin Fassrol</a></div>
<div id="p5" class="ptxt"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">virtual ethnology</a></div> <div id="p5" class="ptxt"><a href="./01/ve.html" onclick="ppp(this, 've', '800', '600','0','0')" target="ve" >virtual ethnology</a></div>
<div id="p6" class="ptxt"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">Walter Cannon</a></div> <div id="p6" class="ptxt"><a href="./01/wc.html" onclick="ppp(this, 'af', '1000', '250','500','300')" target="af">Walter Cannon</a></div>
<div id="p7" class="ptxt"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">Homeostasis</a></div> <div id="p7" class="ptxt"><a href="./home/doorway.html" onclick="ppp(this, 'home', '2000', '1000','200','200')" target="home">Homeostat</a></div>
<div id="p8" class="ptxt"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">Vodoo death</a></div> <div id="proj1" class="pulse">
<div id="p9" class="ptxt"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">Wicht Club</a></div> <div id="pulse1" class="pulsate"></div>
<div id="p10" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">Echidna Stillwell</a></div> <div id="pulse2" class="pulsate"></div>
<div id="p11" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">Miskatonic Virtual University</a></div> <div id="pulse3" class="pulsate"></div>
<div id="p12" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">Nma</a></div> </div>
<div id="p13" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">MU</a></div> <div id="p8" class="ptxt"><a href="./01/vd.html" onclick="ppp(this, 'vd', '1200', '1000','2000','0')" target="vd">Vodoo death</a></div>
<div id="p14" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">Curtis</a></div> <div id="p9" class="ptxt"><a href="./01/wcl.html" onclick="ppp(this, 'wcl', '800', '500','0','0')" target="wcl">Wicht Club</a></div>
<div id="p10" class="ptxt dragble"><a href="./01/es.html" onclick="ppp(this, 'es', '1000', '400','500','300')" target="es">Echidna Stillwell</a></div>
<div id="p11" class="ptxt dragble"><a href="./01/mvu.html" onclick="ppp(this, 'mvu', '1200', '1000','2000','0')" target="mvu">Miskatonic Virtual University</a></div>
<div id="p12" class="ptxt dragble"><a href="./01/nma.html" onclick="ppp(this, 'nma', '600', '350','400','300')" target="nma">Nma</a></div>
<div id="p13" class="ptxt dragble"><a href="./01/scm.html" onclick="ppp(this, 'scm', '1200', '1000','2000','0')" target="scm">Stillwell-Curtis memories</a></div>
<div id="p14" class="ptxt dragble"><a href="./01/cc.html" onclick="ppp(this, 'cc', '800', '900','0','0')" target="cc">Cecil Curtis</a></div>
<div id="p15" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">Peter Vysparov</a></div> <div id="p15" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">Peter Vysparov</a></div>
<div id="p16" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">William James</a></div> <div id="p16" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">William James</a></div>
<div id="p17" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">N20</a></div> <div id="p17" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">N20</a></div>
<div id="p18" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">Geist</a></div> <div id="p18" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">Geist</a></div>
<div id="p19" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">William Burroughs</a></div> <div id="p19" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">William Burroughs</a></div>
<div id="p20" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">Revolution</a></div> <div id="p20" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">Revolution</a></div>
<div id="proj2" class="pulse">
<div id="pulse1" class="pulsate"></div>
<div id="pulse2" class="pulsate"></div>
<div id="pulse3" class="pulsate"></div>
</div>
<div id="p21" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">Virus</a></div> <div id="p21" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">Virus</a></div>
<div id="p22" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">HyperV</a></div> <div id="p22" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">HyperV</a></div>
<div id="proj3" class="pulse">
<div id="pulse1" class="pulsate"></div>
<div id="pulse2" class="pulsate"></div>
<div id="pulse3" class="pulsate"></div>
</div>
<div id="p23" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">Time War</a></div> <div id="p23" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">Time War</a></div>
<div id="p24" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">Letters Vysparov-Stillwell</a></div> <div id="p24" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">Letters Vysparov-Stillwell</a></div>
<div id="p25" class="ptxt dragble"><a href="./01/p80.html" onclick="ppp(this, 'p80', '3000', '350','0','0')" target="p80">Homeostasis</a></div>
<svg width="1000" height="1000" viewBox="-400 -453 1000 1000"> <svg width="1000" height="1000" viewBox="-400 -453 1000 1000">
<path class="coast" d="M14.485,412.00699999999995L32.919999999999995,418.30899999999997L46.18,402.505L64.926,406.509L82.85900000000001,409.03499999999997L95.79899999999999,408.73299999999995L106.239,411.95L116.341,401.69899999999996L139.876,412.43399999999997L154.98999999999998,405.285L168.38400000000001,395.148L176.87699999999998,378.683L186.298,380.992L185.98299999999998,368.19199999999995L203.29,362.029L213.195,341.07599999999996L206.706,325.98L216.349,308.33099999999996L228.862,303.993L237.022,300.154L239.04199999999997,295.162L245.782,286.835L244.84,273.626L238.676,256.47700000000003L238.084,235.542L229.905,223.408L211.02499999999998,229.921L193.29399999999998,225.28099999999998L179.22199999999998,221.403L161.79399999999998,228.96999999999997L156.055,244.28699999999998L132.823,249.76299999999998L116.713,267.645L108.142,277.72799999999995L101.14099999999999,288.073L108.624,306.171L119.047,317.324L113.006,330.02L113.078,339.54499999999996L109.83999999999999,354.16900000000004L97.82,369.25399999999996L81.704,376.54499999999996L68.01499999999999,372.76599999999996L72.035,359.08599999999996L60.993,351.281L52.88699999999999,347.50899999999996L47.55,344.36499999999995L45.864999999999995,337.41499999999996L36.93,330.798L29.595,324.43699999999995L30.455999999999996,314.332L41.768,307.606L42.939,290.226L57.315,288.09299999999996L65.37899999999999,283.662L53.141,269.855L54.211999999999996,247.381L63.248,233.983L76.583,224.05899999999997L87.006,202.41799999999998L101.756,182.954L101.764,159.189L97.506,137.75199999999998L77.649,124.57499999999999L78.564,114.49199999999999L95.991,106.46799999999999L108.63099999999999,97.844L120.505,84.759L129.238,67.441L132.08,44.101L137.331,22.444L148.40399999999997,5.078L144.007,-21.680999999999997L152.528,-29.869999999999997L160.498,-42.914L168.436,-63.19L181.69,-68.12L186.684,-84.328L191.189,-96.815L185.086,-107.89999999999999L184.893,-119.19399999999999L180.35099999999997,-135.429L171.117,-148.953L157.319,-160.439L132.53099999999998,-157.473L105.16,-166.278L95.021,-159.65699999999998L77.853,-167.00799999999998L80.608,-180.95L85.52799999999999,-197.428L98.073,-203.57699999999997L108.433,-214.50799999999998L105.379,-226.661L104.37199999999999,-232.99599999999998L96.14399999999999,-238.84699999999998L84.39099999999999,-244.51799999999997L70.35,-262.86199999999997L80.24,-290.274L68.47399999999999,-305.643L57.942,-319.659L47.787,-337.96999999999997L41.332,-347.252L34.789,-348.887L18.754,-345.31600000000003L6.279,-331.84L-6.601999999999999,-317.11899999999997L-30.233999999999998,-306.82899999999995L-32.33,-290.445L-45.307,-283.606L-53.858,-263.121L-67.38,-249.412L-77.364,-241.45999999999998L-79.827,-226.505L-71.381,-211.825L-92.041,-201.76L-115.953,-205.874L-127.34799999999998,-198.743L-139.885,-197.657L-147.82799999999997,-199.39399999999998L-151.918,-211.54199999999997L-163.91699999999997,-216.40499999999997L-158.683,-231.652L-175.795,-231.702L-176.35099999999997,-251.95000000000002L-196.748,-254.81599999999997L-216.90099999999998,-247.23399999999998L-235.022,-239.401L-244.257,-230.63799999999998L-251.15300000000002,-226.429L-255.04399999999998,-214.503L-250.674,-196.577L-235.207,-174.243L-223.736,-148.067L-210.918,-131.966L-215.297,-113.37499999999999L-211.42799999999997,-104.547L-213.023,-90.61099999999999L-219.92399999999998,-79.5L-224.399,-64.179L-218.411,-48.071999999999996L-225.87699999999998,-31.24L-224.84199999999998,-15.703999999999999L-204.35999999999999,-2.4979999999999998L-189.185,20.168L-173.507,34.98L-156.623,37.287L-143.278,52.031L-136.986,68.21L-135.368,96.41L-121.099,118.17499999999998L-102.435,128.81799999999998L-117.99799999999999,151.48999999999998L-92.871,156.162L-80.40799999999999,155.911L-71.99,163.12699999999998L-61.653,167.62099999999998L-44.119,158.664L-20.943,172.046L-14.133,192.844L-1.8529999999999998,204.63299999999998L1.3989999999999998,219.723L-10.421,233.559L-11.483,248.998L-3.489,258.395L2.568,279.592L12.008,299.33L9.06,319.393L18.459,334.23199999999997L8.764,350.317L-5.145,350.48199999999997L-13.316999999999998,362.474L-9.691999999999998,379.37L4.061,393.511L14.485,412.00699999999995"></path> <path class="coast" d="M14.485,412.00699999999995L32.919999999999995,418.30899999999997L46.18,402.505L64.926,406.509L82.85900000000001,409.03499999999997L95.79899999999999,408.73299999999995L106.239,411.95L116.341,401.69899999999996L139.876,412.43399999999997L154.98999999999998,405.285L168.38400000000001,395.148L176.87699999999998,378.683L186.298,380.992L185.98299999999998,368.19199999999995L203.29,362.029L213.195,341.07599999999996L206.706,325.98L216.349,308.33099999999996L228.862,303.993L237.022,300.154L239.04199999999997,295.162L245.782,286.835L244.84,273.626L238.676,256.47700000000003L238.084,235.542L229.905,223.408L211.02499999999998,229.921L193.29399999999998,225.28099999999998L179.22199999999998,221.403L161.79399999999998,228.96999999999997L156.055,244.28699999999998L132.823,249.76299999999998L116.713,267.645L108.142,277.72799999999995L101.14099999999999,288.073L108.624,306.171L119.047,317.324L113.006,330.02L113.078,339.54499999999996L109.83999999999999,354.16900000000004L97.82,369.25399999999996L81.704,376.54499999999996L68.01499999999999,372.76599999999996L72.035,359.08599999999996L60.993,351.281L52.88699999999999,347.50899999999996L47.55,344.36499999999995L45.864999999999995,337.41499999999996L36.93,330.798L29.595,324.43699999999995L30.455999999999996,314.332L41.768,307.606L42.939,290.226L57.315,288.09299999999996L65.37899999999999,283.662L53.141,269.855L54.211999999999996,247.381L63.248,233.983L76.583,224.05899999999997L87.006,202.41799999999998L101.756,182.954L101.764,159.189L97.506,137.75199999999998L77.649,124.57499999999999L78.564,114.49199999999999L95.991,106.46799999999999L108.63099999999999,97.844L120.505,84.759L129.238,67.441L132.08,44.101L137.331,22.444L148.40399999999997,5.078L144.007,-21.680999999999997L152.528,-29.869999999999997L160.498,-42.914L168.436,-63.19L181.69,-68.12L186.684,-84.328L191.189,-96.815L185.086,-107.89999999999999L184.893,-119.19399999999999L180.35099999999997,-135.429L171.117,-148.953L157.319,-160.439L132.53099999999998,-157.473L105.16,-166.278L95.021,-159.65699999999998L77.853,-167.00799999999998L80.608,-180.95L85.52799999999999,-197.428L98.073,-203.57699999999997L108.433,-214.50799999999998L105.379,-226.661L104.37199999999999,-232.99599999999998L96.14399999999999,-238.84699999999998L84.39099999999999,-244.51799999999997L70.35,-262.86199999999997L80.24,-290.274L68.47399999999999,-305.643L57.942,-319.659L47.787,-337.96999999999997L41.332,-347.252L34.789,-348.887L18.754,-345.31600000000003L6.279,-331.84L-6.601999999999999,-317.11899999999997L-30.233999999999998,-306.82899999999995L-32.33,-290.445L-45.307,-283.606L-53.858,-263.121L-67.38,-249.412L-77.364,-241.45999999999998L-79.827,-226.505L-71.381,-211.825L-92.041,-201.76L-115.953,-205.874L-127.34799999999998,-198.743L-139.885,-197.657L-147.82799999999997,-199.39399999999998L-151.918,-211.54199999999997L-163.91699999999997,-216.40499999999997L-158.683,-231.652L-175.795,-231.702L-176.35099999999997,-251.95000000000002L-196.748,-254.81599999999997L-216.90099999999998,-247.23399999999998L-235.022,-239.401L-244.257,-230.63799999999998L-251.15300000000002,-226.429L-255.04399999999998,-214.503L-250.674,-196.577L-235.207,-174.243L-223.736,-148.067L-210.918,-131.966L-215.297,-113.37499999999999L-211.42799999999997,-104.547L-213.023,-90.61099999999999L-219.92399999999998,-79.5L-224.399,-64.179L-218.411,-48.071999999999996L-225.87699999999998,-31.24L-224.84199999999998,-15.703999999999999L-204.35999999999999,-2.4979999999999998L-189.185,20.168L-173.507,34.98L-156.623,37.287L-143.278,52.031L-136.986,68.21L-135.368,96.41L-121.099,118.17499999999998L-102.435,128.81799999999998L-117.99799999999999,151.48999999999998L-92.871,156.162L-80.40799999999999,155.911L-71.99,163.12699999999998L-61.653,167.62099999999998L-44.119,158.664L-20.943,172.046L-14.133,192.844L-1.8529999999999998,204.63299999999998L1.3989999999999998,219.723L-10.421,233.559L-11.483,248.998L-3.489,258.395L2.568,279.592L12.008,299.33L9.06,319.393L18.459,334.23199999999997L8.764,350.317L-5.145,350.48199999999997L-13.316999999999998,362.474L-9.691999999999998,379.37L4.061,393.511L14.485,412.00699999999995"></path>

Binary file not shown.

@ -8,7 +8,7 @@ if (typeof(mylink) == 'string') href=mylink;
else href=mylink.href; else href=mylink.href;
var open = window.open(href, windowname, 'width=' + width + ',height='+ height + ',left=' + x + ',top=' + y + ', resizable=no, location=no, menubar=no'); var open = window.open(href, windowname, 'width=' + width + ',height='+ height + ',left=' + x + ',top=' + y + ', resizable=no, location=no, menubar=no');
open.focus(); open.focus();
// setTimeout(function(){ open.close(); }, 15000); setTimeout(function(){ open.close(); }, 120000);
return false; return false;
} }

@ -1,5 +1,6 @@
body{ body{
font-family: "Lucida Console", Monaco, monospace; font-family: "Lucida Console", Monaco, monospace;
/* overflow: hidden;*/
background-color: black !important; background-color: black !important;
background: radial-gradient(15px 5px at 25% 0, transparent 0%, transparent 80%, rgba(255, 255, 255, 0.06) 80%, rgba(255, 255, 255, 0.06) 99%, transparent 99%, transparent 100%), background: radial-gradient(15px 5px at 25% 0, transparent 0%, transparent 80%, rgba(255, 255, 255, 0.06) 80%, rgba(255, 255, 255, 0.06) 99%, transparent 99%, transparent 100%),
radial-gradient(15px 5px at 75% 100%, transparent 0%, transparent 80%, rgba(255, 255, 255, 0.06) 80%, rgba(255, 255, 255, 0.06) 99%, transparent 99%, transparent 100%), radial-gradient(15px 5px at 75% 100%, transparent 0%, transparent 80%, rgba(255, 255, 255, 0.06) 80%, rgba(255, 255, 255, 0.06) 99%, transparent 99%, transparent 100%),
@ -209,6 +210,12 @@ left: 2272px;
width: 334px; width: 334px;
top: 961px; top: 961px;
} }
#t8{
left: 2272px;
width: 334px;
top: 961px;
}
@ -235,10 +242,6 @@ width: 140px;
top: 140px; top: 140px;
width: 130px; width: 130px;
} }
#p5{ left: 490px;
top: 550px;
width: 180px;
}
#p5{ left: 420px; #p5{ left: 420px;
top: 410px; top: 410px;
width: 180px; width: 180px;
@ -263,5 +266,115 @@ width: 120px;
top: 260px; top: 260px;
width: 180px; width: 180px;
} }
#p11{ left: 971px;
top: 85px;
width: 110px;
}
#p12{ left: 1457px;
top: 226px;
}
#p13{ left: 1276px;
top: 90px;
}
#p14{ left: 1570px;
top: 183px;
}
#p15{ left: 1537px;
top: 370px;
}
#p16{ left: 370px;
top: 943px;
}
#p17{ left: 534px;
top: 1207px;
}
#p18{ left: 390px;
top: 1096px;
}
#p19{ left: 859px;
top: 862px;
}
#p20{ left: 882px;
top: 1002px;
}
#p21{ left: 663px;
top: 919px;
}
#p22{ left: 558px;
top: 1037px;
}
#p23{ left: 734px;
top: 1123px;
}
#p24{ left: 1239px;
top: 502px;
}
#p25{ left: 290px;
top: 689px;
}
/*
#p26{ left: 370px;
top: 943px;
}
#p27{ left: 534px;
top: 1207px;
}
#p28{ left: 390px;
top: 1096px;
}
#p29{ left: 859px;
top: 862px;
}
*/
.pulse{ transform: scale(1.7);
width: 30px;
height: 30px;
position: absolute;
z-index: 1;}
.pulsate {
position: absolute;
animation: pulsate 2s ease-out;
animation-iteration-count: infinite;
opacity: 0.0;
/* you dont need the stuff below, but its what I used to create the loading circle */
border: 2px solid red;
border-radius: 30px;
height: 18px;
width: 18px;
display: inline-block;
margin-top: 20px;
text-align: center;
}
#pulse1{animation-delay: 0.0s;}
#pulse2{animation-delay: 0.66s;}
#pulse3{animation-delay: 1.33s;}
@-webkit-keyframes pulsate {
0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
50% {opacity: 1.0;}
100% {-webkit-transform: scale(3, 3); opacity: 0.0;}
}
#proj1{
left: 456px;
top: 591px;
}
#proj2{
left: 584px;
top: 1006px;
}
#proj3{
left: 928px;
top: 974px;
}
#ifr1{
width: 100%;
height: 700px
}
Loading…
Cancel
Save