master
Tancre 4 years ago
parent d97471f71c
commit 3702fcc40d

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -9,6 +9,13 @@
<link rel="stylesheet" type="text/css" href="./styles/main_l.css">
<link rel="stylesheet" type="text/css" href="./styles/svg_2.css">
<style type="text/css">
svg {
transform: scale(3,3);
left: 1270px;
position:absolute;
float: right;
}
.places{
position: absolute;
text-align: center;
@ -16,30 +23,35 @@
</style>
</head>
<body>
<div class="sprite right"></div>
<div id="sea" class="draggable">
<div class="sprite right"></div>
<!-- <div class="sprite-d right-d"></div> -->
<div id="t1" class="txt">My knowledge of the thing began in the winter of 1986-7 with the
<a href="./01/death.html" onclick="ppp(this, 'death', '600', '430','300','570')" target="death">death</a>
of my uncle <a href="./01/af.html" onclick="ppp(this, 'af', '1000', '230','500','600')" target="af">Adin Fasrol</a>
, Professor Emeritus of Experimental Semiotics in Harvard University, Massachussetts.
</div>
<div id="t2" class="txt">As my great-uncle's heir and executor, for he died a childless widower, I was expected to collect his belongings carried sparingly between continents. Much of the material found in its luggages, consisted in spread papers with annotations and drawings regarding the three tribes of the <a href="./01/af.html" onclick="ppp(this, 'af', '1000', '230','500','600')" target="af">N'ma</a> island.
<div id="t2" class="txt">As my great-uncle's heir and executor, for he died a childless widower, I was expected to collect his belongings carried sparingly between continents. Much of the material found in his luggages, consisted in spread papers with annotations and drawings regarding the three tribes of the <a href="./01/af.html" onclick="ppp(this, 'af', '1000', '230','500','600')" target="af">N'ma</a> island.
</div>
<div id="t3" class="txt">The arrive of professor Fasrol in the district of Krakatoa is reported in different documents, however for the impossibility of legally undertake this expedition and according to my uncle papers, it appear that he managed to convince some locals not anymore attached to old superstitions, under a comparatively large amount of money, to help him to get in the island and assist him during that journey with help and food transported weekly during the night.</div>
<div id="t3" class="txt">The arrival of Fasrol, first in Java and then in the district of Krakatoa, is reported in his passport and the dock records. However, due to the ban of accessing Nma island, considered sacred ground by the Indonesian authorities, it appears that the professor persuaded some locals not attached anymore to old superstitions (and under a relatively large amount of money) to get him in the island and assist him during the expedition with supplies of food transported on the island during the night.</div>
<div id="t4" class="txt"> Other relevant notes report their arrive first in the Mu's area, the last tribe of N'ma to be defeated by the self-prophecy of N'ma's religion, and then in Tak's area, the first Nma people to disappear after the eruption of the Krakatoa. Following this path, Fassrol discovered the location of a certain 'katak temple' which seems to be the main objective of the expedition supposed to provide the key to understanding the language engraved in some particular Nma's artifact. Despite the fact that he didn't actually manage to translate the language, it seems that the temple awoken some sort of omen in the professor writing in his last <a href="./01/af.html" onclick="ppp(this, 'af', '1000', '230','500','600')" target="af">letter</a> <i>"What we are, we are, whether we be aware of it or not!"</i></div>
<div id="t5" class="txt">I I shall not dwell too much on these letters whose events are far more complex than my short description. My focus, instead, must be directed toward another artifact, a box which I found exceedingly puzzling, and which I felt much averse from showing to other eyes. It had been locked, and I did not find the key till it occurred to me to examine the personal ring which the professor carried always in his pocket. Then indeed I succeeded in opening it, but when I did so, I seemed only to be confronted by a greater and more closely locked barrier. For what could be the meaning of the spiralic <a href="./01/af.html" onclick="ppp(this, 'af', '1000', '230','500','600')" target="af">stone bas-relief</a> and the disjointed jottings, ramblings, and cuttings which I found?</div>
<div id="t4" class="txt">Other relevant notes report their arrives first in the Dibbomma's area, the last tribe of N'ma to resist the self-profecy of N'ma's mythology, and then in the Tak's one, which has been the first to disappear already in the late 1890's and which was considered the most violent of the three. These events would consequentially lead him to the discover the location of a certain temple which seems to be the main objective of the expedition and finally his return to America. In his last <a href="./01/af.html" onclick="ppp(this, 'af', '1000', '230','500','600')" target="af">letter</a> he states <i>"What we are, we are, whether we be aware of it or not!"</i></div>
<div id="t6" class="txt"> The bas-relief was a rough cone less than three inches thick and about five by six inches in area, containg a series of signs developing inside a spiral whose ending point matched with the top of the cone. According to Fassrol's papers, the cryptic object was an authentic repert of the Mu's tribe found in 1980 in a black market of Boston, and which he unsuccessfully tried to decipher on his own. His professional interest led him to consult various experts in semitic languages who, however, discarded the symbols as a non-language, a pre-artistic medium meant to symbolize language but without any stable meaning. Far from being satisfied by this explaination, Fassrol passed five years attempting to find the key to read the signs that in his belief were hiding a mystery bigger than what usual language could conceive. Eventually, his phanatism led him to undertake his journey to N'ma and to come back to the US without a solution to the <a href="./01/af.html" onclick="ppp(this, 'af', '1000', '230','500','600')" target="af">enigma</a>.</div>
<div id="t5" class="txt">I shall not dwell too much on these letters which events are far more complex than my short description and that in any case I'm going to publish in a complete collection as Linda suggests me. My focus, instead, must be directed toward another artifact, a box which I found exceedingly puzzling, and which I felt much averse from showing to other eyes. It had been locked, and I did not find the key till it occurred to me to examine the personal ring which the professor carried always in his pocket. Then indeed I succeeded in opening it, but when I did so seemed only to be confronted by a greater and more closely locked barrier. For what could be the meaning of the <a href="./01/af.html" onclick="ppp(this, 'af', '1000', '230','500','600')" target="af">stone bas-relief</a> and the disjointed jottings, ramblings, and cuttings which I found?</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="t6" class="txt">The bas-relief was a rough cone less than three inches thick and about five by six inches in area, containg a series of signs developing inside a spiral which ending point matches with the top of the cone. According to Fassrol's papers the cryptic object was an authentic repert of the Mu's tribe found in 1980 before the expedition, in a <a href="./01/af.html" onclick="ppp(this, 'af', '1000', '230','500','600')" target="af">black market</a> of New York, and which he unsuccessfully tried to decipher on his own. His professional interest led him to consults various experts in semitic languages which, however, discarded the symbols as a non-language, probably a pre-artistic medium meant to symbolize language but without meaning. Far from being satisfied by this assumptions, Fassrol passed the last 5 years attempting to find the key to read the signs that in his belief were hiding a mystery bigger than what usual language could conceive. Eventually, his fanatism led him to undertake his journey to N'ma and to come back without a solution to the <a href="./01/af.html" onclick="ppp(this, 'af', '1000', '230','500','600')" target="af">enigma</a>.</div>
<div id="t8" class="txt">Trent was oblivious to Fassrol's expedition to the N'ma island and profoundly shocked, she explained me that 20 years before they were close friends but a series of events that culminated with the foundation of the Miskatonic Virtual University, in the early 70s led to their complete separation. </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="t9" class="txt">She was particularly disturbed by the fact that despite his well-known opposition to Stillwell methods leading to the expulsion of virtual ethnology's occultist wing from the academic circles, the professor was following exactly the trails left behind by Echidna Stillwell (who himself fifty years before was following the footprints of Cecil Curtis) and that he actually managed to trace back the original location of the Katak temple. The same temple where the 'Mad Dog' Curtis' legend blurs into total madness.</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="t10" class="txt">After a more detailed observation of the encraved stone, Linda's face contracted in an even more gloomy and thoughtful expression mumbling apparently disconnected words. Later she explained to me that in Stillwell account on Mu's folklore there is a story concerning a certain 'Tchattuk' stealing something from Katak and that probably Fassrol belived the stone was what Nma tribes called what-is-lost. Linda continued explaining how in N'ma animism the function of their cerimonies based on dream sorcery are ment to re-enact Tchattuk's stealing, with the belief that the splitting of the cosmical order of time produced a multi-temporal matrix , or templex, permitting the Old Ones to flow in different directions and not collapse in a single POINT called by them, Teotwawki. </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="t13" class="txt">My meeting with professor Trent opened my eyes, indeed the object I came across in my uncles belonging was supposed to be the key of some sort of ancient belief whose secret he never managed to reveal. I'm still wondering on which extent all this story is true, however I can't forget how all the knowledge Trent passed me started to infect my consciousness leading all my being to think that for no reason I should have let this story evaporate and that in some sort of wired way I was already ment to follow my uncle's paths to the Katak temple.</div> -->
<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>

@ -113,6 +113,50 @@ function keyBinding_2(){
});
}
function keyBinding_4(){
function flipl(){ $('.sprite').css('transform', 'scale(-0.8, 0.8)'); }
function flipr(){ $('.sprite').css('transform', 'scale(0.8, 0.8)'); }
$(document).keydown(
function(e){
if (e.keyCode == 37) { // ARROW LEFT
e.preventDefault();
flipl();
}
if (e.keyCode == 39) { // ARROW RIGHT
e.preventDefault();
flipr();
}
if (e.keyCode == 38) { // ARROW UP
e.preventDefault();
}
if (e.keyCode == 40) { // ARROW DOWN
e.preventDefault();
}
if (e.keyCode == 65) { // A LEFT
e.preventDefault();
flipl();
}
if (e.keyCode == 68) { // D RIGHT
e.preventDefault();
flipr();
}
if (e.keyCode == 87) { // W UP
e.preventDefault();
}
if (e.keyCode == 83) { // S DOWN
e.preventDefault();
}
});
$(document).ready(function(){
$(document).keydown(function(){ $(".sprite").addClass("walk-right"); });
$(document).keyup(function(){ $(".sprite").removeClass("walk-right"); });
});
}
function keyBinding_3(){

@ -60,7 +60,7 @@
<div id="bh2" class="pulsate black_hole"></div>
</div>
<div id="t1" class="txt">A glimpse of truth, flashed out from an accidental chaos...</div>
<div id="t2" class="txt">..and certainly, if I live, I must knowingly supply a link in so impossible chain...</div>
<div id="t2" class="txt">..and certainly, if I live, I must knowingly supply a link in such impossible chain...</div>
<div id="t3" class="txt"><a href="main_l.html">port:80</a> </div>
<div id="lmr" >
<svg width="1000" height="1000" viewBox="-1050 -500 1000 1000">

@ -196,14 +196,15 @@ width: 766px;
top: 1400px;
}
#t6{
left: 1000px;
left: 950px;
width: 1500px;
top: 1660px;
top: 1670px;
}
#t7{
left: 2510px;
width: 596px;
top: 1400px;
left: 2550px;
width: 446px;
top: 1420px;
}
}
#t8{
left: 2272px;
@ -211,11 +212,20 @@ width: 334px;
top: 961px;
}
#t8{
left: 2272px;
width: 334px;
top: 961px;
left: 2322px;
width: 254px;
top: 970px;
}
#t9{
left: 1910px;
width: 1030px;
top: 750px;
}
#t10{
left: 2162px;
width: 800px;
top: 120px;
}
@ -377,4 +387,4 @@ top: 974px;
#ifr1{
width: 100%;
height: 700px
}
}

