From 6385e47fd06fb75d8f989543c34f13fb5be04875 Mon Sep 17 00:00:00 2001 From: *anna* Date: Tue, 15 Jun 2021 18:21:27 +0200 Subject: [PATCH] hei --- .DS_Store | Bin 14340 -> 14340 bytes tree/.DS_Store | Bin 10244 -> 10244 bytes tree/bus_station.html | 4 +- tree/cat_shelter.html | 4 +- tree/final.css | 174 +++++++++++++----- tree/final.html | 276 +++++++++++++++++++++------- tree/imgs/.DS_Store | Bin 18436 -> 18436 bytes tree/imgs/avatars/.DS_Store | Bin 6148 -> 8196 bytes tree/imgs/avatars/.ball3.gif.icloud | Bin 159 -> 0 bytes tree/imgs/avatars/believer.gif | Bin 0 -> 21388 bytes tree/imgs/avatars/explore1.gif | Bin 0 -> 6827 bytes tree/imgs/avatars/explore2.gif | Bin 0 -> 5423 bytes tree/imgs/avatars/outer.gif | Bin 0 -> 20913 bytes tree/imgs/avatars/track.gif | Bin 0 -> 2543 bytes tree/index.css | 73 +++++++- tree/index.html | 32 ++-- tree/index.js | 2 +- tree/square_saurians.html | 4 +- 18 files changed, 436 insertions(+), 133 deletions(-) delete mode 100644 tree/imgs/avatars/.ball3.gif.icloud create mode 100644 tree/imgs/avatars/believer.gif create mode 100644 tree/imgs/avatars/explore1.gif create mode 100644 tree/imgs/avatars/explore2.gif create mode 100644 tree/imgs/avatars/outer.gif create mode 100644 tree/imgs/avatars/track.gif diff --git a/.DS_Store b/.DS_Store index ab21c53130791c7ad7eb66f4cabf13f58f665c08..a5a6d194d70806c1c09600b62a7fe55617bdd61a 100644 GIT binary patch delta 155 zcmZoEXerpRRh04c?IX|}msE2{kYx6+~Pxj5+ S3aOl%^ChRVZDu$4%MJj2*D5Oj delta 146 zcmZoEXerpRRdjN+U<Z`hnDx`?0lb}VKB07OtXIsgCw delta 220 zcmZn(XbIS`ScJpSz(PmC(8zr9YLSSz;B{{q7#LU>G8u9i(iw_#^Icq$a`KaaVjMth mw$S>pBdUA~UipFy!{Frn+ybB;21cF>n-fJB@zdUp#Y_O3yfsY# diff --git a/tree/bus_station.html b/tree/bus_station.html index ae3185a..c4af485 100644 --- a/tree/bus_station.html +++ b/tree/bus_station.html @@ -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 diff --git a/tree/cat_shelter.html b/tree/cat_shelter.html index 910e260..60040c9 100644 --- a/tree/cat_shelter.html +++ b/tree/cat_shelter.html @@ -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; diff --git a/tree/final.css b/tree/final.css index 6b3b6db..7e74e81 100644 --- a/tree/final.css +++ b/tree/final.css @@ -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 { diff --git a/tree/final.html b/tree/final.html index 07f54be..3f4f9ae 100644 --- a/tree/final.html +++ b/tree/final.html @@ -8,21 +8,25 @@ - ⓘ + ⓘ + +
- 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. + 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 ■
- + + + -
-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. +
+ 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 ().
-
- 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
-