Tancre
/
ilinx
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
master
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'master'
${ noResults }
ilinx/main_l3.html

338 lines
278 KiB
HTML
Raw Permalink Normal View History Unescape Escape

fresh
5 years ago
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> @@@ilinχ </title>
<script type="text/javascript" src="./scripts/jquery/jquery-1.12.4.js"></script>
<script type="text/javascript" src="./scripts/jquery/jquery-ui.js"></script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> -->
<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) translateY(330px);
left: 1270px;
position: absolute;
float: right;
/* transform: scale(3,3);
left: 1270px;
position:absolute;
float: right;*/
}
#sea {position: relative; width: 100%, height:100vh;}
.places{
position: absolute;
text-align: center;
}
#sprite1{
transform: scale(0.5);
left: 1045px;
top: 417px;
margin-top: 40px;
}
.txt{ cursor: pointer;}
.textinl:hover { color: red;}
#t2 { display: none; }
#t3 { display: none; }
#t4 { display: none; }
#t5 { display: none; }
#t6 { display: none; }
#t7 { display: none; }
#t8 { display: none; }
#t9 { display: none; }
#t10 { display: none; cursor: auto !important; }
</style>
</head>
<body>
<audio autoplay="true" loop="true">
<source src="./media/sounds/Long/Bubbles_grandPiano.wav" type="audio/wav">
</audio>
<audio preload="auto" id="sound-1" src="./media/sounds/Bottoni/1.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-2" src="./media/sounds/Bottoni/2.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-3" src="./media/sounds/Bottoni/3.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-4" src="./media/sounds/Bottoni/4.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-5" src="./media/sounds/Bottoni/5.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-6" src="./media/sounds/Bottoni/6.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-7" src="./media/sounds/Bottoni/7.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-8" src="./media/sounds/Bottoni/8.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-9" src="./media/sounds/Bottoni/9.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-10" src="./media/sounds/Bottoni/10.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-11" src="./media/sounds/Bottoni/11.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-12" src="./media/sounds/Bottoni/12.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-13" src="./media/sounds/Bottoni/13.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-14" src="./media/sounds/Bottoni/14.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-15" src="./media/sounds/Bottoni/15.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-16" src="./media/sounds/Bottoni/16.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-17" src="./media/sounds/Bottoni/17.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-18" src="./media/sounds/Bottoni/18.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-19" src="./media/sounds/Bottoni/19.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-20" src="./media/sounds/Bottoni/20.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-21" src="./media/sounds/Bottoni/21.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-22" src="./media/sounds/Bottoni/22.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-23" src="./media/sounds/Bottoni/23.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-24" src="./media/sounds/Bottoni/24.wav" type="audio/wav"> ... src & fallback ... </audio>
<div id="sea" class="draggable">
<div id="sprite1" class="sprite right"></div>
<!-- <div class="sprite-d right-d"></div> -->
<div id="t1" class="txt">My knowledge of the thing, and my first contact with Ilinx, began in the winter of 1986-7 with the
<a class="textinl" href="./01/death.html" onclick="ppp(this, 'death', '600', '250','300','570')" target="death">death</a>
of my uncle <a class="textinl" 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 his luggages, consisted in spread papers with annotations and drawings regarding the three tribes of the <a class="textinl" href="./01/nma.html" onclick="ppp(this, 'nma', '600', '250','300','570')" target="nma">N'ma</a> island.
</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', main objective of the expedition supposed to provide the key to understanding the language engraved in a particular Nma's artifact. Despite the fact that he didn't actually manage to translate the language, the temple awoken some sort of omen in the professor who writes in his last <a class="textinl" href="#">letter</a> <i>"What we are, we are, whether we be aware of it or not!"</i></div>
<div id="t5" class="txt">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 <a class="textinl" href="#">spiralic stone</a> bas-relief and the disjointed jottings, ramblings, and cuttings which I found?</div>
<div id="t6" class="txt">The bas-relief, to whom professor refers in his papers as Ilinx, 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 on Ilinx 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 class="textinl" href="#">enigma</a>.</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 spiral of Ilinx. It was at that time, in 1992 that I contacted professor <a class="textinl" href="./01/lt.html" onclick="ppp(this, 'lt', '1000', '230','500','600')" target="lt">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 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 <a class="textinl" href="./01/mvu.html" onclick="ppp(this, 'mvu', '1200', '1000','2000','0')" target="mvu">Miskatonic Virtual University</a>, in the early 70s led to their complete separation.</div>
<div id="t9" class="txt">She was particularly disturbed by the fact that despite his well-known opposition to <a class="textinl" href="./01/es.html" onclick="ppp(this, 'es', '1000', '230','500','600')" target="es">Echidna Stillwell</a>'s methods, the professor was following exactly the trails left behind by Stillwell himself fifty years before, and that after that trails he started to chase the footprints of <a class="textinl" href="./01/cc.html" onclick="ppp(this, 'cc', '1000', '230','500','600')" target="cc">Cecil Curtis</a> managing to trace back the original location of the Katak temple. The same temple where the legent of 'Mad Dog' Curtis blurs into total madness</a>.</div>
<div id="t10" class="txt">
<a id="ttwwk" class="textinl blink_me2" href="./katak_temple.html">&#183;</a>
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 <a class="textinl" href="./01/t.html" onclick="ppp(this, 't', '1000', '230','500','600')" target="t">Tchattuk</a> stealing something from Katak and that probably Fassrol belived that Ilinx 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="black_hole2" class="pulse bh" style="display: none;">
<div id="pulse1" class="pulsate3 black_hole"></div>
<div id="bh1" class="pulsate3 black_hole"></div>
<div id="bh2" class="pulsate3 black_hole"></div>
</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>
<div id="p2" class="ptxt"><a href="./01/death.html" onclick="ppp(this, 'death', '600', '250','300','570')" target="death">death</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/af.html" onclick="ppp(this, 'af', '1000', '230','500','300')" target="af">Adin Fassrol</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/wc.html" onclick="ppp(this, 'af', '1000', '200','500','300')" target="af">Walter Cannon</a></div>
<div id="p7" class="ptxt"><a href="./home/doorway.html">Homeostat</a></div>
<div id="proj1" class="pulse">
<div id="pulse1" class="pulsate"></div>
<div id="pulse2" class="pulsate"></div>
<div id="pulse3" class="pulsate"></div>
</div>
<div id="p8" class="ptxt"><a href="./01/vd.html" onclick="ppp(this, 'vd', '1000', '1000','2000','0')" target="vd">Vodoo death</a></div>
<div id="p9" class="ptxt"><a href="./01/wcl.html" onclick="ppp(this, 'wcl', '800', '400','0','0')" target="wcl">Wicht Club</a></div>
<div id="p10" class="ptxt"><a href="./01/es.html" onclick="ppp(this, 'es', '1000', '400','500','300')" target="es">Echidna Stillwell</a></div>
<div id="p11" class="ptxt"><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"><a href="./01/nma.html" onclick="ppp(this, 'nma', '600', '350','400','300')" target="nma">Nma</a></div>
<div id="p13" class="ptxt"><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"><a href="./01/cc.html" onclick="ppp(this, 'cc', '800', '900','0','0')" target="cc">Cecil Curtis</a></div>
<div id="p15" class="ptxt"><a href="./01/pv.html" onclick="ppp(this, 'pv', '700', '400','500','300')" target="pv">Peter Vysparov</a></div>
<div id="p16" class="ptxt"><a href="./01/wj.html" onclick="ppp(this, 'wj', '1000', '1000','0','0')" target="wj">William James</a></div>
<div id="p17" class="ptxt"><a href="http://www.uky.edu/~eushe2/Pajares/jnitrous.html" onclick="ppp(this, 'n2o', '1200', '1000','2000','0')" target="n2o">N20</a></div>
<div id="p18" class="ptxt"><a href="https://www.theatlantic.com/past/docs/issues/96may/nitrous/wmjgist.htm" onclick="ppp(this, 'g', '1000', '1000','0','2000')" target="g">Geist</a></div>
<div id="p19" class="ptxt"><a href="./01/wb.html" onclick="ppp(this, 'wb', '1000', '1000','800','0')" target="wb">William Burroughs</a></div>
<div id="p20" class="ptxt"><a href="./Ixse.html" >HyperV</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="p22" class="ptxt dragble"><a href="./Ixse.html">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"><a href="./01/tw.html" onclick="ppp(this, 'p80', '900', '700','600','500')" target="p80">Time War</a></div>
<div id="p24" class="ptxt"><a href="./01/lvs.html" onclick="ppp(this, 'lvs', '1200', '1000','2000','0')" target="lvs">Letters Vysparov-Stillwell</a></div>
<div id="p25" class="ptxt"><a href="./01/h.html" onclick="ppp(this, 'h', '1000', '1000','2000','0')" target="h">Homeostasis</a></div>
<div id="p26" class="ptxt"><a href="./01/rt.html" onclick="ppp(this, 'rt', '800', '300','0','0')" target="rt">Randolph Templeton</a></div>
<div id="p27" class="ptxt"><a href="./01/tt.html" onclick="ppp(this, 'tt', '1000', '300','0','0')" target="tt">Time Travel</a></div>
<div id="p28" class="ptxt"><a href="./01/hy.html" onclick="ppp(this, 'hy', '1000', '500','0','0')" target="hy">h-y-p-e-r-s-t-i-t-i-o-n</a></div>
<div id="p29" class="ptxt"><a href="https://www.vordenker.de/ggphilosophy/mcculloch_mysterium-iniquitatis.pdf" onclick="ppp(this, 'mi', '1000', '1000','2000','0')" target="mi">Mysteryum</a></div>
<div id="p30" class="ptxt"><a href="https://dataswamp.org/~john/sites/ccru/occultures/trent0.htm" onclick="ppp(this, 'zm', '1000', '1000','2000','0')" target="zm">zombies</a></div>
<div id="p31" class="ptxt"><a href="http://luisguillermo.com/diosygolem/God_and_Golem_Inc.pdf" onclick="ppp(this, 'gg', '1200', '800','2000','0')" target="gg">G&G</a></div>
<!-- <div id="p32" class="ptxt dragble"><a href="./01/h.html" onclick="ppp(this, 'text', '1000', '1000','2000','0')" target="text">W Ross Ashby</a></div>
<div id="p33" class="ptxt dragble"><a href="./01/h.html" onclick="ppp(this, 'text', '1000', '1000','2000','0')" target="text">Norbert Wiener</a></div> -->
<div id="p34" class="ptxt"><a href="https://www.vordenker.de/ggphilosophy/mcculloch_why-the-mind-is-in-the-head.pdf" onclick="ppp(this, 'mh', '1000', '1000','0','0')" target="mh">E_Mind</a></div>
<!-- <div id="p35" class="ptxt dragble"><a href="./01/h.html" onclick="ppp(this, 'text', '1000', '1000','2000','0')" target="text">Warren Sturgis McCulloch</a></div> -->
<div id="p36" class="ptxt"><a href="./VB01.html">VB01</a></div>
<div id="proj4" class="pulse">
<div id="pulse1" class="pulsate"></div>
<div id="pulse2" class="pulsate"></div>
<div id="pulse3" class="pulsate"></div>
</div>
<div id="p37" class="ptxt"><a href="https://www.cs.cmu.edu/afs/cs.cmu.edu/user/ehn/Web/release/BurroughsLetter.html" onclick="ppp(this, 'mad', '1200', '1200','300','0')" target="mad">addict</a></div>
<div id="p38" class="ptxt"><a href="./01/c.html" onclick="ppp(this, 'c', '1000', '700','2000','0')" target="c">Cybernetics</a></div>
<div id="p39" class="ptxt"><a href="./AxS/index.html">Flatlines</a></div>
<div id="proj5" class="pulse">
<div id="pulse1" class="pulsate"></div>
<div id="pulse2" class="pulsate"></div>
<div id="pulse3" class="pulsate"></div>
</div>
<div id="p40" class="ptxt"><a href="./FS01.html">F_S_</a></div>
<div id="proj6" class="pulse">
<div id="pulse1" class="pulsate"></div>
<div id="pulse2" class="pulsate"></div>
<div id="pulse3" class="pulsate"></div>
</div>
<div id="p41" class="ptxt"><a href="./EOC.html">Ecstasy</a></div>
<div id="proj7" class="pulse">
<div id="pulse1" class="pulsate"></div>
<div id="pulse2" class="pulsate"></div>
<div id="pulse3" class="pulsate"></div>
</div>
<div id="p42" class="ptxt"><a href="./01/t.html" onclick="ppp(this, 'text', '1000', '500','500','500')" target="text">Tchattuk</a></div>
<div id="p43" class="ptxt"><a href="./01/lt.html" onclick="ppp(this, 'lt', '1000', '800','0','0')" target="lt">Linda Trent</a></div>
<div id="p44" class="ptxt dragble"><a href="./media/pdfs/Ah_Pook_is_Here.pdf" onclick="ppp(this, 'apih', '1000', '1000','2000','0')" target="apih">AHPO</a></div>
<div id="p45" class="ptxt dragble"><a href="https://mvupress.net/about/people/linda-trent/how-do-fictions-become-hyperstitions/" onclick="ppp(this, 'hype2', '1000', '1000','2000','0')" target="hype2">Hfiction</a></div>
<div id="p46" class="ptxt dragble"><a href="./disclaimer.html" onclick="ppp(this, 'discl', '2000', '2000','0','0')" target="discl">disclaimer</a></div>
<svg width="1000" height="1000" viewBox="-400 -120 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
<path class="river" d="
M-45.64652641652284,-271.7205168361087L-47.412163783480985,-272.45754222663146">
</path><path class="river" d="M14.266485988429102,-200.50645674581318L19.111661955433938,-196.4914455209415L21.19034605305789,-192.5864552561551L20.30406758435605,-185.825177925533L21.38362914983147,-175.79475576829788L26.964634978844625,-170.7550236791831L33.164584608940295,-169.18205408197161L39.04202502386281,-166.1330369564511L44.8930036000617,-164.22212005567738L50.06233424741945,-161.9729783478942"></path><path class="river" d="M-79.88706899647939,-203.0485939361415L-81.30420747772234,-205.9574941867604"></path><path class="river" d="M50.06233424741945,-161.9729783478942L53.13825900641802,-161.8391020284658L55.74496748242852,-163.1485296951049L61.00723951465925,-165.2811314389413L67.90361134051463,-168.20199864381857L74.18442720355532,-172.3254026270346L81.54797394294692,-173.52105704254635"></path><path class="river" d="M20.793262797993254,-144.91928230400003L29.241124556391497,-152.98053240489557L36.22954459716381,-154.15405204525368L41.71018403911587,-155.25487738295175L50.06233424741945,-161.9729783478942"></path><path class="river" d="M-4.081258629599717,-149.70644628729846L2.4126162882845295,-148.79606615693007L8.314151718757842,-150.70984260892573L13.680723008358546,-150.23756615194932L20.793262797993254,-144.91928230400003"></path><path class="river" d="M89.21813763281104,-68.90544194626544L84.58722707909634,-80.24864133261491L84.39158219446954,-86.8620585745307L86.07578983957228,-92.57775961919384L83.99242225080783,-96.7749702282384L78.6648976995957,-100.58234768966472L74.11918951238872,-106.83922654302295L70.47603885654071,-112.1249962622301L67.17120365488125,-114.49283885259956L63.20550342155962,-116.68528802193693L58.14031546823612,-119.53129342769866L53.56136333448825,-124.64231629547767L48.71346620098895,-131.92337643824627L42.383604742043474,-137.23015907798577L34.274745401315755,-140.63748213507338L21.942459769249396,-141.71319296814775"></path><path class="river" d="M-16.272649644443778,-127.76701535892873L-9.696373982043424,-130.5521842052181L-3.183348363744905,-132.1519563105815L3.4199712661209527,-133.07103848775898L11.389657132535074,-133.92115118414998L18.50762400014946,-137.01848599930184L21.942459769249396,-141.71319296814775"></path><path class="river" d="M-36.73846085321499,-137.52641982479605L-27.5555669766498,-136.2465451315096L-16.272649644443778,-127.76701535892873"></path><path class="river" d="M21.942459769249396,-141.71319296814775L20.793262797993254,-144.91928230400003"></path><path class="river" d="M-190.79029415155995,-136.63274805932585L-194.45515896510784,-136.77675534895528L-201.4762757948214,-133.45848480430882L-208.28804383887464,-125.9887493667214L-212.70403988107455,-122.57546735728178"></path><path class="river" d="M-68.0946630579318,-80.26932601581541L-67.27601349895531,-90.19330036465618L-70.98855542640344,-102.41707268486297L-70.57630191521594,-111.95657265474385L-64.36060190232175,-118.39495987704723L-54.140591503359005,-121.40341053829543L-41.979544165313044,-118.68833012646249L-32.34531628323024,-116.6648525695027L-25.4162942237335,-117.07498795016947L-20.343784954514817,-120.036460567779L-16.272649644443778,-127.76701535892873"></path><path class="river" d="M-96.8206307976914,-34.94345500648941L-93.11969452413726,-43.20579057436851L-91.20671933995168,-49.9717163549108L-88.96277086590653,-54.447205527776205L-86.34612566978491,-58.311763456508515L-84.86613736500233,-64.16121749242915L-85.07429908326799,-71.69838995122312L-80.76981342707354,-77.90879310098572L-68.0946630579318,-80.26932601581541"></path><path class="river" d="M-58.200501707340344,-63.474424984904715L-63.96723389311253,-69.48767572502271L-68.0946630579318,-80.26932601581541"></path><path class="river" d="M-113.61669997269841,22.085303427709995L-118.68773157283195,28.5379058592206L-123.23537519835406,35.64961688064021L-127.47683209978817,39.11665021562174L-131.1788673022759,42.4563357334319L-137.57174375377048,46.35590826480619L-150.12697971049906,44.81873424692149"></path><path class="river" d="M-147.55205731462743,28.204357372465296L-147.51138560458818,35.15622734030082L-150.12697971049906,44.
<path class="river" d="M43.20265962657084,97.05619367807287L53.75274944862377,107.92193352529178L62.72932466557638,110.79581414936496L68.17874922504011,106.27673293952043"></path><path class="river" d="M68.17874922504011,106.27673293952043L82.37624805394447,109.15430347103374L88.61776790755235,113.39087348266638"></path><path class="river" d="M0.06800806132953915,149.95252294177982L-5.035809743352283,156.25716738698117L-9.7579634212135,163.6295573507307L-10.742710864779426,171.14291356821593L-12.84258530420914,176.82987617276478L-18.498136095604472,181.51873920364997L-22.556707058918192,184.08830200361731"></path><path class="river" d="M206.6543303958897,314.4929143298524L210.70089428134335,316.7038620066289"></path>
<path class="coast" d="M-356.265,-51.443999999999996L-335.962,-61.623L-326.69499999999994,-85.646L-351.744,-106.148L-365.716,-117.192L-384.61899999999997,-113.158L-384.42699999999996,-92.594L-398.922,-91.10399999999998L-397.104,-70.684L-388.417,-60.775999999999996L-379.83099999999996,-56.829L-370.291,-53.946999999999996L-356.265,-51.443999999999996"></path><path class="coast" d="M-356.28499999999997,144.88199999999998L-340.538,147.40200000000002L-328.772,144.302L-308.561,126.463L-288.56699999999995,101.95599999999999L-295.591,72.077L-290.38199999999995,54.228L-277.024,45.398999999999994L-284.554,32.946L-293.351,31.194L-303.74,22.886L-325.478,11.033L-335.82099999999997,27.961999999999996L-349.75999999999993,33.332L-362.876,45.957L-361.467,64.22200000000001L-375.46299999999997,69.89399999999999L-378.755,85.80199999999999L-383.407,98.039L-383.21,116.382L-373.598,127.17899999999999L-368.747,136.154L-364.108,140.983L-356.28499999999997,144.88199999999998"></path><path class="coast" d="M259.72499999999997,99.66L286.63,98.83L293.83899999999994,85.634L272.921,74.14999999999999L288.80699999999996,54.347L269.54499999999996,45.138L253.67899999999997,32.158L238.23,31.651L227.945,31.341L218.254,28.070999999999998L206.316,34.355999999999995L204.981,48.664L201.32500000000002,64.25L211.314,77.57L227.339,93.901L245.423,105.344L259.72499999999997,99.66"></path><path class="coast" d="M385.81899999999996,113.559L402.038,114.988L407.877,99.744L421.662,80.00399999999999L405.283,64.779L415.39,44.193L389.546,33.38L367.06600000000003,33.339L360.195,38.604L355.573,49.117000000000004L358.67,66.47399999999999L369.11699999999996,80.673L377.19199999999995,94.719L381.45599999999996,104.046L385.81899999999996,113.559"></path><path class="coast" d="M-307.118,308.18899999999996L-287.455,307.487L-276.40999999999997,300.942L-270.70099999999996,308.91799999999995L-259.089,302.807L-248.577,291.162L-236.371,280.885L-215.501,283.448L-191.988,278.342L-177.73699999999997,271.89L-165.30499999999998,270.623L-155.727,264.69L-143.598,253.53199999999998L-142.486,236.846L-126.70699999999998,227.495L-139.926,217.384L-144.385,193.793L-155.418,183.41299999999998L-172.813,178.408L-181.93499999999997,162.443L-195.549,178.801L-212.371,180.13299999999998L-227.64499999999998,177.95999999999998L-240.356,186.682L-261.106,178.85799999999998L-282.028,176.44899999999998L-296.953,177.47199999999998L-311.909,191.131L-327.144,184.23199999999997L-334.63499999999993,188.30700000000002L-344.993,194.719L-346.027,205.99599999999998L-355.938,219.36799999999997L-350.618,229.777L-354.289,237.813L-352.21999999999997,249.07199999999997L-342.40299999999996,263.66200000000003L-337.053,279.125L-319.625,292.758L-307.118,308.18899999999996"></path><path class="coast" d="M443.26899999999995,212.017L436.311,199.45399999999998L426.731,187.851L410.647,179.95799999999997L402.082,200.673L392.96500000000003,222.72799999999998L406.557,232.874L406.66999999999996,241.643L401.30899999999997,255.51599999999996L407.43999999999994,274.926L430.21999999999997,288.176L441.22,309.138L456.873,296.508"></path><path class="coast" d="M299.938,340.907L317.714,339.289L310.863,329.57599999999996L296.114,327.193L282.284,328.758L287.279,343.952L299.938,340.907"></path><path class="coast" d="M-156.108,394.679L-132.28599999999997,403.866L-125.74199999999999,391.23199999999997L-108.126,381.157L-113.514,369.07199999999995L-111.73899999999999,355.12699999999995L-125.86999999999998,350.729L-139.213,348.537L-149.011,337.99199999999996L-165.603,344.12899999999996L-173.821,363.125L-182.066,367.395L-181.26799999999997,379.53L-177.75900000000001,398.388L-156.108,394.679"></path><line class="slope" x1="415.83917841314684" y1="245.01799447891761" x2="422.0803419883205" y2="241.99920029649755"></line><line class="slope" x1="-197.74818567991474" y1="234.5111237636928" x2="-191.1592972237665" y2="237.575575149239"></line><line class="slope" x1="-150.58678904791236" y1="240.0485298157304" x2="-147.2197174717669" y2="248.09055069285532"></line><line class="slope" x1="-151.49287512453495" y1="242.3088759067626" x2="-148.12580354838948"
<line class="slope" x1="131.43493969783026" y1="-452.9040696637502" x2="140.16452452078298" y2="-445.8758205009088"></line><line class="slope" x1="141.59253957210564" y1="-446.7553522074132" x2="146.445094733851" y2="-435.718968031939"></line><line class="slope" x1="117.5028423641112" y1="-446.25872723916905" x2="122.52667437407347" y2="-450.04240067670634"></line><line class="slope" x1="114.31462720525917" y1="-431.4429723651809" x2="119.0721440512253" y2="-434.55737485248574"></line><line class="slope" x1="143.05698606379715" y1="-441.13732374505264" x2="147.905223434739" y2="-431.0998573287955"></line><line class="slope" x1="105.51380342136484" y1="-423.9041966520754" x2="112.87790422146583" y2="-432.84771840129685"></line><line class="slope" x1="135.25032175032717" y1="-426.06702864407197" x2="139.98746093770782" y2="-418.47762281944347"></line><line class="slope" x1="127.64988860182272" y1="-423.9307534132147" x2="134.0367723158007" y2="-419.55272507406744"></line><line class="slope" x1="-97.5073736462543" y1="-386.8690047882086" x2="-91.94491769500414" y2="-381.2089174794738"></line><line class="slope" x1="-95.08840003019398" y1="-383.68239125151536" x2="-89.52594407894382" y2="-378.0223039427806"></line><line class="slope" x1="-89.90910327885614" y1="-364.6952306100374" x2="-86.2472804232821" y2="-358.58847301810937"></line><line class="slope" x1="-96.35724515404772" y1="-371.2654142415833" x2="-92.69542229847367" y2="-365.1586566496553"></line><line class="slope" x1="-116.17339356241558" y1="-367.8204016900761" x2="-104.51183819266237" y2="-366.0299743589558"></line><line class="slope" x1="-119.0908951758781" y1="-360.4078624619079" x2="-112.89815078060862" y2="-365.51272816083474"></line><line class="slope" x1="-97.97636205590811" y1="-362.47655703221614" x2="-93.15845190524273" y2="-355.4356433428464"></line><line class="slope" x1="-92.221871562196" y1="-366.2227074561306" x2="-87.40396141153062" y2="-359.18179376676085"></line><line class="slope" x1="-93.64711683702976" y1="-371.68592040036543" x2="-90.5872759478305" y2="-366.10579236084936"></line><line class="slope" x1="-86.0982120955424" y1="-363.9056785558173" x2="-83.03837120634316" y2="-358.3255505163013"></line><line class="slope" x1="-95.44898684604986" y1="-363.8718747807441" x2="-92.38914595685061" y2="-358.2917467412281"></line><line class="slope" x1="-132.24823625457822" y1="-346.72297478579725" x2="-129.29987034927188" y2="-353.06963787703666"></line><line class="slope" x1="-126.58474690868476" y1="-351.92016689584614" x2="-123.63638100337842" y2="-358.2668299870856"></line><line class="slope" x1="-133.41265307889248" y1="-347.2081272426657" x2="-130.46428717358614" y2="-353.55479033390515"></line><line class="slope" x1="-83.16822394520031" y1="-359.6842928838554" x2="-80.5032346586538" y2="-353.0077933173749"></line><line class="slope" x1="-89.31728191688018" y1="-363.0108057999379" x2="-86.65229263033366" y2="-356.33430623345737"></line><line class="slope" x1="-84.25058217672883" y1="-365.80779569757607" x2="-81.58559289018231" y2="-359.1312961310955"></line><line class="slope" x1="-84.80263002375536" y1="-353.3287258011886" x2="-82.18976728526883" y2="-346.53902549121835"></line><line class="slope" x1="-80.73195862562457" y1="-353.8702254611266" x2="-78.11909588713806" y2="-347.08052515115634"></line><line class="slope" x1="-79.75270484346322" y1="-351.5105519699148" x2="-77.13984210497671" y2="-344.72085165994446"></line><line class="slope" x1="-96.37464987949133" y1="-351.42527247071047" x2="-92.46847895963812" y2="-344.51147532882817"></line><line class="slope" x1="-95.32874658832782" y1="-353.19893988391425" x2="-91.42257566847462" y2="-346.28514274203195"></line><line class="slope" x1="-122.54748574675403" y1="-354.10904525373746" x2="-111.32926439464353" y2="-364.84423064684904"></line><line class="slope" x1="30.68015102599314" y1="-339.05768885456285" x2="39.68510337392117" y2="-334.0477677439933"></line><line class="slope" x1="-90.04678687008918" y1="-351.8870381960502" x2="-87.1882651338502" y2="-344.6944695673264"></line><line
<!-- <circle class="city" cx="73.01812150047887" cy="-175.20659308321478" r="7" style="fill: white; stroke-width: 5px; stroke-linecap: round; stroke: black;"></circle>
<circle class="city" cx="68.17874922504011" cy="106.27673293952043" r="7" style="fill: white; stroke-width: 5px; stroke-linecap: round; stroke: black;"></circle> -->
<circle class="city" cx="-150.12697971049906" cy="44.81873424692149" r="4" style="fill: white; stroke-width: 5px; stroke-linecap: round; stroke: black;"></circle>
<!-- <circle class="city" cx="206.6543303958897" cy="314.4929143298524" r="7" style="fill: white; stroke-width: 5px; stroke-linecap: round; stroke: black;"></circle>
<circle class="city" cx="-257.04538046242783" cy="294.0846680188028" r="7" style="fill: white; stroke-width: 5px; stroke-linecap: round; stroke: black;"></circle>
<circle class="city" cx="-135.07601455781887" cy="-326.87829871139644" r="4" style="fill: white; stroke-width: 5px; stroke-linecap: round; stroke: black;"></circle>
<circle class="city" cx="368.6556706671621" cy="70.06970417213589" r="4" style="fill: white; stroke-width: 5px; stroke-linecap: round; stroke: black;"></circle>
<circle class="city" cx="-381.8801921712643" cy="-102.9006751168604" r="4" style="fill: white; stroke-width: 5px; stroke-linecap: round; stroke: black;"></circle>
<circle class="city" cx="130.84333045881172" cy="-421.74173924364106" r="4" style="fill: white; stroke-width: 5px; stroke-linecap: round; stroke: black;"></circle>
<circle class="city" cx="2.0144137323067426" cy="381.7431091817825" r="4" style="fill: white; stroke-width: 5px; stroke-linecap: round; stroke: black;"></circle>
<circle class="city" cx="417.1968712609095" cy="284.35874888124386" r="4" style="fill: white; stroke-width: 5px; stroke-linecap: round; stroke: black;"></circle>
<circle class="city" cx="-374.70211858289514" cy="107.11806925589218" r="4" style="fill: white; stroke-width: 5px; stroke-linecap: round; stroke: black;"></circle> -->
<!-- <circle class="city" cx="-70.9317822211652" cy="-114.25222982605386" r="4" style="fill: white; stroke-width: 5px; stroke-linecap: round; stroke: black;"></circle> -->
<!-- <circle class="city" cx="-175.77213188834017" cy="388.2628253948555" r="4" style="fill: white; stroke-width: 5px; stroke-linecap: round; stroke: black;"></circle>
<circle class="city" cx="178.55335042851956" cy="-77.95983699160745" r="4" style="fill: white; stroke-width: 5px; stroke-linecap: round; stroke: black;"></circle>
<circle class="city" cx="-233.71001836167943" cy="-228.77063968619305" r="4" style="fill: white; stroke-width: 5px; stroke-linecap: round; stroke: black;"></circle>
<circle class="city" cx="308.67097081295077" cy="338.3947868794888" r="4" style="fill: white; stroke-width: 5px; stroke-linecap: round; stroke: black;"></circle>
<circle class="city" cx="35.53895072089697" cy="-336.33782120269234" r="4" style="fill: white; stroke-width: 5px; stroke-linecap: round; stroke: black;"></circle>
<circle class="city" cx="-340.8388013293666" cy="252.01179212819684" r="4" style="fill: white; stroke-width: 5px; stroke-linecap: round; stroke: black;"></circle>
-->
<!-- <text class="city" x="93.01812150047887" y="-167.70659308321478" style="text-anchor: start;">Ulkiltarkalm</text>
<text class="city" x="68.17874922504011" y="136.27673293952043" style="text-anchor: middle;">Kalmurmtar</text>
<text class="city" x="-150.12697971049906" y="24.818734246921487" style="text-anchor: middle;">Malilnmal</text>
<text class="city" x="206.6543303958897" y="344.4929143298524" style="text-anchor: middle;">Tarurmul</text>
<text class="city" x="-257.04538046242783" y="274.08466801880274" style="text-anchor: middle;">Ululiln</text>
<text class="city" x="-151.0760145578189" y="-320.87829871139644" style="text-anchor: end;">Urkiln</text>
<text class="city" x="352.6556706671621" y="76.06970417213589" style="text-anchor: end;">Ulpiln</text>
<text class="city" x="-365.8801921712643" y="-96.90067511686038" style="text-anchor: start;">Ililnulmnarm</text>
<text class="city" x="146.8433304588117" y="-415.74173924364106" style="text-anchor: start;">nulm Tarul</text>
<text class="city" x="-13.985586267693257" y="387.7431091817825" style="text-anchor: end;">Tarnilk</text>
<text class="city" x="401.1968712609095" y="290.35874888124386" style="text-anchor: end;">Urmulpulmtar</text>
<text class="city" x="-374.70211858289514" y="131.11806925589218" style="text-anchor: middle;">Tarttarilk</text>
<text class="city" x="-70.9317822211652" y="-130.25222982605385" style="text-anchor: middle;">Mulkkalmsal</text>
<text class="city" x="-191.7721318883402" y="394.2628253948555" style="text-anchor: end;">Tarmal</text>
<text class="city" x="194.55335042851956" y="-71.95983699160743" style="text-anchor: start;">Ulpmulsalal</text>
<text class="city" x="-249.71001836167943" y="-222.77063968619305" style="text-anchor: end;">Nilkiln</text>
<text class="city" x="324.67097081295077" y="344.3947868794888" style="text-anchor: start;">Tururm</text>
<text class="city" x="51.53895072089698" y="-330.33782120269234" style="text-anchor: start;">Maltarnarm</text>
<text class="city" x="-340.8388013293666" y="236.01179212819684" style="text-anchor: middle;">Ulkirsal</text>
<text class="region" x="-2.475163477353666" y="-198.43120266023806" style="text-anchor: middle;">Ilkmuln</text>
<text class="region" x="55.457647901605164" y="85.61091247305917" style="text-anchor: middle;">Ulpilmal</text>
<text class="region" x="-151.15538909815874" y="-6.172305276951007" style="text-anchor: middle;">Mulnlulm</text>
<text class="region" x="225.73937281815884" y="260.0288995206095" style="text-anchor: middle;">nulm Mulnpur</text>
<text class="region" x="-257.5527808956305" y="210.45022946399706" style="text-anchor: middle;">Urkirilmulm</text> -->
</svg>
</div>
</div>
<script type="text/javascript" src="./scripts/black_sea.js"></script>
<script type="text/javascript" src="./scripts/popup.js"></script>
<script>
moveSprite('.sprite', '6000');
// moveSprite('.sprite-d', '6000');
keyBinding_2();
// keyBinding_3();
$( function() {
$( ".draggable" ).draggable(
// { containment: [-2000,-2000,2000,0] }
);
$( ".draggable" ).css('cursor','grab');
});
$( function() {
$( ".dragble" ).draggable( {});
$( ".dragble" ).css('cursor','grab');
});
// CURSOR GRAB AND RELEASE
$('.draggable').on("mousedown",function(){
$('.draggable').css('cursor', 'grabbing');
}).on("mouseup mouseleave",function(){
$('.draggable').css('cursor', 'grab');
});
$("#t1").click(function(){ $('#t2').css('display', 'inline'); });
$("#t2").click(function(){
$('#t3').css('display', 'inline');
$('#t4').css('display', 'inline');
});
$("#t3").click(function(){ $('#t4').css('display', 'inline'); });
$("#t4").click(function(){ $('#t5').css('display', 'inline'); });
$("#t5").click(function(){ $('#t6').css('display', 'inline'); });
$("#t6").click(function(){ $('#t7').css('display', 'inline'); });
$("#t7").click(function(){ $('#t8').css('display', 'inline'); });
$("#t8").click(function(){ $('#t9').css('display', 'inline'); });
$("#t9").click(function(){ $('#t10').css('display', 'inline');
setTimeout( function(){ $('#black_hole2').css('display', 'inline'); }, 30000);
});
setTimeout( function(){ $('#t2').css('display', 'inline'); }, 60000);
setTimeout( function(){ $('#t3').css('display', 'inline'); }, 120000);
setTimeout( function(){ $('#t4').css('display', 'inline'); }, 180000);
setTimeout( function(){ $('#t5').css('display', 'inline'); }, 240000);
setTimeout( function(){ $('#t6').css('display', 'inline'); }, 300000);
setTimeout( function(){ $('#t7').css('display', 'inline'); }, 360000);
setTimeout( function(){ $('#t8').css('display', 'inline'); }, 420000);
setTimeout( function(){ $('#t9').css('display', 'inline'); }, 480000);
setTimeout( function(){ $('#t10').css('display', 'inline');
setTimeout( function(){ $('#black_hole2').css('display', 'inline'); }, 5000);
},600000);
// function rand(){ return Math.ceil(Math.random() * (rooms.length -1)) }
// window.setInterval( function(){
// var ra2 = Math.floor(ww.size()*Math.random());
// var a = ww.get(ra2);
// var orig = $(a).html()
// $(a).html('<a class="b" href='+ rooms[rand()]+'>'+ orig + '</a>')
// }, 5000);
$( ".txt" ).click(function() {
var audio = document.getElementById("sound-13");
var audio2 = document.getElementById("sound-19");
var audio3 = document.getElementById("sound-25");
audio.play();
audio2.play();
audio3.play();
});
$("a").mouseenter(function() {
$("#sound-" + Math.ceil(Math.random() * 24))[0].play();
});
alert('Click on the green texts to continue the story');
</script>
</body>
</html>