diff --git a/.DS_Store b/.DS_Store
index 07f88fb..baf6b36 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/tree/canteen.css b/tree/canteen.css
index 9570af8..e27b796 100644
--- a/tree/canteen.css
+++ b/tree/canteen.css
@@ -72,8 +72,29 @@ div.text_container {
position:fixed;
margin: auto;
line-height: 1.4em;
-
+ /*animation-name:text_bottom ;
+ animation-duration:1s;*/
}
+
+div.message1{
+ animation-name:text_bottom ;
+ animation-duration:1s;
+}
+
+/* animation*/
+.animation_bottom {
+ animation-name:text_bottom ;
+ animation-duration:1s;
+};
+
+@keyframes text_bottom {
+ 0% {bottom: 40px;}
+ 25% {bottom: 50px;}
+ 50% {bottom: 40px;}
+ 75% {bottom: 50px;}
+ 100% {bottom: 40px;}
+}
+
.game_bar {
top:40px;
right:80px;
@@ -289,11 +310,7 @@ div.figure5 {
}
-/* hide scroll bar */
-/* width */
-::-webkit-scrollbar {
- color:white;
- }
+
/* Track */
::-webkit-scrollbar-track {
diff --git a/tree/canteen.html b/tree/canteen.html
index d822879..4266f55 100644
--- a/tree/canteen.html
+++ b/tree/canteen.html
@@ -10,21 +10,20 @@
+
Oh jeez! The school's cooking staff turned into what appears to be a devil-worshippers gang!
You still have fluoride with you though: use it to fight them back!
Click on the school's staff to neutralize them with the poisonous chemical.
-
+
You managed to neutralize the enemy! Sadly, Ned was hit during the fight.
- Go to the village square to inform the children's parents of your discovery: you need to rescue them from the trip.
- If you are still in doubt, look for the chemtrails .
+
+ Go to the village square to inform the citizens of your discovery: you need to rescue the children from the trip.
+ If you are still in doubt, follow Ned's advice and look for the chemtrails .
+
+
@@ -122,33 +124,38 @@ var fluoride = 5;
console.log("fluoride:", fluoride);
weapon.hide();
$('.cobs_collected').html(fluoride);
- /* duo.animate({top:'18%'}, {
- duration : 500,
- done : function() {
+ duo.animate({top:'18%'}, {
+ duration : 300
+ }).promise().done(function () {
weapon.show();
console.log("weapon show");
weapon.animate({ left: "30%" }, {
- duration: 2000,
- done : function(){
+ duration: 300
+ }).promise().done(function(){
$("#satan1").attr("src", "imgs/canteen/fire_once.gif");
weapon.hide();
console.log("weapon hide");
weapon.css({ left: "11%" });
- setTimeout(stop_game, 3000);
- }
+ check_end_game();
});
- }
- }); */
-
- duo.animate({top:'18%'}, {
- duration : 500
+ });
+ hit_ned();
+ });
+
+ $(".figure2").click (function(){
+ --fluoride;
+ console.log("fluoride:", fluoride);
+ weapon.hide();
+ $('.cobs_collected').html(fluoride);
+ duo.animate({top:'12%'}, {
+ duration : 300
}).promise().done(function () {
weapon.show();
console.log("weapon show");
- weapon.animate({ left: "30%" }, {
- duration: 2000
+ weapon.animate({ left: "60%" }, {
+ duration: 300
}).promise().done(function(){
- $("#satan1").attr("src", "imgs/canteen/fire_once.gif");
+ $("#satan2").attr("src", "imgs/canteen/fire_once.gif");
weapon.hide();
console.log("weapon hide");
weapon.css({ left: "11%" });
@@ -158,78 +165,78 @@ var fluoride = 5;
hit_ned();
});
- $(".figure2").click (function(){
- --fluoride;
- console.log("fluoride:", fluoride);
- weapon.hide();
- $('.cobs_collected').html(fluoride);
- duo.animate({top:'12%' }, 500, function() {
- weapon.show();
- weapon.animate({ left: "60%" }, 150,function(){
- $("#satan2").attr("src", "imgs/canteen/fire_once.gif");
- weapon.hide();
- weapon.animate({ left: "11%" }, function(){
- setTimeout(stop_game, 3000);
- });
- });
- });
- hit_ned();
- });
-
$(".figure3").click (function(){
- --fluoride;
- console.log("fluoride:", fluoride);
- $('.cobs_collected').html(fluoride);
- duo.animate({top:'22%'}, 500, function() {
- weapon.show();
- weapon.animate({ left: "80%" }, 150,function(){
- $("#satan3").attr("src", "imgs/canteen/fire_once.gif");
- weapon.hide();
- weapon.animate({ left: "11%" }, function(){
- setTimeout(stop_game, 3000);
- });
- });
- });
- hit_ned();
+ --fluoride;
+ console.log("fluoride:", fluoride);
+ weapon.hide();
+ $('.cobs_collected').html(fluoride);
+ duo.animate({top:'22%'}, {
+ duration : 300
+ }).promise().done(function () {
+ weapon.show();
+ console.log("weapon show");
+ weapon.animate({ left: "80%" }, {
+ duration: 300
+ }).promise().done(function(){
+ $("#satan3").attr("src", "imgs/canteen/fire_once.gif");
+ weapon.hide();
+ console.log("weapon hide");
+ weapon.css({ left: "11%" });
+ check_end_game();
+ });
+ });
+ hit_ned();
});
$(".figure4").click (function(){
- --fluoride;
- console.log("fluoride:", fluoride);
- $('.cobs_collected').html(fluoride);
- duo.animate({top:'50%'}, 500, function() {
- weapon.show();
- weapon.animate({ left: "46%" }, 150,function(){
- $("#satan4").attr("src", "imgs/canteen/fire_once.gif");
- weapon.hide();
- weapon.animate({ left: "11%" }, function(){
- setTimeout(stop_game, 3000);
- });
- });
- });
- hit_ned();
+ --fluoride;
+ console.log("fluoride:", fluoride);
+ weapon.hide();
+ $('.cobs_collected').html(fluoride);
+ duo.animate({top:'55%'}, {
+ duration : 300
+ }).promise().done(function () {
+ weapon.show();
+ console.log("weapon show");
+ weapon.animate({ left: "46%" }, {
+ duration: 300
+ }).promise().done(function(){
+ $("#satan4").attr("src", "imgs/canteen/fire_once.gif");
+ weapon.hide();
+ console.log("weapon hide");
+ weapon.css({ left: "11%" });
+ check_end_game();
+ });
+ });
+ hit_ned();
});
$(".figure5").click (function(){
- --fluoride;
- console.log("fluoride:", fluoride);
- $('.cobs_collected').html(fluoride);
- duo.animate({top:'40%'}, 500, function() {
- weapon.show();
- weapon.animate({ left: "80%" }, 150,function(){
- $("#satan5").attr("src", "imgs/canteen/fire_once.gif");
- weapon.hide();
- weapon.animate({ left: "11%" }, {function(){
- setTimeout(stop_game, 3000);
- }
- });
- });
- });
- hit_ned();
+ --fluoride;
+ console.log("fluoride:", fluoride);
+ weapon.hide();
+ $('.cobs_collected').html(fluoride);
+ duo.animate({top:'40%'}, {
+ duration : 300
+ }).promise().done(function () {
+ weapon.show();
+ console.log("weapon show");
+ weapon.animate({ left: "80%" }, {
+ duration: 300
+ }).promise().done(function(){
+ $("#satan5").attr("src", "imgs/canteen/fire_once.gif");
+ weapon.hide();
+ console.log("weapon hide");
+ weapon.css({ left: "11%" });
+ check_end_game();
+ });
+ });
+ hit_ned();
});
+
function hit_ned() {
- if (fluoride == 3) {
+ if (fluoride == 2) {
$("#ned_flame").show();
//$("#ned_flame").delay(1000).hide();
$("#ned").attr("src", "imgs/canteen/ned_wounded.gif");
@@ -241,14 +248,27 @@ var fluoride = 5;
function check_end_game() {
console.log("check end game");
if (fluoride == 0) {
- figures_all.detach();
console.log("game over!");
setTimeout( function (){
- $("#column").hide();
- setTimeout($(".invert").removeClass("invert_style"), 3000);
- $(".message2").hide();
- $(".message3").show();
- }, 3000);
+ figures_all.detach()
+ setTimeout( function () {
+ $("#column").hide();
+ $(".message2").hide();
+ $(".message3").show();
+ $(".invert").removeClass("invert_style");
+ setTimeout (function ()
+ {$(".ned_bubble1").show();
+ setTimeout (function () {
+ $(".ned_bubble2").show();
+ setTimeout (function () {
+ $(".message3").hide();
+ $(".message4").show();
+ $("#ned").attr("src", "imgs/canteen/ned_wounded.png");
+ },5000);
+ },4000);
+ },3000);
+ }, 1000);
+ }, 1000);
//setTimeout(avatar.animate ({top:"50%"}), 2000);
};
diff --git a/tree/imgs/.DS_Store b/tree/imgs/.DS_Store
index 16f5ada..e950cae 100644
Binary files a/tree/imgs/.DS_Store and b/tree/imgs/.DS_Store differ
diff --git a/tree/imgs/canteen/ned_wounded.png b/tree/imgs/canteen/ned_wounded.png
index 944c957..db13a2a 100644
Binary files a/tree/imgs/canteen/ned_wounded.png and b/tree/imgs/canteen/ned_wounded.png differ
diff --git a/tree/imgs/square_s/.DS_Store b/tree/imgs/square_s/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/tree/imgs/square_s/.DS_Store differ
diff --git a/tree/imgs/square_s/animated-army-image-0041.gif b/tree/imgs/square_s/animated-army-image-0041.gif
new file mode 100644
index 0000000..9f535fd
Binary files /dev/null and b/tree/imgs/square_s/animated-army-image-0041.gif differ
diff --git a/tree/imgs/square_s/animated-people-and-human-image-0110.gif b/tree/imgs/square_s/animated-people-and-human-image-0110.gif
new file mode 100644
index 0000000..bd14b8f
Binary files /dev/null and b/tree/imgs/square_s/animated-people-and-human-image-0110.gif differ
diff --git a/tree/imgs/square_s/animated-pirate-image-0004.gif b/tree/imgs/square_s/animated-pirate-image-0004.gif
new file mode 100644
index 0000000..4b2f9e5
Binary files /dev/null and b/tree/imgs/square_s/animated-pirate-image-0004.gif differ
diff --git a/tree/imgs/square_s/animated-walking-image-0019.gif b/tree/imgs/square_s/animated-walking-image-0019.gif
new file mode 100644
index 0000000..9513974
Binary files /dev/null and b/tree/imgs/square_s/animated-walking-image-0019.gif differ
diff --git a/tree/imgs/square_s/animated-walking-image-0042.gif b/tree/imgs/square_s/animated-walking-image-0042.gif
new file mode 100644
index 0000000..67dec3f
Binary files /dev/null and b/tree/imgs/square_s/animated-walking-image-0042.gif differ
diff --git a/tree/imgs/square_s/fighter1.gif b/tree/imgs/square_s/fighter1.gif
new file mode 100644
index 0000000..4ced358
Binary files /dev/null and b/tree/imgs/square_s/fighter1.gif differ
diff --git a/tree/imgs/square_s/fighter2.gif b/tree/imgs/square_s/fighter2.gif
new file mode 100644
index 0000000..1847a28
Binary files /dev/null and b/tree/imgs/square_s/fighter2.gif differ
diff --git a/tree/imgs/square_s/fighter3.gif b/tree/imgs/square_s/fighter3.gif
new file mode 100644
index 0000000..ff7d8bb
Binary files /dev/null and b/tree/imgs/square_s/fighter3.gif differ
diff --git a/tree/imgs/square_s/fighter4.gif b/tree/imgs/square_s/fighter4.gif
new file mode 100644
index 0000000..0663ec8
Binary files /dev/null and b/tree/imgs/square_s/fighter4.gif differ
diff --git a/tree/imgs/square_s/fighter5.gif b/tree/imgs/square_s/fighter5.gif
new file mode 100644
index 0000000..908daf0
Binary files /dev/null and b/tree/imgs/square_s/fighter5.gif differ
diff --git a/tree/imgs/square_s/fighter6.gif b/tree/imgs/square_s/fighter6.gif
new file mode 100644
index 0000000..0e2ba85
Binary files /dev/null and b/tree/imgs/square_s/fighter6.gif differ
diff --git a/tree/imgs/square_s/fighter7.gif b/tree/imgs/square_s/fighter7.gif
new file mode 100644
index 0000000..e244a99
Binary files /dev/null and b/tree/imgs/square_s/fighter7.gif differ
diff --git a/tree/imgs/square_s/fighter8.gif b/tree/imgs/square_s/fighter8.gif
new file mode 100644
index 0000000..5a72f03
Binary files /dev/null and b/tree/imgs/square_s/fighter8.gif differ
diff --git a/tree/imgs/square_s/fighter9.gif b/tree/imgs/square_s/fighter9.gif
new file mode 100644
index 0000000..15aeac8
Binary files /dev/null and b/tree/imgs/square_s/fighter9.gif differ
diff --git a/tree/imgs/square_s/fighter_.gif b/tree/imgs/square_s/fighter_.gif
new file mode 100644
index 0000000..e4c723c
Binary files /dev/null and b/tree/imgs/square_s/fighter_.gif differ
diff --git a/tree/imgs/square_s/house1.gif b/tree/imgs/square_s/house1.gif
new file mode 100644
index 0000000..fa7e3ab
Binary files /dev/null and b/tree/imgs/square_s/house1.gif differ
diff --git a/tree/imgs/square_s/house10.gif b/tree/imgs/square_s/house10.gif
new file mode 100644
index 0000000..6cad347
Binary files /dev/null and b/tree/imgs/square_s/house10.gif differ
diff --git a/tree/imgs/square_s/house2.gif b/tree/imgs/square_s/house2.gif
new file mode 100644
index 0000000..a1ed601
Binary files /dev/null and b/tree/imgs/square_s/house2.gif differ
diff --git a/tree/imgs/square_s/house3.gif b/tree/imgs/square_s/house3.gif
new file mode 100644
index 0000000..12ac2f2
Binary files /dev/null and b/tree/imgs/square_s/house3.gif differ
diff --git a/tree/imgs/square_s/house4.gif b/tree/imgs/square_s/house4.gif
new file mode 100644
index 0000000..7eb8e6b
Binary files /dev/null and b/tree/imgs/square_s/house4.gif differ
diff --git a/tree/imgs/square_s/house6.gif b/tree/imgs/square_s/house6.gif
new file mode 100644
index 0000000..bc580a1
Binary files /dev/null and b/tree/imgs/square_s/house6.gif differ
diff --git a/tree/imgs/square_s/house7.gif b/tree/imgs/square_s/house7.gif
new file mode 100644
index 0000000..5663486
Binary files /dev/null and b/tree/imgs/square_s/house7.gif differ
diff --git a/tree/imgs/square_s/house8.gif b/tree/imgs/square_s/house8.gif
new file mode 100644
index 0000000..154c128
Binary files /dev/null and b/tree/imgs/square_s/house8.gif differ
diff --git a/tree/imgs/square_s/house9.gif b/tree/imgs/square_s/house9.gif
new file mode 100644
index 0000000..ca8a761
Binary files /dev/null and b/tree/imgs/square_s/house9.gif differ
diff --git a/tree/imgs/square_s/person1.gif b/tree/imgs/square_s/person1.gif
new file mode 100644
index 0000000..0154d5b
Binary files /dev/null and b/tree/imgs/square_s/person1.gif differ
diff --git a/tree/imgs/square_s/person2.gif b/tree/imgs/square_s/person2.gif
new file mode 100644
index 0000000..c5fcc16
Binary files /dev/null and b/tree/imgs/square_s/person2.gif differ
diff --git a/tree/imgs/square_s/person3.gif b/tree/imgs/square_s/person3.gif
new file mode 100644
index 0000000..ce18a13
Binary files /dev/null and b/tree/imgs/square_s/person3.gif differ
diff --git a/tree/imgs/square_s/person4.gif b/tree/imgs/square_s/person4.gif
new file mode 100644
index 0000000..8f1f9fb
Binary files /dev/null and b/tree/imgs/square_s/person4.gif differ
diff --git a/tree/imgs/square_s/person5.gif b/tree/imgs/square_s/person5.gif
new file mode 100644
index 0000000..936cfb7
Binary files /dev/null and b/tree/imgs/square_s/person5.gif differ
diff --git a/tree/imgs/square_s/person6.gif b/tree/imgs/square_s/person6.gif
new file mode 100644
index 0000000..5d4ee55
Binary files /dev/null and b/tree/imgs/square_s/person6.gif differ
diff --git a/tree/imgs/square_s/person7.gif b/tree/imgs/square_s/person7.gif
new file mode 100644
index 0000000..52c0968
Binary files /dev/null and b/tree/imgs/square_s/person7.gif differ
diff --git a/tree/imgs/square_s/person8.gif b/tree/imgs/square_s/person8.gif
new file mode 100644
index 0000000..f47c6be
Binary files /dev/null and b/tree/imgs/square_s/person8.gif differ
diff --git a/tree/imgs/square_s/person9.gif b/tree/imgs/square_s/person9.gif
new file mode 100644
index 0000000..ab76ee8
Binary files /dev/null and b/tree/imgs/square_s/person9.gif differ
diff --git a/tree/index.css b/tree/index.css
index b4a0224..1e65229 100644
--- a/tree/index.css
+++ b/tree/index.css
@@ -54,10 +54,10 @@ font-size: 4vw;
color: black;
font-family: jolybolditalic;
text-align: center;
-background-color: #ccb3ff;
--webkit-box-shadow: 0px 0px 8px 6px #ccb3ff;
--moz-box-shadow: 0px 0px 8px 6px #ccb3ff;
-box-shadow: 0px 0px 8px 6px #ccb3ff;
+background-color: #c94dff;
+-webkit-box-shadow: 0px 0px 8px 6px #c94dff;
+-moz-box-shadow: 0px 0px 8px 6px #c94dff;
+box-shadow: 0px 0px 8px 6px #c94dff;
}
@@ -72,8 +72,8 @@ button {
cursor:pointer;
}
button:hover {
- border: 0.25vw #ccb3ff solid;
- color:#ccb3ff;
+ border: 0.25vw #c94dff solid;
+ color: #c94dff;
}
span.button_text{
@@ -114,17 +114,18 @@ div.line {
}
+ /*#ccb3ff*/
input.avatar {
opacity: 0;
width: 0;
height: 0;
}
input:checked + .radio__control {
- background-color: #ccb3ff;
- border: #ccb3ff;
- -webkit-box-shadow: 0px 0px 8px 6px #ccb3ff;
--moz-box-shadow: 0px 0px 8px 6px #ccb3ff;
-box-shadow: 0px 0px 8px 6px #ccb3ff;
+ background-color: #c94dff;
+ border: #c94dff;
+ -webkit-box-shadow: 0px 0px 8px 6px #c94dff;
+-moz-box-shadow: 0px 0px 8px 6px #c94dff;
+box-shadow: 0px 0px 8px 6px #c94dff;
}
.radio__control {
diff --git a/tree/index.js b/tree/index.js
index c861b0d..0708017 100644
--- a/tree/index.js
+++ b/tree/index.js
@@ -39,7 +39,7 @@ var inputPlayer = document.querySelector('#player_name').value;
localStorage.playerName=inputPlayer;
if (document.querySelector('#player_name').value === '') {
- alert('Please make sure you declared your preferences');
+ alert('Please insert you name and choose your avatar');
}
else {
window.location.href = "park.html";
diff --git a/tree/monteferro.html b/tree/monteferro.html
index 848ad47..63b64da 100644
--- a/tree/monteferro.html
+++ b/tree/monteferro.html
@@ -21,7 +21,7 @@
*!!!*
-
I have reasons to suspect that the Monteferro Enterprise is poisoning the children's food with a substance called Fluoride. The drug is able to reduce an individual's power to resist domination by slowly calcifying the pineal gland. The school is using it to make children submissive and docile.
+
I have reasons to suspect that the Monteferro Enterprise is poisoning the children's food with a substance called Fluoride. The drug is able to reduce an individual's power to resist domination by slowly calcifying the pineal gland. The school is using it to make children submissive and docile.
The food coming from these fields has already been contaminated with the chemical: we should collect it and confront it with the one at the school canteen.
@@ -58,7 +58,7 @@
-
+
Oh lord, it's horrible! What can you do to stop this terrible abuse ?
@@ -80,11 +80,18 @@
diff --git a/tree/park_N copy.html b/tree/park_N copy.html
new file mode 100644
index 0000000..7563b5d
--- /dev/null
+++ b/tree/park_N copy.html
@@ -0,0 +1,242 @@
+
+
+
+
+
+
looking for
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
I don't know, you should try to ask the news vendor.
+
woof
+
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 investigating the kids' conditions. 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 fields: 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 the newspaper's owner.
+
+
+ You found him! Hear more from Ned .
+
+
+ It looks intriguing: go to the Monteferro Food Enterprise with Ned.
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tree/park_N.html b/tree/park_N.html
index ed34498..7563b5d 100644
--- a/tree/park_N.html
+++ b/tree/park_N.html
@@ -41,6 +41,7 @@
I don't know, you should try to ask the news vendor.
+
woof
I sold a copy to a guy not so long ago. He must be still around.
...
...
@@ -197,6 +198,10 @@ $(document).keydown(function(e) {
$(".woman_bubble").toggle();
});
+ $("#dog").click (function(){
+ $(".dog_bubble").toggle();
+ });
+
$("#newspaper_seller").click (function(){
$(".vendor_bubble").toggle();
});
@@ -210,15 +215,22 @@ $(document).keydown(function(e) {
});
$("#ned").click (function(){
- $(".ned_bubble1, .ned_bubble2").toggle();
+ $(".ned_bubble1").toggle();
$(".message1").hide();
- $(".message2").show();
+ setTimeout (function () {
+ $(".ned_bubble2").show();
+ setTimeout (function () {
+ $(".message2").show();
+ },2000);
+ },2000);
});
$(".ned_more").click (function(){
$(".ned_bubble3").toggle();
- $(".message2").hide();
- $(".message3").show();
+ $(".message2,.ned_bubble1, .ned_bubble2").hide();
+ setTimeout (function () {
+ $(".message3").show();
+ },3000);
});
diff --git a/tree/park_walk.css b/tree/park_walk.css
index a1997f8..d0af210 100644
--- a/tree/park_walk.css
+++ b/tree/park_walk.css
@@ -231,6 +231,7 @@ span.button_text{
left: 38%;
position: absolute;
z-index:4;
+ cursor:pointer;
}
#tree5{
@@ -332,6 +333,48 @@ span.button_text{
margin-left: -11px;
display: block;
}
+ .dog_bubble {
+ bottom:33%;
+ left: 40%;
+ position: absolute;
+ background: #ffffff;
+ color: #000000;
+ font-family: sinistre;
+ font-size: 16px;
+ text-align: center;
+ width: 40px;
+ height: 18px;
+ border-radius: 10px;
+ padding: 18px;
+ border: #000000 solid 1px;
+ z-index: 50;
+ }
+ .dog_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;
+ }
+ .dog_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;
+ }
.vendor_bubble {
bottom:75%;
diff --git a/tree/square_satanism.css b/tree/square_satanism.css
new file mode 100644
index 0000000..e96d678
--- /dev/null
+++ b/tree/square_satanism.css
@@ -0,0 +1,235 @@
+
+
+
+@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);
+}
+
+ ::-moz-selection { /* Code for Firefox */
+ background: transparent;
+ }
+ ::selection {
+ background: transparent;
+ }
+
+
+ body {
+ font-family: jolyregular;
+ font-size: 1.8vw;
+ }
+
+ #ground {
+ position: fixed;
+ top: 130px;
+ bottom: 0px;
+ height: inherit;
+ width: 100%;
+ border-top: 0.1vw solid;
+ z-index: -1;
+}
+
+ .instructions{
+ font-family:jolyregularitalic;
+
+ }
+
+div.text_container {
+ bottom: 40px;
+ left:40px;
+ right:40px;
+ position:fixed;
+ margin: auto;
+ line-height: 1.4em;
+ /*animation-name:text_bottom ;
+ animation-duration:1s;*/
+}
+.game_bar {
+ top:40px;
+ right:80px;
+ position:fixed;
+ border-radius: 25vw;
+ padding-left: 10px;
+ padding-right: 10px;
+ padding-bottom: 4px;
+ font-family: sinistre;
+ background-color: white;
+ border: 0.11vw black solid;
+ border-radius: 25vw;
+ color:black;
+ cursor:pointer;
+ font-size: 1.4vw;
+
+}
+
+
+button{
+ -webkit-appearance: none;
+ background-color: white;
+ border: 0.11vw black solid;
+ border-radius: 25vw;
+ color:black;
+ cursor:pointer;
+ font-family: jolybolditalic;
+}
+
+button:hover{
+border: 0.11vw transparent solid;
+-webkit-box-shadow: 0px 0px 8px 2px black;
+-moz-box-shadow: 0px 0px 8px 2px black;
+box-shadow: 0px 0px 8px 2px black;
+
+}
+
+span.button_text{
+ font-size: 1.6vw;
+ padding: 8px;
+}
+
+#player_img {
+ top: 50%;
+ left: 8%;
+ position:absolute;
+}
+
+
+
+/*figures*/
+
+div.figure1 {
+ top: 25%;
+ left: 40%;
+ position:absolute ;
+}
+
+div.figure2 {
+ top: 23%;
+ left: 65%;
+ position:absolute ;
+}
+
+div.figure3 {
+ top: 25%;
+ left:80%;
+ position:absolute ;
+ cursor:pointer;
+}
+
+div.figure4 {
+ top: 58%;
+ left: 54%;
+ position:absolute ;
+ cursor:pointer;
+}
+
+div.figure5 {
+ top: 20%;
+ left: 10%;
+ position:absolute ;
+ cursor:pointer;
+}
+
+div.figure6 {
+ top: 50%;
+ left: 32%;
+ position:absolute ;
+ cursor:pointer;
+}
+
+div.figure7 {
+ top: 40%;
+ left: 22%;
+ position:absolute ;
+ cursor:pointer;
+}
+
+div.figure8 {
+ top: 50%;
+ left: 75%;
+ position:absolute ;
+ cursor:pointer;
+}
+
+div.figure9 {
+ top: 40%;
+ left: 50%;
+ position:absolute ;
+ cursor:pointer;
+}
+
+/*baloon*/
+
+.bubble {
+ top:40%;
+ left:13%;
+ position: absolute;
+ background: #ffffff;
+ color: #000000;
+ font-family: sinistre;
+ font-size: 16px;
+ text-align: center;
+ width: 40px;
+ height: 18px;
+ border-radius: 10px;
+ padding: 18px;
+ border: #000000 solid 1px;
+ z-index: 0;
+}
+.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;
+}
+.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;
+}
+
+
+
+
+
+
+
+
+
diff --git a/tree/square_satanism.html b/tree/square_satanism.html
new file mode 100644
index 0000000..1ce247e
--- /dev/null
+++ b/tree/square_satanism.html
@@ -0,0 +1,257 @@
+
+
+
+
+
+
square
+
+
+
+
+
+
+
+
+
+
+ villagers: / 9
+
+
+
+
+
+
+
!!!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 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!
+
+
+ It looks like you managed to reclute an impressive army: Guide them to the river bank and raise anchor to Spring River.
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file