diff --git a/tree/final.css b/tree/final.css index e50d763..c7b1b2b 100644 --- a/tree/final.css +++ b/tree/final.css @@ -87,7 +87,7 @@ img.inText{ border-radius: 10px; z-index: 0; font-size: 22px; - line-height: 25px; + line-height: 20px; padding: 15px; z-index: 1; @@ -230,6 +230,7 @@ div.line2 { .passage_title{ font-size: 3.2vw; font-family: jolybolditalic; + margin-bottom: 10px; } .passage{ margin-left: 11vw; diff --git a/tree/final.html b/tree/final.html index 7788e9b..cbde7e1 100644 --- a/tree/final.html +++ b/tree/final.html @@ -14,8 +14,8 @@ 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?
When you might go astray 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.
- 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. -

+ Half of this research is translated into the game you just played, the other half takes the shape of an essay. You can read it here, from top to bottom, or you can reach some of its parts by following the clues distributed in this page.
+
When you might go astray has been developed by Anna Sandri in the context of the Experimental Publishing master course, Piet Zwart Institute (NL). @@ -181,10 +181,11 @@


- After you met Amanda (), you probably found yourself a bit unsettled. Was everything a lie? -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 () and characters () meant. As far as I am concerned, as right or wrong they can be, hidden in this corner, they are not hurting anyone. + After you met Amanda (), you probably found yourself a bit unsettled. Was everything a lie? How could you make such an error of judgment () ? I () can't really say, I have the impression you took this turn () without thinking it thoroughly, probably comforted by the fact that the world () you just explored () seems to exist only in a limited number of browser tabs. +This is why I am guessing that for you, ( ), it was not so important to understand if the signals () you were getting from your surroundings were real or illusionary. Or if the people you met along the way were lying to you. +If you considered what happened here really insignificant I would understand: in this place (), whatever wrong turn you might have taken was not affecting anything but you. +As well, I do think that you are probably not the kind of person that is prone to be fooled by such silly clues in the outer world. Forgive me if you got this impression from me (). +I wanted to leave you with something to think about when you'll be outside () again: it seems there are some spaces, or moments, in the head of the players (), when certain laws can be entirely suspended, while all is left is something that pushes you to abandon the position of common venturer (), no matter how far that will bring you.
@@ -207,6 +208,10 @@ var img = document.createElement("img"); window.onload = function (){ + //remembers that you reached the end of the game + window.localStorage.setItem("final","opened"); + console.log ("final:",localStorage.final) + //get player avatar if (localStorage.myavatar === "imgs/avatars/avatar1.gif" ) { console.log ("avatar url:",localStorage.myavatar); diff --git a/tree/imgs/avatars/globe.gif b/tree/imgs/avatars/globe.gif new file mode 100644 index 0000000..46ee778 Binary files /dev/null and b/tree/imgs/avatars/globe.gif differ diff --git a/tree/imgs/avatars/signal.gif b/tree/imgs/avatars/signal.gif new file mode 100644 index 0000000..7751c1d Binary files /dev/null and b/tree/imgs/avatars/signal.gif differ diff --git a/tree/park.css b/tree/park.css index 85ef905..3b737cf 100644 --- a/tree/park.css +++ b/tree/park.css @@ -438,7 +438,76 @@ a:hover { display: block; } +.button_memory{ + -webkit-appearance: none; + background-color: white; + /*border: 1px #c94dff solid; + border-radius: 25em;*/ + border: none; + text-decoration: underline solid 1px; + color:#c94dff; + cursor:pointer; + font-family: jolybolditalic; + font-size: 21px; +} +.button_memory:hover{ + +border: none; +-webkit-box-shadow: none; +-moz-box-shadow: none; +box-shadow: none; +/* +-webkit-box-shadow: 0px 0px 8px 1px #c94dff; +-moz-box-shadow: 0px 0px 8px 1px #c94dff; +box-shadow: 0px 0px 8px 1px #c94dff; +*/ +text-decoration: underline solid 3px; + +} + +.memory { + position: fixed; + color:#c94dff ; + font-family: jolyregular; + background-color: white; + top:7%; + right:4%; + border:1px #c94dff solid; + font-size: 22px; + line-height: 30px; + width: 800px; + height: 150px; + border-radius: 10px; + padding: 20px; + z-index: 100; +} +.memory:after { + content: ''; + position: absolute; + display: block; + width: 0; + z-index: 1; + border-style: solid; + border-color: #ffffff transparent; + border-width: 0 20px 20px; + top: -20px; + left: 80%; + margin-left: -20px; +} +.memory:before { + content: ''; + position: absolute; + width: 0; + z-index: 0; + border-style: solid; + border-color: #c94dff transparent; + border-width: 0 21px 21px; + top: -21.5px; + left: 80%; + margin-left: -21px; + display: block; +} diff --git a/tree/park.html b/tree/park.html index 75f2e77..15e088e 100644 --- a/tree/park.html +++ b/tree/park.html @@ -9,6 +9,11 @@ + + +