+
@@ -62,7 +62,7 @@
Oh lord, it's horrible! What can you do to ?
- Click on the veggies to get the proofs you need: you must collect at least 5 poisoned corn cobs before the Monteferro's employees see you!
+ → Click on the veggies to get the proofs you need: you must collect at least 5 poisoned corn cobs before the Monteferro's employees see you!
@@ -256,17 +256,14 @@ var loose_counter = 0;
$(".ned_baloon2,.ned_baloon1, .message1, .message2 ").hide();
$(".message_won").show();
$('.cobs_collected').html("5");
- $(".field").addClass(".stop_touch");
-
-
}
+
if (loose_counter == 6) {
console.log ("you lost!");
fluoride_counter = 0;
loose_counter = 0;
$(".message_won").hide();
$(".message_lost, .farmer").show();
- $(".field").addClass(".stop_touch");
}
}
@@ -274,7 +271,6 @@ var loose_counter = 0;
$(".corn").attr('src', "imgs/monteferro/corn.gif");
$('.cobs_collected').html(fluoride_counter);
$(".message_lost, .farmer").hide();
- $(".field").removeClass(".stop_touch");
});
diff --git a/tree/park.css b/tree/park.css
index acd4a31..cbc73d0 100644
--- a/tree/park.css
+++ b/tree/park.css
@@ -34,11 +34,16 @@
}
+
.instructions{
font-family:jolyregularitalic;
}
-
+ span.instructions_arrow{
+ padding-left:40px;
+ font-size: 2.4vw;
+ font-family:jolybolditalic;
+}
::-moz-selection { /* Code for Firefox */
background: transparent;
diff --git a/tree/park.html b/tree/park.html
index 18f9341..af1ca6e 100644
--- a/tree/park.html
+++ b/tree/park.html
@@ -140,7 +140,7 @@
There is a nice kiosk close by: . You can still or .
- Click on the kiosk to get the fries.
+ → Click on the kiosk to get the fries.
Pity! It looks like you are left with no option but to .
diff --git a/tree/park_N.html b/tree/park_N.html
index 7563b5d..616cb99 100644
--- a/tree/park_N.html
+++ b/tree/park_N.html
@@ -33,11 +33,11 @@
- 
- 
+
+
- 
- 
+
+
-
-
+
+
-
-
+
+
I don't know, you should try to ask the news vendor.
@@ -53,7 +53,7 @@
- Move around the park with the arrows ←↑↓→ and click on the people to ask them if they saw the newspaper's owner.
+ → 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! .
diff --git a/tree/park_walk.css b/tree/park_walk.css
index d0af210..8db48bb 100644
--- a/tree/park_walk.css
+++ b/tree/park_walk.css
@@ -38,6 +38,11 @@
font-family:jolyregularitalic;
}
+ span.instructions_arrow{
+ padding-left:40px;
+ font-size: 2.4vw;
+ font-family:jolybolditalic;
+}
diff --git a/tree/square_satanism.css b/tree/square_satanism.css
index e96d678..7cb89ad 100644
--- a/tree/square_satanism.css
+++ b/tree/square_satanism.css
@@ -43,6 +43,14 @@
}
#ground {
+ width: 120%;
+ height: 120%;
+ position:fixed;
+ margin:-100px;
+ background-color: white;
+ z-index:-10;
+}
+.ground_line{
position: fixed;
top: 130px;
bottom: 0px;
@@ -52,10 +60,22 @@
z-index: -1;
}
- .instructions{
+svg {
+ width: 100%;
+ height: 100%;
+ position:fixed;
+
+ }
+
+.instructions{
font-family:jolyregularitalic;
}
+ span.instructions_arrow{
+ padding-left:40px;
+ font-size: 2.4vw;
+ font-family:jolybolditalic;
+}
div.text_container {
bottom: 40px;
@@ -84,6 +104,15 @@ div.text_container {
font-size: 1.4vw;
}
+.flipped {
+ transform: scale(-1, 1);
+ -moz-transform: scale(-1, 1);
+ -webkit-transform: scale(-1, 1);
+ -o-transform: scale(-1, 1);
+ -khtml-transform: scale(-1, 1);
+ -ms-transform: scale(-1, 1);
+
+}
button{
@@ -115,7 +144,9 @@ span.button_text{
position:absolute;
}
-
+.invert_style{
+ filter: invert(100%);
+}
/*figures*/
@@ -143,6 +174,7 @@ div.figure4 {
left: 54%;
position:absolute ;
cursor:pointer;
+ z-index: 3;
}
div.figure5 {
@@ -180,6 +212,23 @@ div.figure9 {
cursor:pointer;
}
+/*thunders*/
+
+#thunder1{
+ top: -20px;;
+ left:-20px;
+ position: fixed;
+}
+
+#thunder2{
+ top:0%;
+ right:0%;
+ position: fixed;
+ z-index: -1;
+}
+
+
+
/*baloon*/
.bubble {
diff --git a/tree/square_satanism.html b/tree/square_satanism.html
index 1ce247e..96ede99 100644
--- a/tree/square_satanism.html
+++ b/tree/square_satanism.html
@@ -9,23 +9,28 @@
-
+
+
+
+
+
-
+
+ 
-
villagers: / 9
-
+
+
- !!!
+ !!!
- 
+
+
@@ -36,29 +41,29 @@
-
+
-
+
- 
- 
+
+
-
-
+
+
- 
- 
+
-
+
+
+
+
- 
- 
+
+
-
+
+
- 
- 
+
+
@@ -69,10 +74,10 @@
-
-
+
+
+
You are in the village square. You must inform the villagers of what is going on in the school: the kids need to be rescued from the evil staff.
- Click on the villagers to share with them your findings! + → Click on the villagers to share with them your findings!
- Click on the villagers to share with them your findings! + → Click on the villagers to share with them your findings!
It looks like you managed to reclute an impressive army: and raise anchor to Spring River.
@@ -113,141 +118,173 @@
var baloon = $(".bubble");
$(".figure1").click (function(){
+ check_flipping();
villagers ++;
$(".fighters").html(villagers);
- avatar.css({ top: "15%", left: "34%" });
- baloon.css({ top: "5%", left: "38%" })
+ avatar.css({ top: "16%", left: "35%" });
+ baloon.css({ top: "7%", left: "37%" })
baloon.show();
setTimeout ( function (){
$("#person1").hide();
$("#fighter1").show();
baloon.hide();
- }, 1000);
+ }, 600);
end_recluting();
});
$(".figure2").click (function(){
+ check_flipping();
villagers ++;
$(".fighters").html(villagers);
- avatar.css({ top: "12%", left: "57%" });
- baloon.css({ top: "3%", left: "61%" })
+ avatar.css({ top: "13%", left: "59%" });
+ baloon.css({ top: "4%", left: "61%" })
baloon.show();
setTimeout ( function (){
$("#person2").hide();
$("#fighter2").show();
baloon.hide();
- }, 1000);
+ }, 600);
end_recluting();
});
$(".figure3").click (function(){
+ check_flipping();
villagers ++;
$(".fighters").html(villagers);
- duo.css ("zIndex", 5);
- avatar.css({ top: "26%", left: "84%"});
- baloon.css({ top: "15%", left: "88%" })
+ avatar.css({ top: "22%", left: "77%"});
+ baloon.css({ top: "13%", left: "80%" })
baloon.show();
setTimeout ( function (){
$("#person3").hide();
$("#fighter3").show();
baloon.hide();
- }, 1000);
+ }, 600);
end_recluting();
});
$(".figure4").click (function(){
+ if (avatar.hasClass("flipped") == false) {
+ avatar.addClass("flipped");
+ }
villagers ++;
$(".fighters").html(villagers);
- avatar.css({ top: "50%", left: "60%"});
+ avatar.css({ top: "50%", left: "62%"});
baloon.css({ top: "41%", left: "64%" })
baloon.show();
setTimeout ( function (){
$("#person4").hide();
$("#fighter4").show();
baloon.hide();
- }, 1000);
+ }, 600);
end_recluting();
});
$(".figure5").click (function(){
+ if (avatar.hasClass("flipped") == false) {
+ avatar.addClass("flipped");
+ }
villagers ++;
$(".fighters").html(villagers);
- duo.css ("zIndex", 5);
- avatar.css({ top: "17%", left: "16%" });
- baloon.css({ top: "8%", left: "20%" });
+ duo.css ("zIndex", 0);
+ avatar.addClass("flipped");
+ avatar.css({ top: "14%", left: "17%" });
+ baloon.css({ top: "5%", left: "21%" });
baloon.show();
setTimeout ( function (){
$("#person5").hide();
$("#fighter5").show();
baloon.hide();
- }, 1000);
+ }, 600);
end_recluting();
});
$(".figure6").click (function(){
+ check_flipping();
villagers ++;
$(".fighters").html(villagers);
- duo.css({ top: "15%", left: "34%" });
+ duo.css ("zIndex", 1);
+ avatar.css({ top: "53%", left: "29%" });
+ baloon.css({ top: "43%", left: "31%" });
baloon.show();
setTimeout ( function (){
$("#person6").hide();
$("#fighter6").show();
baloon.hide();
- }, 2000);
+ }, 600);
end_recluting();
});
$(".figure7").click (function(){
+ if (avatar.hasClass("flipped") == false) {
+ avatar.addClass("flipped");
+ }
villagers ++;
$(".fighters").html(villagers);
- duo.css({ top: "15%", left: "34%" });
+ avatar.addClass("flipped");
+ avatar.css({ top: "33%", left: "26%" });
+ baloon.css({ top: "24%", left: "28%" });
baloon.show();
setTimeout ( function (){
$("#person7").hide();
$("#fighter7").show();
baloon.hide();
- }, 2000);
+ }, 600);
end_recluting();
});
$(".figure8").click (function(){
+ check_flipping();
villagers ++;
$(".fighters").html(villagers);
- duo.css({ top: "15%", left: "34%" });
+ duo.css ("zIndex", 1);
+ avatar.css({ top: "43%", left: "72%" });
+ baloon.css({ top: "35%", left: "75%" });
baloon.show();
setTimeout ( function (){
$("#person8").hide();
$("#fighter8").show();
baloon.hide();
- }, 2000);
+ }, 600);
end_recluting();
});
$(".figure9").click (function(){
+ check_flipping();
villagers ++;
$(".fighters").html(villagers);
- duo.css({ top: "15%", left: "34%" });
+ avatar.css({ top: "29%", left: "48%" });
+ baloon.css({ top: "19%", left: "51%" });
baloon.show();
setTimeout ( function (){
$("#person9").hide();
$("#fighter9").show();
baloon.hide();
- }, 2000);
+ }, 600);
end_recluting();
});
- function end_recluting(){
+ function end_recluting() {
if (villagers == 9) {
$(".message1").hide();
$(".message2").show();
setTimeout ( function (){
- figures.detach();
- avatar.css({ top: "55%", left: "8%" })
- }, 1000);
+ $(".invert").addClass("invert_style");
+ $("#thunder1, #thunder2 ").show();
+ check_flipping();
+ avatar.css({ top: "55%", left: "8%" })
+ }, 1000);
}
-
}
+
+
+ function check_flipping() {
+ if (avatar.hasClass("flipped") == true) {
+ avatar.removeClass("flipped");
+ }
+
+ }
+