master
*anna* 3 years ago
parent 0f5eb13727
commit 6385e47fd0

BIN
.DS_Store vendored

Binary file not shown.

BIN
tree/.DS_Store vendored

Binary file not shown.

@ -132,8 +132,8 @@
// saves game step in the local storage
window.onload = function() {
window.localStorage.setItem("spring_river","opened");
console.log ("spring river:",localStorage.spring_river);
window.localStorage.setItem("bus_station","opened");
console.log ("bus station:",localStorage.bus_station);
}
//get player avatar from local storage

@ -82,8 +82,8 @@
//store that you've been in the park
window.onload = function() {
window.localStorage.setItem("cat_shelter","opened")
console.log ("cat shelter:",localStorage.cat_shelter)
window.localStorage.setItem("cat_shelter_page","opened")
console.log ("cat shelter:",localStorage.cat_shelter_page)
}
// look in the houses game
var house_counter = 0;

@ -30,7 +30,11 @@
body{
font-size: 1.5vw;
margin:2.5%;
padding-left: 5.5%;
padding-right: 5.5%;
padding-top: 2.5%;
padding-bottom: 4%;
margin:auto;
font-family: jolyregular;
max-width: 100%;
max-height: 100%;
@ -58,7 +62,8 @@ img.inText{
height:3vw;
}
#info_button{
left:4%;
top: 4.5%;
left:8.5%;
position: fixed;
font-size: 4vw;
color:#c94dff ;
@ -72,19 +77,46 @@ img.inText{
#info_text{
position: fixed;
font-size: 1.5vw;
z-index: 10;
color:#c94dff ;
font-family: jolyregular;
background-color: white;
top:20%;
right:20%;
left:20%;
padding: 20px;
bottom:7%;
right:4%;
left:30%;
border:1px #c94dff solid;
-webkit-box-shadow: 10px 10px 0px 0px #c94dff ;
-moz-box-shadow: 10px 10px 0px 0px #c94dff ;
box-shadow: 10px 10px 0px 0px #c94dff;
border-radius: 10px;
z-index: 0;
font-size: 22px;
line-height: 25px;
padding: 15px;
z-index: 1;
}
#info_text:after {
content: '';
position: absolute;
display: block;
width: 0;
z-index: 1;
border-style: solid;
border-color: #ffffff transparent;
border-width: 20px 15px 0;
bottom: -20px;
left: 90%;
margin-left: -15px;
}
#info_text:before {
content: '';
position: absolute;
width: 0;
z-index: 0;
border-style: solid;
border-color: #c94dff transparent;
border-width: 21px 16px 0;
bottom: -21.5px;
left: 90%;
margin-left: -16px;
display: block;
}
a {
color:#c94dff ;
@ -95,25 +127,33 @@ a {
.mid_text{
font-size: 3.2vw;
margin-top: 30px;
margin-bottom: 30px;
}
.block1{
margin-left: 50px;
}
/*
.blur {
filter: blur(32px);
}*/
.amanda_intro {
position: relative;
background: #ffffff;
position: fixed;
background-color: white;
color: #000000;
font-family: sinistre;
font-size: 20px;
text-align: center;
width: 80%;
height: 12%;
right: 4%;
float: right;
border-radius: 15px;
width: 500px;
height: 220px;
left:30%;
top:10%;
border-radius: 10px;
padding: 20px;
border: #000000 solid 1px;
z-index: 10;
cursor: pointer;
}
.amanda_intro:after {
content: '';
@ -122,11 +162,11 @@ a {
width: 0;
z-index: 1;
border-style: solid;
border-width: 0 20px 20px 0;
border-color: transparent #ffffff transparent transparent;
border-color: #ffffff transparent;
border-width: 20px 15px 0;
bottom: -20px;
left: 80%;
margin-left: -10px;
left: 50%;
margin-left: -15px;
}
.amanda_intro:before {
content: '';
@ -134,37 +174,81 @@ a {
width: 0;
z-index: 0;
border-style: solid;
border-width: 0 21px 21px 0;
border-color: transparent #000000 transparent transparent;
bottom: -22px;
left: 80%;
margin-left: -10px;
border-color: #000000 transparent;
border-width: 21px 16px 0;
bottom: -21.5px;
left: 50%;
margin-left: -16px;
display: block;
}
.scene1{
height: 500px;
width: 100%;
position: absolute;
top:10%;
margin-bottom: 4%;
#amanda{
left: 46.5%;
bottom:38%;
position: fixed;
z-index: 12;
}
#cloud{
left: 41%;
bottom:34%;
/*left:2%;*/
position: fixed;
z-index: 10;
}
#cloud2{
left: 44%;
/*right: 2%;*/
bottom:30%;
position: fixed;
z-index: 10;
}
#amanda_img{
margin-left:85%;
padding-top: 20px;
height: 7vw;
#player_name{
color:#c94dff;
font-family: sinistre;
}
#tree_img{
position: absolute;
height: 8vw;
left:9%;
div.line {
/*display: inline-block;*/
border-top: 0.3vw solid black;
padding-bottom: 40px;
width: 45vw;
transform: rotate(-6deg);
padding-left: 11vw;
z-index: -5;
}
svg {
position: absolute;
top:250px;
z-index:-1;
div.line2 {
display: inline-block;
border-top: 0.3vw solid black;
padding-bottom: 40px;
width: 70vw;
transform: rotate(6deg);
margin-left: 11vw;
z-index: -5;
}
.passage_title{
font-size: 3.2vw;
font-family: jolybolditalic;
}
.passage{
margin-left: 11vw;
}
.quote {
display:none;
}
.clues{
margin-top: 20px;
margin-bottom: 20px;
font-family: sinistre;
}
/* scroll bar */
/* width */
::-webkit-scrollbar {

@ -8,21 +8,25 @@
<link rel="stylesheet" href="final.css">
</head>
<body>
<span id="info_button" ></span>
<span id="info_button" class="blur" ></span>
<div id="info_text" style="display: none;">
<span class="title">When you might go astray</span> is a research project dealing with conspiracy theories, fictional narratives, and how the mutuality between the two shapes the stories of their believers.
The research starts from the following questions: how much of the pervasiveness of conspiracy theories is generated by their compliance to certain narrative schemes? What happens when the legitimate need to generate counter-narratives gets trapped in other kinds of templates?
<br>
<span class="title">When you might go astray</span> deals with these questions by exploring the dangers of conspiracy theories and their entanglement with narrative schemes transforming their believers into heroes on a quest. <br>
The project is divided into two parts: a game, where the player is asked to undertake a journey, and an essay, examining conspiratorial narratives through the lenses of the mono-myth.
The project is divided into two parts: a <a href="park.html" target="_blank">game</a>, where the player is asked to undertake a journey, and an <a href="thesis.html" target="_blank">essay</a>, examining conspiratorial narratives through the lenses of the mono-myth.
<br><br>
<span class="title">When you might go astray</span> has been developed by <a href="https://www.annasandri.com/" target="_blank">Anna Sandri</a> during her studies at the <a href="https://www.pzwart.nl/experimental-publishing/" target="_blank">Experimental Publishing</a> master course, Piet Zwart Institute (NL).
<span class="title">When you might go astray</span> has been developed by <a href="https://www.annasandri.com/" target="_blank">Anna Sandri</a> in the context of the <a href="https://www.pzwart.nl/experimental-publishing/" target="_blank">Experimental Publishing</a> master course, Piet Zwart Institute (NL).
</div>
<img id="amanda"src="imgs/spring_river/amanda.gif">
<div class="amanda_intro">
welcome back <span id="player_name"></span>, I think you already met the oracle.
The oracle you are dealing with is an omniscient narrator, someone who very much likes to scrutinize the characters of their stories. As part of their role, the oracle usually shows to have more knowledge about the characters than they have about themselves. For this time, they are willing to show you what it learned about your journey here. We are going to do this step by step.
I suppose you remember the oracle. They were observing you during your journey and now they want to tell you something.
The oracle is an omniscient narrator, someone who very much likes to scrutinize the characters of their stories. As part of their role, they usually show to have more knowledge about the characters than they have about themselves. This time the oracle is willing to show you what they learned about your journey here ■
</div>
<img id="amanda_img"src="imgs/spring_river/amanda.gif">
<img id="cloud" src="imgs/saurian_headquarter/cloud2.gif" height="120px" >
<img id="cloud2" src="imgs/saurian_headquarter/cloud2.gif" height="120px" >
<!--
<div class="scene1">
@ -34,99 +38,153 @@
-->
<div class="mid_text ">
This might be a bit of a shock for you <span id="player_name"></span> (<span id="player_img"></span>) but it seems that, while looking for your friend Amanda (<img class="inText"src="imgs/spring_river/amanda.gif">) you got caught up in the situation. I was observing you from behind (<img class="inText" src="imgs/avatars/ball1.png" >) and I managed to collect some things that you might have forgotten along the track. I understand that the journey can be really insidious (<img class="inText" src="imgs/spring_river/tree_rotate.gif">) and so I won't judge you: I will only try to show you what happened along the way.
<div class="mid_text blur">
<span style="-webkit-padding-start: 11vw;">This</span> might be a bit of a shock for you <span id="player_name"></span> ( <img class="avatar inText" src=""> ) but it seems that, while looking for your friend Amanda (<img class="inText"src="imgs/spring_river/amanda.gif">) you got caught up in the situation. I (<img class="inText" src="imgs/avatars/ball1.png" >) was observing (<img class="inText" src="imgs/avatars/explore2.gif" >) you from behind and I (<img class="inText" src="imgs/avatars/oracle.gif" >) managed to collect some things that you might have forgotten along the track (<img class="inText"src="imgs/avatars/track.gif">). I understand that the journey (<img class="inText"src="imgs/final/journey.gif">) can be really insidious (<img class="inText" src="imgs/spring_river/tree_rotate.gif">) and so I won't judge you: I will only try to show you what happened along the way.
</div><br><br>
<div class="line"></div>
<div class="mid_text blur">
<span style="-webkit-padding-start: 11vw;">You</span> ( <img class="avatar inText" src=""> ) would be lying to yourself if you told me that you already knew what was going to happen, where you wanted to go, or what you were looking for (<img class="inText"src="imgs/avatars/explore2.gif">) when you started this journey (<img class="inText"src="imgs/final/journey.gif">). The fact is that sometimes all these questions can temporarily take a back seat. On certain days, a path (<img class="inText"src="imgs/avatars/track.gif">) that you didn't explore yet can appear in front of you. You just need to carry on walking (<img class="inText"src="imgs/final/journey2.gif">).
</div>
<div class="mid_text">
You would be lying to yourself if you told me that you already knew what was going to happen, where you wanted to go, or what you were looking for when you started this journey (<img class="inText"src="imgs/final/journey.gif">). The fact is that sometimes all these questions can temporarily take a back seat. On certain days, a path that you didn't explore yet can appear in front of you. You just need to carry on walking (<img class="inText"src="imgs/final/journey2.gif">).
</div>
<div class="quote">
<div class="quote blur">
“A hero ventures forth from the world of common day into a region of supernatural wonder:[...]"<br>
-- J.Campbell, The Hero with a Thousand Faces
</div>
<div id="park_block" style="display:none;">
<u>you waited at the park</u><br>
You were alone in the park, waiting for your friend Amanda. She bailed on you with no explanation. It is quite likely that she just forgot about the appointment. Somehow you think there is much more going on: she doesn't want to meet you anymore or she spent the night at a cool party where you were not invited. Maybe she ended up being part of something even bigger.
<div id="park_block" class="passage" style="display:none;">
<div class="passage_title">you waited at the park</div>
You were alone <a href="park.html" target="_blank">in the park</a>, waiting for your friend Amanda. She bailed on you with no explanation. It is quite likely that she just forgot about the appointment. Somehow you think there is much more going on: she doesn't want to meet you anymore or she spent the night at a cool party where you were not invited. Maybe she ended up being part of something even bigger.
</div>
<div id="newspaper_block" style="display:none;">
<u>you red the newspaper </u><br>
In order to kill time while waiting for your friend, you decided to read the local newspaper. It includes some articles concerning the local elementary school's trip to the Spring River National Park, a suspicious place that according to the anonymous writer N. is not appearing on any official map. N. is also the author of another article, reporting the unspoken episodes of children getting sick after eating the school's canteen. N. suspects the poisoned food is coming from the Monteferro Food Enterprise.
Another article reports the mysterious disappearance of the guests of the city-run cat shelter during the night. Amanda often volunteers for the cat shelter.
<div id="newspaper_block" class="passage" style="display:none;">
<div class="passage_title">you red the newspaper </div>
In order to kill time <a href="park.html" target="_blank">while waiting for your friend</a>, you decided to read the local newspaper. It includes some articles concerning the local elementary school's trip to the <a href="spring_river.html" target="_blank">Spring River National Park</a>, a suspicious place that according to the anonymous writer N. is not appearing on any official map. N. is also the author of another article, reporting the unspoken episodes of children getting sick after eating the <a href="canteen.html" target="_blank">school's canteen</a>. N. suspects the poisoned food is coming from the <a href="monteferro.html" target="_blank">Monteferro Food Enterprise</a>.
Another article reports the mysterious disappearance of the guests of the city-run <a href="cat_shelter.html" target="_blank">cat shelter</a> during the night. Amanda often volunteers for the cat shelter.
</div>
<div id="N_block" style="display:none;">
<u>you looked for the newspaper owner </u><br>
Moved by curiosity, you tried to find the author of the annotations on the newspaper. He turned out to be Ned, a former school janitor whose pen-name is N., the author of the articles concerning the school's suspect activities. Ned or N. is a school's whistleblower. He becomes your guide into the Pleasant Valley Elementary school's scandal.
<div id="N_block" class="passage" style="display:none;">
<div class="passage_title">you looked for the newspaper owner </div>
Moved by curiosity, <a href="park_N.html" target="_blank">you tried to find the author of the annotations on the newspaper</a>. He turned out to be Ned, a former school janitor whose pen-name is N., the author of the articles concerning the school's suspect activities. Ned or N. is a school's whistleblower. He becomes your guide into the Pleasant Valley Elementary school's scandal.
<div class="clues">
In 2017, on the image-board website 4chan, a user named "Q Clearance Patriot" started to drop some alleged government secrets, claiming to be a high-level federal administrator. The clues shared by the supposed government whistleblower originated the conspiracy theory QAnon. The latter is the alt-right conspiracy fantasy asserting the world's rulers are affiliates of a pedophile cabal.
In 2017, on the image-board website 4chan, a user named "Q Clearance Patriot" started to drop some alleged government secrets, claiming to be a high-level federal administrator. The clues shared by the supposed government whistleblower originated the conspiracy theory QAnon. The latter is the alt-right conspiracy fantasy asserting the world's rulers are affiliates of a pedophile cabal.
</div>
</div>
<div class="mid_text">
As you probably noticed, at this point of the journey you seemed to have taken a new turn: confident or not of your findings, you felt like continuing the investigation. This is the moment where you entered a new dimension, unraveling another descending road: the place where the true conflict exists and manifests itself.
<div id="catShelter_block" class="passage" style="display:none;">
<div class="passage_title">you looked for Amanda at the cat shelter </div>
Since you learned about the disappearance of the guests of the cat shelter you started to wonder if Amanda ended up involved in the mysterious occurrence. Knowing that she often volunteers for the cat shelter you headed off to the place to look for her. At your arrival, you neither find Amanda nor the cats. Instead, you met Pat, a parrot who supposedly saw the incident happening and has some information in its regards.
</div>
<div class="quote">
<br><br><br>
<div class="line2"></div>
<div class="mid_text blur">
<span style="-webkit-padding-start: 11vw;">As</span> you ( <img class="avatar inText" src=""> ) probably noticed, at this point of the journey (<img class="inText"src="imgs/final/journey.gif">) you seemed to have taken a new turn: confident or not of your findings, you ( <img class="avatar inText" src=""> ) felt like continuing the investigation (<img class="inText"src="imgs/avatars/glass.gif">). This is the moment where you entered a new dimension, unraveling another descending road (<img class="inText"src="imgs/avatars/track.gif">): the place where the true conflict (<img class="inText"src="imgs/avatars/fire.gif">) exists and manifests itself.
</div>
<div class="quote blur">
"[...] fabulous forces are there encountered and a decisive victory is won:[...]" <br>
-- J.Campbell, The Hero with a Thousand Faces
</div>
<div id="monteferro_block" style="display:none;">
<u>you headed off to the Monteferro Food Enterprise </u><br>
Together with your guide, you went to the Monteferro Food Enterprise, where Ned proposes you to look for traces of fluoride in the company's fields.
<div id="monteferro_block" class="passage" style="display:none;">
<div class="passage_title">you headed off to the Monteferro Food Enterprise </div>
Together with your guide, you went to the <a href="monteferro.html" target="_blank">Monteferro Food Enterprise</a>, where Ned proposes you to look for traces of fluoride in the company's fields.
<div class="clues">
✿ Since the nineties, major agribusinesses like Monsanto have been accused to have introduced and promoted unsafe GMOs in the food supply while deliberately hiding the scientific evidence of their harmfulness. In China, conspiracy theorists like Peng Guangqian have long asserted that Monsanto, together with the Pentagon and leading private foundations in the US, are using GMOs as part of a devious plot to annihilate the Chinese people by causing various diseases and fertility issues. In 2015 an internet hoax alleged that Monsanto was creating genetically modified cannabis to supply to the cannabis industry. <br>
❅ Fluoridation has been the subject of several conspiracy fantasies since the late forties when theories claiming that the technique was pioneered in Nazi Germany to make people submissive to those in power started to spread. In the fifties, some started to believe water fluoridation was in fact a Communist plot to deplete the brainpower of the American citizens. The conspiracy theory has been brought back to life by certain fringes of the New Age community alleging that the massive presence of fluoride in everyday products is causing calcification in certain areas of the brain, limiting its function.
✜ Since the nineties, major agribusinesses like Monsanto have been accused to have introduced and promoted unsafe GMOs in the food supply while deliberately hiding the scientific evidence of their harmfulness. In China, conspiracy theorists like Peng Guangqian have long asserted that Monsanto, together with the Pentagon and leading private foundations in the US, are using GMOs as part of a devious plot to annihilate the Chinese people by causing various diseases and fertility issues. In 2015 an internet hoax alleged that Monsanto was creating genetically modified cannabis to supply to the cannabis industry. <br>
✜ Fluoridation has been the subject of several conspiracy fantasies since the late forties when theories claiming that the technique was pioneered in Nazi Germany to make people submissive to those in power started to spread. In the fifties, some started to believe water fluoridation was in fact a Communist plot to deplete the brainpower of the American citizens. The conspiracy theory has been brought back to life by certain fringes of the New Age community alleging that the massive presence of fluoride in everyday products is causing calcification in certain areas of the brain, limiting its function.
</div>
</div>
<div id="major_block" class="passage" style="display:none;">
<div class="passage_title">you followed Pat to the major's mansion </div>
Pat urged you to <a href="major_house.html" target="_blank">follow the hairballs</a> departing from the <a href="cat_shelter.html" target="_blank">cat shelter</a>. Following the thread, you reached the <a href="major_house.html" target="_blank">major's mansion</a> where Pat reveals to you that the major and his family are not human: they are actually saurians coming from another planet to colonize earth. The <a href="cat_shelter.html" target="_blank">cat shelter</a> is used by them as a way to grow cubs and harvest them as food. Because the saurians are able to assume a human shape, you managed to see their true appearance by using Pat's magnifying lenses.
<div class="clues">
✜ Several theories assert that Saurians, also known as reptilians, are alien beings who originated from the Draco constellation that are now finding themselves colonizing the entire galaxy. Saurians are supposedly invading several planets by occupying positions of power in politics and finance. Their inner nature is malevolent and evil. The idea was popularised by English footballer and sports commentator David Icke who seems to be sure that blood-drinking, shape-shifting reptilian humanoids from the Alpha Draconis star system, now hiding in underground bases, are trying to take over the world.<br>
✜ In 2012 the French writer Renaud Camus hypothesized the existence of a hidden plan also known as "The great replacement" (in French Le Grand Remplacement) aiming at replacing the white Christian population of Europe, North America, Australia, and New Zealand through mass immigration and low birth rates. The theory reached wide consent in far-right, racist, and white-nationalist groups and has been linked, together with the White Genocide conspiracy theory, to mass shootings and terrorist attacks like the one of Christchurch, New Zealand. <br>
✜ In 1988 John Carpenters movie They Live the homeless drifter Nada realizes the world is actually populated and controlled by alien entities who he can only see through a very special type of sunglasses.
Neo Nazis and white suprematist later declared that the movie was an allegory for the Jewish control of the world. The director instead noted that the movie was actually aiming to condemn unrestrained capitalism. </div>
</div>
<div id="canteen_block" style="display:none;">
<u>you went to the school canteen </u><br>
You proceeded to the school canteen in order to find proofs that would incriminate the Monteferro enterprise and the school's administration. It is quite likely that these people, considering their involvement in nefarious activities like giving drugs to children, are not ordinary human beings anymore. It would be better if they were the adepts of a devil-worshippers gang.
<div id="canteen_block" class="passage" style="display:none;">
<div class="passage_title">you went to the school canteen </div>
You proceeded to the <a href="canteen.html" target="_blank">school canteen</a> in order to find proofs that would incriminate the <a href="monteferro.html" target="_blank">Monteferro enterprise</a> and the school's administration. It is quite likely that these people, considering their involvement in nefarious activities like giving drugs to children, are <a href="canteen.html" target="_blank">not ordinary human beings</a> anymore. It would be better if they were the adepts of a devil-worshippers gang.
<div class="clues">
✞ Satanic ritual abuse is the core of several moral panic phenomena that, from the eighties until today, report physical and sexual abuse of people --mainly children-- in the context of occult or Satanic rituals. Most of these cases ensued in trials where, like the case of the McMartin preschool one in the US or the scandal of “the devils of Lower Modena" in Italy, the accusation ended up being contrived. Satanic panic inspired the 2016 sex trafficking scandal Pizzagate and the more recent QAnon theory. This latter asserts that the world-ruling cabal members are using components derived from children's flesh to obtain a powerful drug they all consume called Adrenochrome. The substance has been allegedly introduced to them by performing artist Marina Abramovich.
Satanic ritual abuse is the core of several moral panic phenomena that, from the eighties until today, report physical and sexual abuse of people --mainly children-- in the context of occult or Satanic rituals. Most of these cases ensued in trials where, like the case of the McMartin preschool one in the US or the scandal of “the devils of Lower Modena" in Italy, the accusation ended up being contrived. Satanic panic inspired the 2016 sex trafficking scandal Pizzagate and the more recent QAnon theory. This latter asserts that the world-ruling cabal members are using components derived from children's flesh to obtain a powerful drug they all consume called Adrenochrome. The substance has been allegedly introduced to them by performing artist Marina Abramovich.
</div>
</div>
<div id="pleiadians_block" style="display:none;">
<u>you received a message from the supernatural beings</u><br>
Following Ned's advice, you followed the trails in the sky until you had an epiphany: the supernatural beings appeared in the sky sharing with you their concern about the future of planet earth.
<div id="butcher_block" class="passage" style="display:none;">
<div class="passage_title">you went to the butcher shop </div>
In order to find proof of the saurians' involvement in the kitten's massacre, <a href="butchery.html" target="_blank">you went to the butcher shop</a>. You then realized that some of the meat processed in the storage room actually belongs to the poor cats.
Sadly, Pat has been hit by the saurian butcher. Before she passed she revealed to you that she has reasons to believe that the saurian headquarters lies <a href="bus_station.html" target="_blank">somewhere close to the local bus station</a>.
<div class="clues">
✜ On September 12, 2003, during the provincial election campaign in Canada, a member of the Ontario Conservative Party referred to the leader of the rival liberal party as an "evil reptilian kitten-eater from another planet". The leader of the Conservative Party, later on, admitted that the statement was probably over the top and that he probably drank too much coffee. The indicted, Mr. McGuinty, denied the accusation of ailurophagy. He declared "I love kittens, and I like puppies too," </div>
</div>
<div id="pleiadians_block" class="passage" style="display:none;">
<div class="passage_title">you received a message from the supernatural beings</div>
You followed the trails in the sky until you had an epiphany: the supernatural beings appeared in the sky sharing with you their concern about the future of planet earth.
<div class="clues">
☂The chemtrail conspiracy theory asserts that the water condensation trails left by airplanes in the sky are chemical trails consisting of toxic material which is distributed from the sky in order to poison the population. Chemtrail conspiracy theorists often describe their experience as being akin to a religious conversion experience.<br>
✰According to some UFO/ New Age cults, aliens coming from other planets are part of a galactic confederation that, concerned for earth's future, is trying to help humans to fight evil and make them ascend to higher dimensions. In order to achieve it the aliens, also known as Pleiadians or Nordic Aliens, are often contacting some special individuals to channel them and convey their messages.
The chemtrail conspiracy theory asserts that the water condensation trails left by airplanes in the sky are chemical trails consisting of toxic material which is distributed from the sky in order to poison the population. Chemtrail conspiracy theorists often describe their experience as being akin to a religious conversion experience.<br>
According to some UFO/ New Age cults, aliens coming from other planets are part of a galactic confederation that, concerned for earth's future, is trying to help humans to fight evil and make them ascend to higher dimensions. In order to achieve it the aliens, also known as Pleiadians or Nordic Aliens, are often contacting some special individuals to channel them and convey their messages.
</div>
</div>
<div class="mid_text">
Maybe, despite everything that you had been through, you realised that you had to enter in a phase of a different kind. You made a step for yourself but what about the others? What can you do with your achievements if they cannot be translated for the outer world?
To survive the impact with it is not an easy task.
<br><br> <div class="line"></div>
<div class="mid_text blur">
<span style="-webkit-padding-start: 11vw;">Maybe,</span> despite everything ( <img class="inText" src="imgs/spring_river/tree_rotate.gif"> ) that you had been through, you realised that you had to enter in a phase of a different kind. You ( <img class="avatar inText" src=""> ) made a step for yourself but what about the others ( <img class="inText" src="imgs/avatars/believer.gif"> <img class="inText" src="imgs/avatars/walk.gif"> ) ? What can you do with your achievements if they cannot be translated for the outer ( <img class="inText" src="imgs/avatars/outer.gif"> ) world?
To survive the impact ( <img class="inText" src="imgs/avatars/fire.gif"> ) with it is not an easy task.
</div>
<div class="quote">
<div class="quote blur">
"The hero comes back from this mysterious adventure with the power to bestow boons on his fellow man.” <br>
-- J.Campbell, The Hero with a Thousand Faces
</div>
<div id="square_s_block" style="display:none;">
<u>you recruited your army at the village square</u><br>
By then certain of the school's staff abuse, you headed off to the village square in order to share your findings with the local community and persuade them to interrupt the educational trip.
<div id="square_s_block" class="passage" style="display:none;">
<div class="passage_title">you recruited your army at the village square</div>
By then certain of the school's staff abuse, <a href="square_satanism.html" target="_blank">you headed off to the village square</a> in order to share your findings with the local community and persuade them to <a href="spring_river.html" target="_blank">interrupt the educational trip</a>.
</div>
<div id="river_bank_block" style="display:none;">
<u>you moved to the riverbank</u><br>
Assisted by your army, you proceeded to the ferry stop on the river bank. There you managed to convince the ferryman to guide you to the mysterious location on the school's trip.
<div id="square_saurians_block" class="passage" style="display:none;">
<div class="passage_title">you recruited your army at the village square</div>
<a href="square_saurians.html" target="_blank">You headed off to the village square</a> in order to share your findings with the local community. At your arrival you found some animal rights activist busy with a demonstration: you told them about the kitten slaughter and persuaded them to <a href="bus_station.html" target="_blank">take actions against the saurians</a>.
</div>
<div id="spring_river_block" style="display:none;">
<u>you moved to the riverbank</u><br>
You arrive at the place where the hypothesised abuse is happening. Your journey in the forest finally reaches the spot where the satanic abuse is currently going on. But probably it wasn't really happening.
<div id="river_bank_block" class="passage" style="display:none;">
<div class="passage_title">you moved to the riverbank</div>
Assisted by <a href="square_satanism.html" target="_blank">your army</a>, <a href="river_bank.html" target="_blank">you proceeded to the ferry stop</a> on the river bank. There you managed to convince the ferryman to guide you to the <a href="spring_river.html" target="_blank">mysterious location</a> of the school's trip.
</div>
<div id="bus_block" class="passage" style="display:none;">
<div class="passage_title">you searched for the saurian's headquarter </div>
Together with <a href="square_saurians.html" target="_blank">your army</a>, you headed to the village's <a href="bus_station.html" target="_blank">bus station</a> where you eventually found the entrance to the saurian headquarters underneath an old warehouse.
<div class="clues">
✜Since its opening in 1995, the Denver International Airport has been the subject of several conspiracy theories, some of them asserting that its construction was actually a decoy for the presence of a Lizard people's headquarter as well as a series of secret bunkers, probably built by the Nazis. The rumors seem to be fuelled by several clues, including a capstone referencing Freemasonry and a giant sculpture figuring a blue mustang with red eyes that for someone represents a nod to the Four Horsemen of the Apocalypse. It doesn't help that the author of the latter tragically died when, before the inauguration, a piece of the statue fell on his leg and severed an artery.
</div>
</div>
<div id="spring_river_block" class="passage" style="display:none;">
<div class="passage_title">you reached the Spring River Park</div>
You arrive at the place where the hypothesised abuse is happening. Your journey in the forest finally reaches <a href="spring_river.html" target="_blank">the spot where the satanic abuse is currently going on</a>. But probably it wasn't really happening.
At times, the journey might be getting you to the wrong end of the stick.
<div class="clues">
➳ On December 4, 2016, a 28-year-old man from North Carolina fired his gun at a pizzeria in Washington DC in order to rescue the trafficked children who were allegedly held captive in the restaurant's basement. The restaurant played a relevant role in the Pizzagate conspiracy theory as it became the headquarter of the supposed democratic party's pedophilia ring. The man claimed to be there to self-investigate the theory. <br>
➳ On January 6, 2021, a group of Donald Trump's most fervent supporters, white supremacists, and QAnon disciples stormed the United States Capitol in a violent attack. Most of them believed to be there to liberate the country from a reptilian pedophile cabal.
On December 4, 2016, a 28-year-old man from North Carolina fired his gun at a pizzeria in Washington DC in order to rescue the trafficked children who were allegedly held captive in the restaurant's basement. The restaurant played a relevant role in the Pizzagate conspiracy theory as it became the headquarter of the supposed democratic party's pedophilia ring. The man claimed to be there to self-investigate the theory. <br>
On January 6, 2021, a group of Donald Trump's most fervent supporters, white supremacists, and QAnon disciples stormed the United States Capitol in a violent attack. Most of them believed to be there to liberate the country from a reptilian pedophile cabal.
</div>
</div>
<div class="quote">
<div id="head_block" class="passage" style="display:none;">
<div class="passage_title">you entered the saurians's secret bunker </div>
<a href="saurians_head.html" target="_blank">You reached the saurians headquarters</a> from where the lizard people are managing the earth's invasion and other nefarious activities. You started to fight them until you realized that probably you were not in a battle against evil saurians. Maybe it was only a birthday party. At times, the journey might be getting you to the wrong end of the stick.
<div class="clues">
✜ On December 4, 2016, a 28-year-old man from North Carolina fired his gun at a pizzeria in Washington DC in order to rescue the trafficked children who were allegedly held captive in the restaurant's basement. The restaurant played a relevant role in the Pizzagate conspiracy theory as it became the headquarter of the supposed democratic party's pedophilia ring. The man claimed to be there to self-investigate the theory. <br>
✜ On January 6, 2021, a group of Donald Trump's most fervent supporters, white supremacists, and QAnon disciples stormed the United States Capitol in a violent attack. Most of them believed to be there to liberate the country from a reptilian pedophile cabal.
</div>
</div>
<div class="quote blur">
“... we read novels because they give us the comfortable sensation of living in worlds where the notion of truth is indisputable, while the actual world seems to be a more treacherous place.”<br>
― U. Eco, Six Walks in the Fictional Woods
</div>
<div class="mid_text">
After you met Amanda, you probably found yourself a bit unsettled. Was everything a lie?
Why was (whistleblower) hiding the truth from you? How could you make such an error of judgment?
I can't really say, I suppose you only took this turn for the sake of it. It really didn't matter why, and most importantly, you really didn't care if the signals you were grasping were real or illusionary, if the people you met along the way were lying to you or not.
I am also suggesting is that what happened can be considered unimportant: it only served the purpose of distracting yourself and giving you with temporary glimpses of possible adventures. If I were you, I want bother too much to understand what these symbols (pills, weapons, whatever) and characters (pat, saurians, ecc) meant. As far as I am concerned, as right or wrong they can be, hidden in this corner, they are not hurting anyone.
<br><br><br><div class="line2"></div>
<div class="mid_text blur">
<span style="-webkit-padding-start: 11vw;">After</span> you met Amanda (<img class="inText"src="imgs/spring_river/amanda.gif">), you probably found yourself a bit unsettled. Was everything a lie?
How could you make such an error (<img class="inText"src="imgs/avatars/sad.gif">) of judgment?
I (<img class="inText"src="imgs/avatars/oracle.gif">)can't really say, I suppose you only took this turn (<img class="inText"src="imgs/avatars/horse.gif">) for the sake of it. It really didn't matter why, and most importantly, you really didn't care if the signals (<img class="inText"src="imgs/avatars/explore2.gif">) you were grasping were real or illusionary, if the people you met along the way were lying to you or not.
I am also suggesting is that what happened can be considered unimportant: it only served the purpose of distracting yourself and giving you with temporary glimpses of possible adventures (<img class="inText"src="imgs/avatars/fiction.gif">). If I were you, I want bother too much to understand what these symbols (<img class="inText"src="imgs/avatars/rept.gif">) and characters (<img class="inText"src="imgs/avatars/walk.gif">) meant. As far as I am concerned, as right or wrong they can be, hidden in this corner, they are not hurting anyone.
</div>
@ -138,15 +196,70 @@ I am also suggesting is that what happened can be considered unimportant: it onl
//player name
document.querySelector('#player_name').innerHTML =localStorage.playerName;
//player img
/*player img
var img = document.createElement("img");
img.src = localStorage.myavatar;
var player_img = document.querySelector("#player_img");
player_img.appendChild(img);
*/
//checks story development
window.onload = function (){
//get player avatar
if (localStorage.myavatar === "imgs/avatars/avatar1.gif" ) {
console.log ("avatar url:",localStorage.myavatar);
$(".avatar").attr("src", "imgs/avatars/avatar1.gif")
}
if (localStorage.myavatar === "imgs/avatars/avatar2.gif" ) {
console.log ("avatar url:",localStorage.myavatar);
$(".avatar").attr("src", "imgs/avatars/avatar2.gif")
}
if (localStorage.myavatar === "imgs/avatars/avatar3.gif" ) {
console.log ("avatar url:",localStorage.myavatar);
$(".avatar").attr("src", "imgs/avatars/avatar3.gif")
}
if (localStorage.myavatar === "imgs/avatars/avatar4.gif" ) {
console.log ("avatar url:",localStorage.myavatar);
$(".avatar").attr("src", "imgs/avatars/avatar4.gif")
}
if (localStorage.myavatar === "imgs/avatars/avatar5.gif" ) {
console.log ("avatar url:",localStorage.myavatar);
$(".avatar").attr("src", "imgs/avatars/avatar5.gif")
}
if (localStorage.myavatar === "imgs/avatars/avatar6.gif" ) {
console.log ("avatar url:",localStorage.myavatar);
$(".avatar").attr("src", "imgs/avatars/avatar6.gif")
}
if (localStorage.myavatar === "imgs/avatars/avatar7.gif" ) {
console.log ("avatar url:",localStorage.myavatar);
$(".avatar").attr("src", "imgs/avatars/avatar7.gif")
}
if (localStorage.myavatar === "imgs/avatars/avatar8.gif" ) {
console.log ("avatar url:",localStorage.myavatar);
$(".avatar").attr("src", "imgs/avatars/avatar8.gif")
}
if (localStorage.myavatar === "imgs/avatars/avatar9.gif" ) {
console.log ("avatar url:",localStorage.myavatar);
$(".avatar").attr("src", "imgs/avatars/avatar9.gif")
}
if (localStorage.myavatar === "imgs/avatars/avatar10.gif" ) {
console.log ("avatar url:",localStorage.myavatar);
$(".avatar").attr("src", "imgs/avatars/avatar10.gif")
}
if (localStorage.myavatar === "imgs/avatars/avatar11.gif" ) {
console.log ("avatar url:",localStorage.myavatar);
$(".avatar").attr("src", "imgs/avatars/avatar11.gif")
}
if (localStorage.myavatar === "imgs/avatars/avatar12.gif" ) {
console.log ("avatar url:",localStorage.myavatar);
$(".avatar").attr("src", "imgs/avatars/avatar12.gif")
}
var park = document.querySelector("#park_block");
var news = document.querySelector("#newspaper_block");
var look_for_N = document.querySelector("#N_block");
@ -156,6 +269,12 @@ window.onload = function (){
var square_s = document.querySelector("#square_s_block");
var river_bank = document.querySelector("#river_bank_block");
var spring_river = document.querySelector("#spring_river_block");
var cat_shelter = document.querySelector("#cat_shelter_block");
var major = document.querySelector("#major_block");
var butcher = document.querySelector("#butcher_block");
var square_sau = document.querySelector("#square_saurians_block");
var bus = document.querySelector("#bus_block");
var head = document.querySelector("#head_block");
if (localStorage.park === "opened" ) {
console.log ("park:",localStorage.park);
@ -193,13 +312,44 @@ window.onload = function (){
console.log ("spring River:",localStorage.spring_river );
spring_river.style.display ="block";
}
if (localStorage.cat_shelter_page === "opened" ) {
console.log ("cat shelter:",localStorage.cat_shelter_page );
cat_shelter.style.display ="block";
}
if (localStorage.major_house === "opened" ) {
console.log ("major house:",localStorage.major_house );
major.style.display ="block";
}
if (localStorage.butchery === "opened" ) {
console.log ("butcher shop:",localStorage.butchery );
butcher.style.display ="block";
}
if (localStorage.square_saurians === "opened" ) {
console.log ("square saurians:",localStorage.square_saurians );
square_sau.style.display ="block";
}
if (localStorage.bus_station === "opened" ) {
console.log ("bus station:",localStorage.bus_station );
bus.style.display ="block";
}
if (localStorage.saurians_headquarter === "opened" ) {
console.log ("saurians headquarter:",localStorage.saurians_headquarter );
head.style.display ="block";
}
}
// buttons
$("#info_button").click( function () {
$("#info_text").toggle();
/*$("#info_button").toggleClass("blur_background");*/
});
$(".amanda_intro").click( function () {
$(".amanda_intro, #amanda, #cloud, #cloud2").hide();
});
</script>
<script type="text/javascript" src="index.js" ></script>

BIN
tree/imgs/.DS_Store vendored

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

@ -28,7 +28,10 @@
body{
font-size: 4vw;
margin:2.5%;
padding-left:4%;
padding-top:2.5%;
padding-right:2.5%;
padding-bottom: 2.5%;
font-family: sinistre;
line-height: 5.3vw;
max-width: 100%;
@ -89,24 +92,84 @@ button {
color:black;
cursor:pointer;
font-size: 4vw;
padding-bottom:0.5vw;
padding-bottom:0.7vw;
}
button:hover {
border: 0.2vw #d166ff solid;
border: 0.2vw transparent solid;
color: #d166ff;
-webkit-box-shadow: 0px 0px 8px 5px #c94dff;
-moz-box-shadow: 0px 0px 8px 5px #c94dff;
box-shadow: 0px 0px 8px 5px #c94dff;
}
.special_button{
color: #c94dff;
cursor: pointer;
}
.special_button:hover{
color: #c94dff;
cursor: pointer;
filter: blur(2px);
}
span.button_text{
padding:1vw;
}
#info_box {
position: absolute;
bottom:7%;
right:4%;
font-size: 22px;
line-height: 25px;
color: #c94dff;
background: #ffffff;
font-family: jolyregular;
text-align: center;
width: 550px;
height: 115px;
border-radius: 10px;
padding: 15px;
border: #c94dff solid 1px;
}
#info_box:after {
content: '';
position: absolute;
display: block;
width: 0;
z-index: 1;
border-style: solid;
border-color: #ffffff transparent;
border-width: 20px 15px 0;
bottom: -20px;
left: 77%;
margin-left: -15px;
}
#info_box:before {
content: '';
position: absolute;
width: 0;
z-index: 0;
border-style: solid;
border-color: #c94dff transparent;
border-width: 21px 16px 0;
bottom: -21.5px;
left: 77%;
margin-left: -16px;
display: block;
}
a {
color: #c94dff;
}
div.line {
display: inline-block;
border-top: 0.3vw solid black;
padding-bottom: 20px;
width: 15vw;
transform: rotate(4deg);
width: 14vw;
transform: rotate(-4deg);
}
div.line3 {

@ -9,35 +9,37 @@
</head>
<body>
<div id="info_box" style="display: none;">
This project has been developed by <a href="https://www.annasandri.com/" target="_blank">Anna Sandri</a> in the context of the <a href="https://www.pzwart.nl/experimental-publishing/" target="_blank">Experimental Publishing</a> master course, Piet Zwart Institute (NL).
</div>
<div class="step1">
<span class="special1"style="-webkit-padding-start: 15vw;">When you might go astray</span> <span class="special1">( <img src="imgs/avatars/tree.gif" height="65vw">, <img src="imgs/avatars/amanda.gif" height="65vw">, <img src="imgs/avatars/fire.gif" height="65vw"> )</span>
is a research project exploring conspiracy fantasies <span class="special1">( <img src="imgs/avatars/ball2.gif" height="65vw"> , <img src="imgs/avatars/rept.gif" height="65vw"> , <img src="imgs/avatars/ball1.png" height="65vw"> )</span> and their entanglement with
fictional narratives <span class="special2">( <img src="imgs/avatars/oracle.gif" height="65vw"> , <img src="imgs/avatars/fiction.gif" height="65vw"> , <img src="imgs/avatars/fantasy.gif" height="65vw"> )</span> transforming their believers into
heroes <span class="special2">( <img src="imgs/avatars/hero2.gif" height="65vw"> , <img src="imgs/avatars/fighter1.gif" height="65vw"> , <img src="imgs/avatars/hero3.gif" height="65vw"> )</span> on a quest.
<span class=" info_button special_button"></span> <span class="special1"style="-webkit-padding-start: 11vw;">When you might go astray</span> <span class="special1">( <img src="imgs/avatars/tree.gif" height="65vw">, <img src="imgs/avatars/amanda.gif" height="65vw">, <img src="imgs/avatars/fire.gif" height="65vw"> )</span>
is a research <span class="special1">( <img src="imgs/avatars/fiction.gif" height="65vw">)</span> project exploring <span class="special1">( <img src="imgs/avatars/glass.gif" height="65vw">) conspiracy fantasies ( <img src="imgs/avatars/ball2.gif" height="65vw"> , <img src="imgs/avatars/rept.gif" height="65vw"> , <img src="imgs/avatars/ball1.png" height="65vw"> )</span> and their entanglement with
<span class="special1">fictional narratives ( <img src="imgs/avatars/oracle.gif" height="65vw"> , <img src="imgs/avatars/fiction.gif" height="65vw"> , <img src="imgs/avatars/fantasy.gif" height="65vw"> )</span> transforming their believers <span class="special2">( <img src="imgs/avatars/believer.gif" height="65vw">)</span> into
heroes <span class="special1">( <img src="imgs/avatars/hero2.gif" height="65vw"> , <img src="imgs/avatars/parrot.gif" height="65vw"> , <img src="imgs/avatars/hero3.gif" height="65vw"> )</span> on a quest.
<br>
<div class="line"></div> Do you want to hear more about it? <button id="step1_yes"><span class="button_text"> yes </span></button><span class="special1"> / </span><button id="step1_no"><span class="button_text"> no </span></button>
</div>
<div class="step1_2" style="display: none;">
<button class="backto1"></button><span style="-webkit-padding-start: 10vw;">I'm</span> afraid <span class="special1">( <img src="imgs/avatars/sad.gif" height="65vw"> )</span> I don't have much to make you stay here in this case.<br>
<span style="-webkit-padding-start: 15vw;">Do</span> you maybe want to play a game <span class="special1">( <img src="imgs/avatars/game.gif" height="65vw"> )</span> ? <button id="step1_2_yes"><span class="button_text"> yes </span></button><span class="special1"> / </span><button id="step1_2_no"><span class="button_text"> no </span></button>
<span class="backto1 special_button"></span><span style="-webkit-padding-start: 11vw;">I'm</span> afraid <span class="special1">( <img src="imgs/avatars/sad.gif" height="65vw"> )</span> I don't have much to make you stay here in this case.<br>
<div class="line"></div>Do you maybe want to play a game <span class="special1">( <img src="imgs/avatars/game.gif" height="65vw"> )</span> ? <button id="step1_2_yes"><span class="button_text"> yes </span></button><span class="special1"> / </span><button id="step1_2_no"><span class="button_text"> no </span></button>
</div>
<div class="step2" style="display: none;">
<button class="backto1"></button><span class="special1"style="-webkit-padding-start: 10vw;">When you might go astray</span><span class="special1"> ( <img src="imgs/avatars/tree.gif" height="65vw">, <img src="imgs/avatars/amanda.gif" height="65vw">, <img src="imgs/avatars/fire.gif" height="65vw"> )</span> is divided into two parts: a <span class="special1">game ( <img src="imgs/avatars/game.gif" height="65vw"> )</span> where the <span class="special1"> player ( <img src="imgs/avatars/walk.gif" height="65vw"> )</span>, is asked to undertake a <span class="special1">journey ( <img src="imgs/avatars/horse.gif" height="65vw"> )</span>, and an <span class="special1"> essay ( <img src="imgs/avatars/fiction.gif" height="65vw">) </span>, examining conspiratorial narratives through the <span class="special1">lenses ( <img src="imgs/avatars/glass.gif" height="65vw"> )</span> of the mono-myth.<br>
<span class="backto1 special_button"></span><span class="special1"style="-webkit-padding-start: 11vw;">When you might go astray</span><span class="special1"> ( <img src="imgs/avatars/tree.gif" height="65vw">, <img src="imgs/avatars/amanda.gif" height="65vw">, <img src="imgs/avatars/fire.gif" height="65vw"> )</span> is divided into two parts: a <span class="special1">game ( <img src="imgs/avatars/game.gif" height="65vw"> )</span> where the <span class="special1"> player ( <img src="imgs/avatars/walk.gif" height="65vw"> )</span> is asked to undertake a <span class="special1">journey ( <img src="imgs/avatars/horse.gif" height="65vw"> )</span>, and an <span class="special1"> essay ( <img src="imgs/avatars/fiction.gif" height="65vw">) </span>, examining conspiratorial narratives through the <span class="special1">lenses ( <img src="imgs/avatars/glass.gif" height="65vw"> )</span> of the mono-myth.<br>
<div class="line"></div> Do you want to play the game? <button id="step2_yes"><span class="button_text"> yes </span></button><span class="special1"> / </span><button id="step2_no"><span class="button_text"> no </span></button>
</div>
<div class="step2_1" style="display: none;">
<button class="backto2"></button><span class="special1"style="-webkit-padding-start: 10vw;">When you might go astray</span><span class="special1"> ( <img src="imgs/avatars/tree.gif" height="65vw">, <img src="imgs/avatars/amanda.gif" height="65vw">, <img src="imgs/avatars/fire.gif" height="65vw"> )</span> is divided into two parts: a <span class="special1">game ( <img src="imgs/avatars/game.gif" height="65vw"> )</span> where the <span class="special1"> player ( <img src="imgs/avatars/walk.gif" height="65vw"> )</span>, is asked to undertake a <span class="special1">journey ( <img src="imgs/avatars/horse.gif" height="65vw"> )</span>, and an <span class="special1"> essay ( <img src="imgs/avatars/fiction.gif" height="65vw">) </span>, examining conspiratorial narratives through the <span class="special1">lenses ( <img src="imgs/avatars/glass.gif" height="65vw"> )</span> of the mono-myth.<br>
<span class="backto2 special_button"></span><span class="special1"style="-webkit-padding-start: 11vw;">When you might go astray</span><span class="special1"> ( <img src="imgs/avatars/tree.gif" height="65vw">, <img src="imgs/avatars/amanda.gif" height="65vw">, <img src="imgs/avatars/fire.gif" height="65vw"> )</span> is divided into two parts: a <span class="special1">game ( <img src="imgs/avatars/game.gif" height="65vw"> )</span> where the <span class="special1"> player ( <img src="imgs/avatars/walk.gif" height="65vw"> )</span> is asked to undertake a <span class="special1">journey ( <img src="imgs/avatars/horse.gif" height="65vw"> )</span>, and an <span class="special1"> essay ( <img src="imgs/avatars/fiction.gif" height="65vw">) </span>, examining conspiratorial narratives through the <span class="special1">lenses ( <img src="imgs/avatars/glass.gif" height="65vw"> )</span> of the mono-myth.<br>
<div class="line"></div> Do you want to read the essay? <button id="step2_1_yes"><span class="button_text"> yes </span></button><span class="special1"> / </span><button id="step2_1_no"><span class="button_text"> no </span></button>
</div>
<div class="step3" style="display: none;">
<button class="backto2"></button><span style="-webkit-padding-start: 10vw;">You</span> will be there soon, but before you need to know something. Along this <span class="special1"> journey ( <img src="imgs/avatars/horse.gif" height="65vw"> )</span> , someone who we will call the <span class="special1">oracle (<img src="imgs/avatars/ball1.png" height="60vw">,<img src="imgs/avatars/ball2.gif" height="60vw">,<img src="imgs/avatars/ball4.gif" height="60vw">)</span> will follow your steps. They won't bother you. You just have to wake them up <span class="special1">( <img src="imgs/avatars/sleep.gif" height="65vw"> )</span>.<br>
<span class="backto2 special_button"></span><span style="-webkit-padding-start: 11vw;">You</span> will be there soon, but before you need to know something. Along this <span class="special1"> journey ( <img src="imgs/avatars/horse.gif" height="65vw"> )</span> , someone who we will call the <span class="special1">oracle (<img src="imgs/avatars/ball1.png" height="60vw">,<img src="imgs/avatars/ball2.gif" height="60vw">,<img src="imgs/avatars/ball4.gif" height="60vw">)</span> will follow your steps <span class="special1">( <img src="imgs/avatars/walk.gif" height="65vw"> )</span>. They won't bother you. You just have to wake them up <span class="special1">( <img src="imgs/avatars/sleep.gif" height="65vw"> )</span>.<br>
<div class="line"></div> Do you want to summon the game's oracle?<button id="step3_yes"><span class="button_text"> yes </span></button ><span class="special1"> / </span><button id="step3_no"><span class="button_text"> no </span></button>
</div>
<div class="step4" style="display: none;">
<button class="backto3"></button><span style="-webkit-padding-start: 10vw;">You</span> summoned the <span class="special1">oracle (<img src="imgs/avatars/ball1.png" height="60vw">,<img src="imgs/avatars/ball2.gif" height="60vw">,<img src="imgs/avatars/ball4.gif" height="60vw">)</span>
. You are now ready to start a journey: throughout it you will be called
<span class="backto3 special_button"></span><span style="-webkit-padding-start: 11vw;">You</span> summoned the <span class="special1">oracle ( <img src="imgs/avatars/ball1.png" height="60vw">,<img src="imgs/avatars/ball2.gif" height="60vw">,<img src="imgs/avatars/ball4.gif" height="60vw"> )</span>
. You are now ready to start your adventure: throughout it you will be called
<form name="nameForm">
<input id="player_name" type="text" >
</form>
@ -139,6 +141,10 @@ you can press
<script src="jquery.min.js"></script>
<script>
$(".info_button").click( function () {
$("#info_box").toggle();
});
$("#step1_yes").click( function () {
$(".step1").hide();
$(".step2").show();

@ -38,7 +38,7 @@ var inputPlayer = document.querySelector('#player_name').value;
localStorage.playerName=inputPlayer;
if (document.querySelector('#player_name').value === '') {
alert('Dear visitor, in order to start you journey you are kindly asked to type you name and choose your avatar');
alert('Dear venturer, in order to start your journey in this game you are kindly asked to type you name and choose your avatar');
}
else {
window.location.href = "park.html";

@ -95,8 +95,8 @@
// saves game step in the local storage
window.onload = function() {
window.localStorage.setItem("square_satanism","opened");
console.log ("square satanism:",localStorage.square_satanism);
window.localStorage.setItem("square_saurians","opened");
console.log ("square saurians:",localStorage.square_saurians);
$(".fighters").html("0");
}

Loading…
Cancel
Save