@@ -28,6 +27,8 @@
!!!
+
!!!
+
@@ -36,7 +37,7 @@
You are now at the River Bank. According to the newspaper, this is where the school trip started. → Click on the ferryman to persuade him to take you to the Spring River Park to liberate the children!→ Click on the ferryman to persuade him to show you the way to the Spring River Park and liberate the children!
@@ -57,7 +58,34 @@
img.src = localStorage.myavatar;
var player_img = document.querySelector("#player_img");
player_img.appendChild(img);
-
+
+
+// boat animation
+
+ $("#ferryman").click (function(){
+ console.log("ciao");
+ $(".bubble").show();
+ setTimeout( function() {
+ $(".bubble2").show();
+ setTimeout( function() {
+ $(".bubble2,.bubble").hide();
+ setTimeout( function() {
+ $("#boat_empty, #army, #ferryman").hide();
+ $("#boat_full").show();
+ $("#player_img").removeClass("player_land");
+ //$("#player_img").addClass("player_boat");
+ $("#player_img").hide();
+ $(".boat").animate({ left: "100%" }, {
+ duration: 2500 })
+ .promise().done(function(){
+ location.href='spring_river.html';
+ });
+ }, 1000);
+ }, 1000);
+ }, 1000);
+ });
+
+
diff --git a/tree/spring_river.css b/tree/spring_river.css
new file mode 100644
index 0000000..d31ff6d
--- /dev/null
+++ b/tree/spring_river.css
@@ -0,0 +1,675 @@
+
+@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);
+}
+
+.invert{
+ filter: invert(100%);
+}
+
+ body {
+ font-family: jolyregular;
+ font-size: 1.8vw;
+ overflow-y: hidden;
+
+ }
+
+ .instructions{
+ font-family:jolyregularitalic;
+
+ }
+ span.instructions_arrow{
+ padding-left:40px;
+ font-size: 2.4vw;
+ font-family:jolybolditalic;
+}
+
+
+
+ ::-moz-selection { /* Code for Firefox */
+ background: transparent;
+ }
+ ::selection {
+ background: transparent;
+ }
+
+ div#player_img {
+ bottom: 20%;
+ left: 12%;
+ position:absolute ;
+ z-index: 3;
+ }
+
+#ground_color {
+ width: 5100px;
+ height: 120%;
+ position:fixed;
+ margin:-100px;
+ background-color: white;
+ z-index:-10;
+}
+
+#ground{
+ position:absolute;
+ height:100%;
+ width:5000px;
+}
+
+#groundline {
+ position: fixed;
+ top:130px;
+ height:0%;
+ width: 100%;
+ border-top: 1px solid;
+ z-index:1:
+}
+
+
+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:2;
+}
+
+#tree1 {
+ top:8%;
+ left: 10%;
+ position: absolute;
+ z-index:0;
+
+}
+#tree2 {
+ bottom:40%;
+ left: 2.5%;
+ position: absolute;
+ z-index:2;
+}
+#tree3 {
+ bottom:45%;
+ left: 18%;
+ position: absolute;
+ z-index:2;
+
+}
+
+#flower1 {
+ bottom:68%;
+ left: 5%;
+ position: absolute;
+ z-index:0;
+}
+
+#flower2{
+ bottom: 28%;
+ left: 1.5%;
+ position: absolute;
+ z-index:17;
+}
+
+#flower3{
+ bottom: 50%;
+ left: 13%;
+ position: absolute;
+ z-index:2;
+}
+#flower4{
+ bottom: 35%;
+ left: 22%;
+ position: absolute;
+ z-index:2;
+}
+#flower5{
+ bottom: 65%;
+ left: 17%;
+ position: absolute;
+ z-index:0;
+}
+
+#grass1{
+ bottom: 15%;
+ left: 40%;
+ position: absolute;
+ z-index:4;
+}
+
+#grass2{
+ bottom: 15%;
+ left: 82%;
+ position: absolute;
+ z-index:4;
+}
+
+#statue{
+ top: 5%;
+ left: 60%;
+ position: absolute;
+ z-index:0;
+}
+
+#tree4{
+ bottom: 20%;
+ left: 70%;
+ position: absolute;
+ z-index:4;
+}
+
+#flower6{
+ bottom: 65%;
+ left: 80%;
+ position: absolute;
+ z-index:2;
+}
+
+#flower7{
+ bottom: 50%;
+ left: 55%;
+ position: absolute;
+ z-index:0;
+}
+
+#flower8{
+ bottom: 30%;
+ left: 97%;
+ position: absolute;
+ z-index:1;
+ }
+
+#dog{
+ bottom: 21%;
+ left: 38%;
+ position: absolute;
+ z-index:4;
+ cursor:pointer;
+}
+
+#tree5{
+ top: 10%;
+ right: 4%;
+ position: absolute;
+ z-index:1;
+}
+#flower9{
+ top: 23%;
+ left: 32%;
+ position: absolute;
+ cursor: pointer;
+ z-index:0;
+}
+
+
+/* looking for ned scene*/
+
+ #woman{
+ top: 20%;
+ left: 30%;
+ position: absolute;
+ cursor: pointer;
+ z-index:0;
+ }
+ #newspaper_seller{
+ bottom: 55%;
+ left: 47%;
+ position: absolute;
+ cursor: pointer;
+ z-index:0;
+ }
+ #sport1{
+ bottom: 20%;
+ left: 66%;
+ position: absolute;
+ cursor: pointer;
+ z-index:5;
+
+ }
+ #sport2{
+ bottom: 65%;
+ left: 63%;
+ position: absolute;
+ cursor: pointer;
+ z-index:0;
+ }
+
+ #ned {
+ top: 25%;
+ right: 8%;
+ position: absolute;
+ cursor: pointer;
+ z-index:2;
+ }
+
+ .woman_bubble {
+ top:13%;
+ left: 31%;
+ position: absolute;
+ background: #ffffff;
+ color: #000000;
+ font-family: sinistre;
+ font-size: 16px;
+ line-height: 17px;
+ text-align: center;
+ width: 135px;
+ height: 55px;
+ border-radius: 10px;
+ padding: 18px;
+ border: #000000 solid 1px;
+ z-index: 50;
+ }
+
+ .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;
+ }
+ .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%;
+ left: 43%;
+ position: absolute;
+ background: #ffffff;
+ color: #000000;
+ font-family: sinistre;
+ font-size: 16px;
+ line-height: 17px;
+ text-align: center;
+ width: 160px;
+ height: 55px;
+ border-radius: 10px;
+ padding: 18px;
+ border: #000000 solid 1px;
+ z-index: 50;
+ }
+ .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:30%;
+ left: 65%;
+ 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;
+ }
+ .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:75%;
+ left: 65%;
+ 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;
+ }
+ .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 {
+ top:3%;
+ left: 88%;
+ position: absolute;
+ background: #ffffff;
+ color: #000000;
+ font-family: sinistre;
+ font-size: 16px;
+ line-height: 17px;
+ text-align: center;
+ width: 150px;
+ height: 50px;
+ border-radius: 10px;
+ padding: 18px;
+ border: #000000 solid 1px;
+ z-index:50;
+ }
+ .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 {
+ top:17%;
+ left: 84%;
+ position: absolute;
+ background: #ffffff;
+ color: #000000;
+ font-family: sinistre;
+ font-size: 16px;
+ line-height: 17px;
+ text-align: center;
+ width: 200px;
+ height: 160px;
+ border-radius: 10px;
+ padding: 18px;
+ border: #000000 solid 1px;
+ z-index:50;
+}
+.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 {
+ top:50%;
+ left: 90%;
+ position: absolute;
+ background: #ffffff;
+ color: #000000;
+ font-family: sinistre;
+ font-size: 16px;
+ line-height: 17px;
+ text-align: center;
+ width: 220px;
+ height: 140px;
+ border-radius: 10px;
+ padding: 18px;
+ border: #000000 solid 1px;
+ z-index:50;
+}
+.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:black;
+ }
+
+ /* Track */
+ ::-webkit-scrollbar-track {
+ background: black;
+ }
+
+ /* Handle */
+ ::-webkit-scrollbar-thumb {
+ background: black;
+ }
+
+ /* Handle on hover */
+ ::-webkit-scrollbar-thumb:hover {
+ background: black;
+ }
\ No newline at end of file
diff --git a/tree/spring_river.html b/tree/spring_river.html
new file mode 100644
index 0000000..b2bfd50
--- /dev/null
+++ b/tree/spring_river.html
@@ -0,0 +1,186 @@
+
+
+
+
+
+
spring river
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ not yet :(
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tree/square_satanism.html b/tree/square_satanism.html
index db97e8d..78ff4fe 100644
--- a/tree/square_satanism.html
+++ b/tree/square_satanism.html
@@ -117,7 +117,7 @@
var avatar = $("#player_img");
var baloon = $(".bubble");
- $(".figure1").click (function(){
+ $("#person1").click (function(){
check_flipping();
villagers ++;
$(".fighters").html(villagers);
@@ -132,7 +132,7 @@
end_recluting();
});
- $(".figure2").click (function(){
+ $("#person2").click (function(){
check_flipping();
villagers ++;
$(".fighters").html(villagers);
@@ -147,7 +147,7 @@
end_recluting();
});
- $(".figure3").click (function(){
+ $("#person3").click (function(){
check_flipping();
villagers ++;
$(".fighters").html(villagers);
@@ -162,7 +162,7 @@
end_recluting();
});
- $(".figure4").click (function(){
+ $("#person4").click (function(){
if (avatar.hasClass("flipped") == false) {
avatar.addClass("flipped");
}
@@ -179,7 +179,7 @@
end_recluting();
});
- $(".figure5").click (function(){
+ $("#person5").click (function(){
if (avatar.hasClass("flipped") == false) {
avatar.addClass("flipped");
}
@@ -198,7 +198,7 @@
end_recluting();
});
- $(".figure6").click (function(){
+ $("#person6").click (function(){
check_flipping();
villagers ++;
$(".fighters").html(villagers);
@@ -214,7 +214,7 @@
end_recluting();
});
- $(".figure7").click (function(){
+ $("#person7").click (function(){
if (avatar.hasClass("flipped") == false) {
avatar.addClass("flipped");
}
@@ -232,7 +232,7 @@
end_recluting();
});
- $(".figure8").click (function(){
+ $("#person8").click (function(){
check_flipping();
villagers ++;
$(".fighters").html(villagers);
@@ -248,7 +248,7 @@
end_recluting();
});
- $(".figure9").click (function(){
+ $("#person9").click (function(){
check_flipping();
villagers ++;
$(".fighters").html(villagers);
-
- 
- 
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
-