Sorry, no fries today
diff --git a/tree/park_N.html b/tree/park_N.html
index 07870af..d38f563 100644
--- a/tree/park_N.html
+++ b/tree/park_N.html
@@ -5,7 +5,7 @@
looking for
-
+
@@ -14,39 +14,48 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
I don't know, you should try to ask the news vendor.
I sold a copy to a guy not so long ago. He must be still around.
+
...
+
...
+
I was hoping that someone would find my newspaper.
+
My name is Ned, I used to be the school's janitor. I got fired last week because the school noticed I was carrying on some investigations on the kind's conditions there. Believe me, the situation is shadier then it seems. Do you wanna know what I just found out?
+
The school is involved in sinister activities: together with the Monteferro Food Enterprise they are poisoning the children's meals. Follow me to the enterprise's headquarter: I can show you the proof of what I'm saying.
- Move around the park with the arrows ←↑↓→ and click on the people to ask them if they saw who left the newspaper on the bench.
+ Move around the park with the arrows ←↑↓→ and click on the people to ask them if they saw the newspaper's owner.
+
+
+ You found him! Hear more from Ned
+
+ It looks intriguing: go to the Monteferro Food Enterprise
@@ -101,19 +110,19 @@ $(document).keydown(function(e) {
break;
}
//check the offset
- if (offset.left < 100) {
- offset.left = 100;
+ if (offset.left < 80) {
+ offset.left = 80;
}
- if (offset.left > $("#ground").width() - 100) {
- offset.left = $("#ground").width() - 100;
+ if (offset.left > $("#ground").width() - 250) {
+ offset.left = $("#ground").width() - 250;
}
- if (offset.top < 200) {
- offset.top = 200;
+ if (offset.top < 130) {
+ offset.top = 130;
}
- if (offset.top > $("#ground").height() - 220) {
- offset.top = $("#ground").height() - 220;
+ if (offset.top > $("#ground").height() - 250) {
+ offset.top = $("#ground").height() - 250;
}
@@ -149,6 +158,26 @@ $(document).keydown(function(e) {
$(".vendor_bubble").toggle();
});
+ $("#sport1").click (function(){
+ $(".fit2_bubble").toggle();
+ });
+
+ $("#sport2").click (function(){
+ $(".fit1_bubble").toggle();
+ });
+
+ $("#ned").click (function(){
+ $(".ned_bubble1, .ned_bubble2").toggle();
+ $(".message1").hide();
+ $(".message2").show();
+ });
+
+ $(".ned_more").click (function(){
+ $(".ned_bubble3").toggle();
+ $(".message2").hide();
+ $(".message3").show();
+ });
+
diff --git a/tree/park_walk.css b/tree/park_walk.css
new file mode 100644
index 0000000..0902b20
--- /dev/null
+++ b/tree/park_walk.css
@@ -0,0 +1,592 @@
+
+@font-face {
+ font-family: sinistre;
+ src: url(fonts/Sinistre-S†Caroline.woff),
+ url(fonts/Sinistre-S†Caroline.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: jolybold;
+ src: url(fonts/JolyDisplay-BoldDisplay.woff),
+ url(fonts/JolyDisplay-BoldDisplay.otf);
+}
+
+ body {
+ font-family: jolyregular;
+ font-size: 1.8vw;
+ overflow-y: hidden;
+
+ }
+
+ .instructions{
+ font-family:jolyregularitalic;
+
+ }
+
+
+
+ ::-moz-selection { /* Code for Firefox */
+ background: transparent;
+ }
+ ::selection {
+ background: transparent;
+ }
+
+ div#player_img {
+ bottom: 20%;
+ left: 12%;
+ position:absolute ;
+ z-index: 20;
+ }
+
+
+
+#ground{
+ position:absolute;
+ height:100%;
+ width:5000px;
+
+
+}
+
+#groundline {
+ position: fixed;
+ top:130px;
+ height:0%;
+ width: 100%;
+ border-top: 1px solid;
+}
+
+
+div.text_container {
+ bottom: 40px;
+ left:40px;
+ right:40px;
+ position:fixed;
+ margin: auto;
+ line-height: 1.4em;
+}
+
+button{
+ -webkit-appearance: none;
+ background-color: white;
+ border: 0.1em black solid;
+ border-radius: 25em;
+ color:black;
+ cursor:pointer;
+ font-family: jolybolditalic;
+}
+
+button:hover{
+border: 0.1em transparent solid;
+-webkit-box-shadow: 0px 0px 8px 1px black;
+-moz-box-shadow: 0px 0px 8px 1px black;
+box-shadow: 0px 0px 8px 1px black;
+
+}
+
+span.button_text{
+ font-size: 1.6vw;
+ padding: 8px;
+}
+
+#player_name{
+ font-family: jolybolditalic;
+}
+
+
+
+/*images*/
+
+
+
+#bench {
+ bottom: 32%;
+ left: 6%;
+ position: absolute;
+ z-index:18;
+}
+
+#tree1 {
+ top:8%;
+ left: 10%;
+ position: absolute;
+
+}
+#tree2 {
+ bottom:40%;
+ left: 2.5%;
+ position: absolute;
+ z-index:16;
+}
+#tree3 {
+ bottom:45%;
+ left: 18%;
+ position: absolute;
+
+}
+
+#flower1 {
+ bottom:68%;
+ left: 5%;
+ position: absolute;
+}
+
+#flower2{
+ bottom: 28%;
+ left: 1.5%;
+ position: absolute;
+ z-index:17;
+}
+
+#flower3{
+ bottom: 50%;
+ left: 13%;
+ position: absolute;
+ z-index:17;
+}
+#flower4{
+ bottom: 35%;
+ left: 22%;
+ position: absolute;
+ z-index:17;
+}
+#flower5{
+ bottom: 65%;
+ left: 17%;
+ position: absolute;
+ z-index:17;
+}
+
+#grass1{
+ bottom: 30%;
+ left: 40%;
+ position: absolute;
+ z-index:17;
+}
+
+#grass2{
+ bottom: 25%;
+ left: 10%;
+ position: absolute;
+ z-index:17;
+}
+
+#statue{
+ bottom: 70%;
+ left: 60%;
+ position: absolute;
+ z-index:17;
+}
+
+#tree4{
+ bottom: 25%;
+ left: 70%;
+ position: absolute;
+}
+
+#flower6{
+ bottom: 65%;
+ left: 80%;
+ position: absolute;
+}
+
+#flower7{
+ bottom: 50%;
+ left: 55%;
+ position: absolute;
+}
+
+#flower8{
+ bottom: 30%;
+ left: 95%;
+ position: absolute;
+ }
+
+#dog{
+ bottom: 32%;
+ left: 50%;
+ position: absolute;
+ z-index:17;
+}
+
+#tree5{
+ bottom: 50%;
+ right: 4%;
+ position: absolute;
+}
+
+
+/* looking for ned scene*/
+
+ #woman{
+ bottom: 60%;
+ left: 30%;
+ position: absolute;
+ cursor: pointer;
+ }
+ #newspaper_seller{
+ bottom: 55%;
+ left: 47%;
+ position: absolute;
+ cursor: pointer;
+ }
+ #sport1{
+ bottom: 30%;
+ left: 66%;
+ position: absolute;
+ cursor: pointer;
+
+ }
+ #sport2{
+ bottom: 65%;
+ left: 63%;
+ position: absolute;
+ cursor: pointer;
+ }
+
+ #ned {
+ bottom: 47%;
+ right: 8%;
+ position: absolute;
+ cursor: pointer;
+ }
+
+ .woman_bubble {
+ bottom:82%;
+ left: 31%;
+ position: absolute;
+ background: #ffffff;
+ color: #000000;
+ font-family: sinistre;
+ font-size: 1.2vw;
+ line-height: 18px;
+ text-align: center;
+ width: 14vw;
+ height: 4.2vw;
+ border-radius: 10px;
+ padding: 1vw;
+ border: #000000 solid 1px;
+ }
+
+ .woman_bubble:after {
+ content: '';
+ position: absolute;
+ display: block;
+ width: 0;
+ z-index: 1;
+ border-style: solid;
+ border-width: 24px 20px 0 0;
+ border-color: #ffffff transparent transparent transparent;
+ bottom: -24px;
+ left: 15%;
+ margin-left: -10px;
+ }
+ .woman_bubble:before {
+ content: '';
+ position: absolute;
+ width: 0;
+ z-index: 0;
+ border-style: solid;
+ border-width: 25px 21px 0 0;
+ border-color: #000000 transparent transparent transparent;
+ bottom: -26px;
+ left: 15%;
+ margin-left: -11px;
+ display: block;
+ }
+
+ .vendor_bubble {
+ bottom:75%;
+ left: 43%;
+ position: absolute;
+ background: #ffffff;
+ color: #000000;
+ font-family: sinistre;
+ font-size: 1.2vw;
+ line-height: 18px;
+ text-align: center;
+ width: 14vw;
+ height: 4.2vw;
+ border-radius: 10px;
+ padding: 13px;
+ border: #000000 solid 1px;
+ }
+ .vendor_bubble:after {
+ content: '';
+ position: absolute;
+ display: block;
+ width: 0;
+ z-index: 1;
+ border-style: solid;
+ border-width: 0 20px 24px 0;
+ border-color: transparent #ffffff transparent transparent;
+ bottom: -24px;
+ left: 76%;
+ margin-left: -10px;
+ }
+ .vendor_bubble:before {
+ content: '';
+ position: absolute;
+ width: 0;
+ z-index: 0;
+ border-style: solid;
+ border-width: 0 21px 25px 0;
+ border-color: transparent #000000 transparent transparent;
+ bottom: -26px;
+ left: 76%;
+ margin-left: -10px;
+ display: block;
+ }
+
+ .fit2_bubble {
+ bottom:44%;
+ left: 65%;
+ position: absolute;
+ background: #ffffff;
+ color: #000000;
+ font-family: sinistre;
+ font-size: 1.2vw;
+ line-height: 18px;
+ text-align: center;
+ width: 5vw;
+ height: 2.5vw;
+ border-radius: 10px;
+ padding: 0px;
+ border: #000000 solid 1px;
+ }
+ .fit2_bubble:after {
+ content: '';
+ position: absolute;
+ display: block;
+ width: 0;
+ z-index: 1;
+ border-style: solid;
+ border-width: 0 15px 20px 0;
+ border-color: transparent #ffffff transparent transparent;
+ bottom: -20px;
+ left: 70%;
+ margin-left: -7.5px;
+ }
+ .fit2_bubble:before {
+ content: '';
+ position: absolute;
+ width: 0;
+ z-index: 0;
+ border-style: solid;
+ border-width: 0 16px 21px 0;
+ border-color: transparent #000000 transparent transparent;
+ bottom: -22px;
+ left: 70%;
+ margin-left: -7.5px;
+ display: block;
+ }
+ .fit1_bubble {
+ bottom:78%;
+ left: 65%;
+ position: absolute;
+ background: #ffffff;
+ color: #000000;
+ font-family: sinistre;
+ font-size: 1.2vw;
+ line-height: 18px;
+ text-align: center;
+ width: 5vw;
+ height: 2.5vw;
+ border-radius: 10px;
+ padding: 0px;
+ border: #000000 solid 1px;
+ }
+ .fit1_bubble:after {
+ content: '';
+ position: absolute;
+ display: block;
+ width: 0;
+ z-index: 1;
+ border-style: solid;
+ border-width: 20px 15px 0 0;
+ border-color: #ffffff transparent transparent transparent;
+ bottom: -20px;
+ left: 42%;
+ margin-left: -7.5px;
+ }
+ .fit1_bubble:before {
+ content: '';
+ position: absolute;
+ width: 0;
+ z-index: 0;
+ border-style: solid;
+ border-width: 21px 16px 0 0;
+ border-color: #000000 transparent transparent transparent;
+ bottom: -22px;
+ left: 42%;
+ margin-left: -8.5px;
+ display: block;
+ }
+
+ .ned_bubble1 {
+ bottom:69%;
+ left: 83%;
+ position: absolute;
+ background: #ffffff;
+ color: #000000;
+ font-family: sinistre;
+ font-size: 1.2vw;
+ line-height: 18px;
+ text-align: center;
+ width: 12vw;
+ height: 5vw;
+ border-radius: 10px;
+ padding: 9px;
+ border: #000000 solid 1px;
+ }
+ .ned_bubble1:after {
+ content: '';
+ position: absolute;
+ display: block;
+ width: 0;
+ z-index: 1;
+ border-style: solid;
+ border-width: 0 15px 20px 0;
+ border-color: transparent #ffffff transparent transparent;
+ bottom: -20px;
+ left: 85%;
+ margin-left: -7.5px;
+ }
+ .ned_bubble1:before {
+ content: '';
+ position: absolute;
+ width: 0;
+ z-index: 0;
+ border-style: solid;
+ border-width: 0 16px 21px 0;
+ border-color: transparent #000000 transparent transparent;
+ bottom: -22px;
+ left: 85%;
+ margin-left: -7.5px;
+ display: block;
+ }
+
+.ned_bubble2 {
+ bottom:42%;
+ left: 78%;
+ position: absolute;
+ background: #ffffff;
+ color: #000000;
+ font-family: sinistre;
+ font-size: 1.3vw;
+ line-height: 18px;
+ text-align: center;
+ width: 20vw;
+ height: 11.5vw;
+ border-radius: 10px;
+ padding: 14px;
+ border: #000000 solid 1px;
+}
+.ned_bubble2:after {
+ content: '';
+ position: absolute;
+ display: block;
+ width: 0;
+ z-index: 1;
+ border-style: solid;
+ border-color: transparent #ffffff;
+ border-width: 15px 0 15px 25px;
+ top: 49%;
+ right: -25px;
+ margin-top: -15px;
+}
+.ned_bubble2:before {
+ content: '';
+ position: absolute;
+ width: 0;
+ z-index: 0;
+ border-style: solid;
+ border-color: transparent #000000;
+ border-width: 16px 0 16px 26px;
+ top: 49%;
+ right: -26.5px;
+ margin-top: -16px;
+ display: block;
+}
+
+.ned_bubble3 {
+ bottom:15%;
+ left: 86%;
+ position: absolute;
+ background: #ffffff;
+ color: #000000;
+ font-family: sinistre;
+ font-size: 1.2vw;
+ line-height: 18px;
+ text-align: center;
+ width: 20vw;
+ height: 10vw;
+ border-radius: 10px;
+ padding: 14px;
+ border: #000000 solid 1px;
+}
+.ned_bubble3:after {
+ content: '';
+ position: absolute;
+ display: block;
+ width: 0;
+ z-index: 1;
+ border-style: solid;
+ border-color: #ffffff transparent;
+ border-width: 0 15px 25px;
+ top: -25px;
+ left: 14%;
+ margin-left: -15px;
+}
+.ned_bubble3:before {
+ content: '';
+ position: absolute;
+ width: 0;
+ z-index: 0;
+ border-style: solid;
+ border-color: #000000 transparent;
+ border-width: 0 16px 26px;
+ top: -26.5px;
+ left: 14%;
+ margin-left: -16px;
+ display: block;
+}
+
+
+/* hide scroll bar */
+/* width */
+::-webkit-scrollbar {
+ color:white;
+ }
+
+ /* Track */
+ ::-webkit-scrollbar-track {
+ background: white;
+ }
+
+ /* Handle */
+ ::-webkit-scrollbar-thumb {
+ background: white;
+ }
+
+ /* Handle on hover */
+ ::-webkit-scrollbar-thumb:hover {
+ background: white;
+ }
\ No newline at end of file
- 
- 
- 
- 
- 
- 
- 
- 
- 
+
+ 
+ 
- 
- 
- 
- 
- 
+
+