@ -0,0 +1,391 @@
body{
font-family: "Lucida Console", Monaco, monospace;
overflow: hidden;
background-color: black !important;
background: radial-gradient(15px 5px at 25% 0, transparent 0%, transparent 80%, rgba(255, 255, 255, 0.08) 80%, rgba(255, 255, 255, 0.08) 99%, transparent 99%, transparent 100%),
radial-gradient(15px 5px at 75% 100%, transparent 0%, transparent 80%, rgba(255, 255, 255, 0.08) 80%, rgba(255, 255, 255, 0.08) 99%, transparent 99%, transparent 100%),
radial-gradient(10px 3px at 25% 0, transparent 0%, transparent 70%, rgba(255, 255, 255, 0.07) 70%, rgba(255, 255, 255, 0.07) 99%, transparent 99%, transparent 100%),
radial-gradient(10px 3px at 75% 100%, transparent 0%, transparent 70%, rgba(255, 255, 255, 0.07) 70%, rgba(255, 255, 255, 0.07) 99%, transparent 99%, transparent 100%),
radial-gradient(30px 8px at 25% 0, transparent 0%, transparent 55%, rgba(255, 255, 255, 0.04) 55%, rgba(255, 255, 255, 0.04) 99%, transparent 99%, transparent 100%),
radial-gradient(30px 8px at 75% 100%, transparent 0%, transparent 55%, rgba(255, 255, 255, 0.04) 55%, rgba(255, 255, 255, 0.04) 99%, transparent 99%, transparent 100%), #c4cbc3;
background-size: 60px 40px, 60px 40px, 40px 24px, 40px 24px, 120px 64px, 120px 64px;
/*background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%;*/
-webkit-animation: wave 5s linear infinite;
animation: wave 5s linear infinite;
}
a {color: blue;}
a:hover {color: red; text-decoration: none;}
a:visited {color: blue;}
@-webkit-keyframes wave {
0% {
background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%;
}
20% {
background-position: 51% 48%, 51% 48%, 53% 52%, 53% 52%, 48% 47%, 48% 47%;
}
40% {
background-position: 49% 51%, 49% 51%, 48% 51%, 48% 51%, 54% 50%, 54% 50%;
}
60% {
background-position: 53% 54%, 53% 54%, 46% 54%, 46% 54%, 53% 46%, 53% 46%;
}
80% {
background-position: 51% 52%, 51% 52%, 49% 49%, 49% 49%, 49% 48%, 49% 48%;
}
0% {
background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%;
}
}
@keyframes wave {
0% {
background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%;
}
20% {
background-position: 51% 48%, 51% 48%, 53% 52%, 53% 52%, 48% 47%, 48% 47%;
}
40% {
background-position: 49% 51%, 49% 51%, 48% 51%, 48% 51%, 54% 50%, 54% 50%;
}
60% {
background-position: 53% 54%, 53% 54%, 46% 54%, 46% 54%, 53% 46%, 53% 46%;
}
80% {
background-position: 51% 52%, 51% 52%, 49% 49%, 49% 49%, 49% 48%, 49% 48%;
}
0% {
background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%;
}
}
.sprite {
transform: scale(0.8);
position: absolute;
left: 1045px;
top: 417px;
width: 102px;
height: 148px;
margin-top: 40px;
z-index: 101;
}
.sprite-d {
transform: scale(1.5);
position: absolute;
left: 1045px;
top: 417px;
width: 53px;
height: 33px;
margin-top: 40px;
z-index: 101;
}
.right {
background-image: url(../media/imgs/standing-right.png);
}
.walk-right {
background-image: url(../media/imgs/walk-right.png);
-webkit-animation: walk .7s steps(6) infinite;
-moz-animation: walk .7s steps(6) infinite;
-ms-animation: walk .7s steps(6) infinite;
-o-animation: walk .7s steps(6) infinite;
animation: walk .7s steps(6) infinite;
}
@-webkit-keyframes walk {
from { background-position: 0px; }
to { background-position: -612px; }
}
@-moz-keyframes walk {
from { background-position: 0px; }
to { background-position: -612px; }
}
@-ms-keyframes walk {
from { background-position: 0px; }
to { background-position: -612px; }
}
@-o-keyframes walk {
from { background-position: 0px; }
to { background-position: -612px; }
}
@-keyframes walk {
from { background-position: 0px; }
to { background-position: -612px; }
}
.right-d {
background-image: url(../img/dw.png) !important;
}
.walk-right-d {
background-image: url(../img/dw.png) !important;
-webkit-animation: walkd .9s steps(10) infinite !important;
-moz-animation: walkd .9s steps(10) infinite !important;
-ms-animation: walkd .9s steps(10) infinite !important;
-o-animation: walkd .9s steps(10) infinite !important;
animation: walkd .9s steps(10) infinite !important;
}
@-webkit-keyframes walkd {
from { background-position-y: 0px; }
to { background-position-y: -340px; }
}
@-moz-keyframes walkd {
from { background-position-y: 0px; }
to { background-position-y: -340px; }
}
@-ms-keyframes walkd {
from { background-position-y: 0px; }
to { background-position-y: -340px; }
}
@-o-keyframes walkd {
from { background-position-y: 0px; }
to { background-position-y: -340px; }
}
@-keyframes walkd {
from { background-position-y: 0px; }
to { background-position-y: -340px; }
}
#sea {transform: scale(0.3) translateY(1100px);
position: relative; width: 100%, height:100vh;}
.txt {color: white;
position: absolute;
color: #00db00;
z-index: 101;
}
.ptxt {color: white;
position: absolute;
z-index: 101;
font-size: 17px;
background: yellow;
text-align: center;
padding: 3px;}
#t1{ top: 287px;
left: 70px;
width: 690px;
}
#t2{ /*display: none;*/
width: 320px;
left: 700px;
top: 580px;
}
#t3{
left: 100px;
width: 240px;
top: 820px;
}
#t4{
left: 1130px;
width: 290px;
top: 950px;
}
#t5{
left: 70px;
width: 766px;
top: 1400px;
}
#t6{
left: 950px;
width: 1500px;
top: 1670px;
}
#t7{
left: 2550px;
width: 446px;
top: 1420px;
}
}
#t8{
left: 2272px;
width: 334px;
top: 961px;
}
#t8{
left: 2322px;
width: 254px;
top: 970px;
}
#t9{
left: 1910px;
width: 1030px;
top: 750px;
}
#t10{
left: 2162px;
width: 800px;
top: 120px;
}
#p1{ left: 1009px;
top: 453px;
width: 80px;
}
#p2{ left: 230px;
top: 100px;
width: 80px;
}
#p3{ left: 340px;
top: 50px;
width: 140px;
}
#p4{ left: 400px;
top: 140px;
width: 130px;
}
#p5{ left: 420px;
top: 410px;
width: 180px;
}
#p6{ left: 280px;
top: 480px;
width: 140px;
}
#p7{ left: 400px;
top: 620px;
width: 120px;
}
#p8{ left: 530px;
top: 540px;
width: 120px;
}
#p9{ left: 440px;
top: 750px;
width: 120px;
}
#p10{ left: 1070px;
top: 260px;
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
}

