diff --git a/.DS_Store b/.DS_Store index b2d0c00..ab21c53 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/tree/.DS_Store b/tree/.DS_Store index a1e8f5c..dc61a80 100644 Binary files a/tree/.DS_Store and b/tree/.DS_Store differ diff --git a/tree/final.css b/tree/final.css new file mode 100644 index 0000000..6b3b6db --- /dev/null +++ b/tree/final.css @@ -0,0 +1,190 @@ +@font-face { + font-family: sinistre; + src: url(fonts/Sinistre-StCaroline.woff), + url(fonts/Sinistre-StCaroline.otf); +} +@font-face { + font-family: jolybolditalic; + src: url(fonts/JolyDisplay-BoldDisplayItalic.woff), + url(fonts/JolyDisplay-BoldDisplayItalic.otf); +} + +@font-face { + font-family: jolyregularitalic; + src: url(fonts/JolyDisplay-RegularDisplayItalic.woff), + url(fonts/JolyDisplay-RegularDisplayItalic.otf); +} +@font-face { + font-family: jolyregular; + src: url(fonts/JolyDisplay-RegularDisplay.woff), + url(fonts/JolyDisplay-RegularDisplay.otf); +} + +@font-face { + font-family: jolyheavyitalic; + src: url(fonts/JolyDisplay-HeavyDisplayItalic.woff), + url(fonts/JolyDisplay-HeavyDisplayItalic.otf); +} + +/*light violet:#d166ff/ violet:#c94dff */ + +body{ + font-size: 1.5vw; + margin:2.5%; + font-family: jolyregular; + max-width: 100%; + max-height: 100%; +} +::-moz-selection { /* Code for Firefox */ + color: #c94dff; + background-color: white; + + } +::selection { + color: #c94dff; + background-color: white; + + } + +#info_text::-moz-selection { /* Code for Firefox */ + background-color: white; + color:black; + } +#info_text::selection { + background-color: white; + color:black; + } +img.inText{ + height:3vw; +} +#info_button{ + left:4%; + position: fixed; + font-size: 4vw; + color:#c94dff ; + z-index: 5; + cursor: pointer; +} + +.blur_background { + filter: blur(2px); +} + +#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; + 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; +} +a { + color:#c94dff ; +} +.title{ + font-family: jolybolditalic; +} + +.mid_text{ + font-size: 3.2vw; +} +.block1{ + margin-left: 50px; +} + +.amanda_intro { + position: relative; + background: #ffffff; + color: #000000; + font-family: sinistre; + font-size: 20px; + text-align: center; + width: 80%; + height: 12%; + right: 4%; + float: right; + border-radius: 15px; + padding: 20px; + border: #000000 solid 1px; +} +.amanda_intro:after { + content: ''; + position: absolute; + display: block; + width: 0; + z-index: 1; + border-style: solid; + border-width: 0 20px 20px 0; + border-color: transparent #ffffff transparent transparent; + bottom: -20px; + left: 80%; + margin-left: -10px; +} +.amanda_intro:before { + content: ''; + position: absolute; + 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; + display: block; +} +.scene1{ + height: 500px; + width: 100%; + position: absolute; + top:10%; + margin-bottom: 4%; +} + +#amanda_img{ + margin-left:85%; + padding-top: 20px; + height: 7vw; +} +#tree_img{ + position: absolute; + height: 8vw; + left:9%; +} +svg { + position: absolute; + top:250px; + z-index:-1; +} + +/* scroll bar */ +/* width */ +::-webkit-scrollbar { + color:white; + width: 10px; + height: 10px; + } + + /* Track */ + ::-webkit-scrollbar-track { + background: white; + } + + /* Handle */ + ::-webkit-scrollbar-thumb { + background: #c94dff; + border-radius: 15px; + } + + /* Handle on hover */ + ::-webkit-scrollbar-thumb:hover { + background: white; + } \ No newline at end of file diff --git a/tree/final.html b/tree/final.html index 30ff0ae..40b4401 100644 --- a/tree/final.html +++ b/tree/final.html @@ -4,17 +4,47 @@ oracle - + + + ⓘ +
- (), 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. The oracle usually shows 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. We are going to do this step by step. + welcome back , 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.
+ + + + + +
+This might be a bit of a shock for you () but it seems that, while looking for your friend Amanda () you got caught up in the situation. I was observing you from behind () and I managed to collect some things that you might have forgotten along the track. I understand that the journey can be really insidious () and so I won't judge you: I will only try to show you what happened along the way. +
+
+ 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 (). 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 (). +
“A hero ventures forth from the world of common day into a region of supernatural wonder:[...]"
-- J.Campbell, The Hero with a Thousand Faces
+ - +
+ 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. +
"[...] fabulous forces are there encountered and a decisive victory is won:[...]"
-- J.Campbell, The Hero with a Thousand Faces @@ -60,12 +92,15 @@ ✰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.
- +
+ 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 but you decided to come back home and share your journey. + +
"The hero comes back from this mysterious adventure with the power to bestow boons on his fellow man.”
-- J.Campbell, The Hero with a Thousand Faces
- -
-“... 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.”
-― U. Eco, Six Walks in the Fictional Woods -
+ “... 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.”
+ ― U. Eco, Six Walks in the Fictional Woods + +
+ 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. +
+ diff --git a/tree/imgs/.DS_Store b/tree/imgs/.DS_Store index fde61e9..b0c0c0f 100644 Binary files a/tree/imgs/.DS_Store and b/tree/imgs/.DS_Store differ diff --git a/tree/imgs/final/.DS_Store b/tree/imgs/final/.DS_Store new file mode 100644 index 0000000..1b47833 Binary files /dev/null and b/tree/imgs/final/.DS_Store differ diff --git a/tree/imgs/final/journey.gif b/tree/imgs/final/journey.gif new file mode 100644 index 0000000..8c5afe1 Binary files /dev/null and b/tree/imgs/final/journey.gif differ diff --git a/tree/imgs/final/journey2.gif b/tree/imgs/final/journey2.gif new file mode 100644 index 0000000..f897b75 Binary files /dev/null and b/tree/imgs/final/journey2.gif differ diff --git a/tree/imgs/final/oracle.gif b/tree/imgs/final/oracle.gif new file mode 100644 index 0000000..d2c0a84 Binary files /dev/null and b/tree/imgs/final/oracle.gif differ diff --git a/tree/index.css b/tree/index.css index fef492b..8fea844 100644 --- a/tree/index.css +++ b/tree/index.css @@ -34,6 +34,62 @@ body{ max-width: 100%; max-height: 100%; } +::-moz-selection { /* Code for Firefox */ + background-color: white; + + } +::selection { + background-color: white; + + } + +#info_text::-moz-selection { /* Code for Firefox */ + background-color: white; + color:black; + } +#info_text::selection { + background-color: white; + color:black; + } +#info_button{ + left:4%; + position: fixed; + font-size: 4vw; + color:#c94dff ; + z-index: 5; + cursor: pointer; +} + +.blur_background { + filter: blur(2px); +} + +#info_text{ + position: fixed; + font-size: 1.5vw; + line-height: initial; + z-index: 10; + color:#c94dff ; + font-family: jolyregular; + background-color: white; + top:20%; + right:20%; + left:20%; + padding: 20px; + 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; +} + +a { + color:#c94dff ; +} + + +.title{ + font-family: jolybolditalic; +} span.special1{ font-family: jolybolditalic; diff --git a/tree/index.html b/tree/index.html index d8eceea..c3095ac 100644 --- a/tree/index.html +++ b/tree/index.html @@ -9,6 +9,16 @@ + ⓘ +
It looks like you have been summoned by the oracle (,,)
you will be asked to start a journey: throughout it you will be called @@ -110,23 +120,24 @@ you can press when you are ready
+ - - \ No newline at end of file diff --git a/tree/index.js b/tree/index.js index d5b1535..fa38f3d 100644 --- a/tree/index.js +++ b/tree/index.js @@ -38,7 +38,7 @@ var inputPlayer = document.querySelector('#player_name').value; localStorage.playerName=inputPlayer; if (document.querySelector('#player_name').value === '') { - alert('Please insert you name and choose your avatar'); + alert('Dear visitor, in order to start you journey you are kindly asked to type you name and choose your avatar'); } else { window.location.href = "park.html";