@ -12,13 +12,6 @@ text.region {
font-variant: small-caps;
}
svg {
transform: scale(3,3);
left: 1270px;
position:absolute;
float: right;
}
path {
/*fill: none;*/
stroke: white;

File diff suppressed because one or more lines are too long

@ -166,6 +166,28 @@ a{ text-decoration: none; }
/* -------------- LEMURIA ---------------- */
#port { left: 639px; top: 391px; }
#MVU { left: 278px; top: 321px; }
#death { left: 639px; top: 391px; }
#comm { left: 639px; top: 391px; }
#fas { left: 639px; top: 391px; }
#viret { left: 639px; top: 391px; }
#cann { left: 639px; top: 391px; }
#vodood { left: 639px; top: 391px; }
#echstil { left: 639px; top: 391px; }
#cecur { left: 639px; top: 391px; }
#wicht { left: 639px; top: 391px; }
#nma { left: 639px; top: 391px; }
#vysp { left: 639px; top: 391px; }
#wilja { left: 639px; top: 391px; }
#willbu { left: 639px; top: 391px; }
#usapsy { left: 639px; top: 391px; }
#vir { left: 639px; top: 391px; }
#hvir { left: 639px; top: 391px; }
#revo { left: 639px; top: 391px; }
#stilvys { left: 639px; top: 391px; }
#timewa { left: 639px; top: 391px; }
#vaultmu { left: 639px; top: 391px; }
#hostas { left: 639px; top: 391px; }
#hostat { left: 639px; top: 391px; }
/* ---------------- MU ------------------ */

Loading…
Cancel
Save