annasandri
/
pizzagate
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

corro

Browse Source
master
*anna* 4 years ago
parent 9ea8b62d6a
commit 0e9d737ffe
16 changed files with 249 additions and 127 deletions
Show Stats Download Patch File Download Diff File

4
tree/bus_station.css
Unescape Escape View File

@ -83,7 +83,7 @@
div.text_container { div.text_container {
bottom: 40px; bottom: 20px;
left:40px; left:40px;
right:40px; right:40px;
position:fixed; position:fixed;
@ -363,6 +363,7 @@ div#player_img {
padding: 18px; padding: 18px;
border: #000000 solid 1px; border: #000000 solid 1px;
z-index: 50; z-index: 50;
cursor: pointer;
} }
.bubble1:after { .bubble1:after {
content: ''; content: '';
@ -407,6 +408,7 @@ div#player_img {
padding: 18px; padding: 18px;
border: #000000 solid 1px; border: #000000 solid 1px;
z-index: 50; z-index: 50;
cursor: pointer;
} }
.bubble2:after { .bubble2:after {
content: ''; content: '';

36
tree/bus_station.html
Unescape Escape View File

@ -105,8 +105,8 @@
<div class="bubble1 invert"style="display: none;"><span id="player_name"></span>, this is a guarded entrance. No one from your world is allowed to pass.</div> <div class="bubble1 invert"style="display: none;"><span id="player_name"></span>, this is a guarded entrance. No one from your world is allowed to pass ■</div>
<div class="bubble2 invert"style="display: none;">Unless you are able to pay us back with your pound of flesh. </div> <div class="bubble2 invert"style="display: none;">Unless you are able to pay us back with your pound of flesh ■</div>
<div class="text_container invert"> <div class="text_container invert">
@ -281,6 +281,12 @@ $(document).keydown(function(e) {
}, 2000); }, 2000);
}; };
} }
$(".bubble1").click(function () {
$(".bubble1").toggle();
});
$(".bubble2").click(function () {
$(".bubble2").toggle();
});
$("#meat1").click(function () { $("#meat1").click(function () {
console.log ("ora!") console.log ("ora!")
@ -425,33 +431,7 @@ function enter() {
}); });
} }
/*
function enter() {
$("#fighter1").hide();
document.getElementById("fighter1").style.position = "fixed";
$("#fighter1").css({ left: "82%", top:"40%"});
setTimeout ( function (){
$("#fighter1").show();
$("#fighter1").animate({ top: "100%"}, {
duration: 1000
}).promise().done(function(){
$("#fighter1").hide();
});
}, 500);
}
*/
</script> </script>
<script type="text/javascript" src="index.js" ></script> <script type="text/javascript" src="index.js" ></script>

BIN
tree/imgs/.DS_Store vendored
View File

Binary file not shown.

BIN
tree/imgs/butchery/.DS_Store vendored
View File

Binary file not shown.

BIN
tree/imgs/monteferro/farmer_replace.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

0
tree/imgs/butchery/roasted.gif → tree/imgs/monteferro/roasted.gif
Unescape Escape View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

72
tree/monteferro.css
Unescape Escape View File

@ -38,10 +38,8 @@
body { body {
font-family: jolyregular; font-family: jolyregular;
font-size: 1.8vw; font-size: 1.8vw;
} }
.instructions{ .instructions{
font-family:jolyregularitalic; font-family:jolyregularitalic;
@ -64,7 +62,7 @@
div.text_container { div.text_container {
bottom: 40px; bottom: 35px;
left:40px; left:40px;
right:40px; right:40px;
position:fixed; position:fixed;
@ -77,7 +75,6 @@ div.text_container {
right:80px; right:80px;
position:fixed; position:fixed;
border-radius: 25vw; border-radius: 25vw;
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
font-family: sinistre; font-family: sinistre;
@ -89,9 +86,7 @@ div.text_container {
border: 0.11vw black solid; border: 0.11vw black solid;
border-radius: 25vw; border-radius: 25vw;
color:black; color:black;
cursor:pointer;
font-size: 1.4vw; font-size: 1.4vw;
} }
button{ button{
@ -122,6 +117,7 @@ span.button_text{
left: 15%; left: 15%;
position:absolute ; position:absolute ;
z-index: 1; z-index: 1;
cursor: pointer;
} }
#player_img { #player_img {
@ -136,6 +132,7 @@ span.button_text{
right: 7%; right: 7%;
position:absolute ; position:absolute ;
z-index: 5; z-index: 5;
cursor: pointer;
} }
#gallina2{ #gallina2{
@ -143,6 +140,15 @@ span.button_text{
right: 20%; right: 20%;
position:absolute ; position:absolute ;
z-index: 5; z-index: 5;
cursor: pointer;
}
#gallina3{
bottom: 52%;
left: 24%;
position:absolute ;
z-index: 5;
cursor: pointer;
} }
#tree1 { #tree1 {
@ -171,8 +177,8 @@ span.button_text{
font-size: 16px; font-size: 16px;
line-height: 17px; line-height: 17px;
text-align: center; text-align: center;
width: 50px; width: 90px;
height: 20px; height: 50px;
border-radius: 10px; border-radius: 10px;
padding: 18px; padding: 18px;
border: #000000 solid 1px; border: #000000 solid 1px;
@ -203,7 +209,51 @@ span.button_text{
margin-left: -10px; margin-left: -10px;
display: block; display: block;
} }
#chicken1_baloon {
bottom: 31%;
right: 10%;
position:absolute ;
z-index: 10;
background: #ffffff;
color: #000000;
font-family: sinistre;
font-size: 16px;
line-height: 17px;
text-align: center;
width: 90px;
height: 50px;
border-radius: 10px;
padding: 18px;
border: #000000 solid 1px;
z-index: 50;
cursor: pointer;
}
#chicken1_baloon:after {
content: '';
position: absolute;
display: block;
width: 0;
z-index: 1;
border-style: solid;
border-width: 0 20px 20px 0;
border-color: transparent #ffffff transparent transparent;
bottom: -20px;
left: 68%;
margin-left: -10px;
}
#chicken1_baloon:before {
content: '';
position: absolute;
width: 0;
z-index: 0;
border-style: solid;
border-width: 0 21px 21px 0;
border-color: transparent #000000 transparent transparent;
bottom: -22px;
left: 68%;
margin-left: -10px;
display: block;
}
#mulino { #mulino {
@ -253,7 +303,7 @@ img.corn{
.ned_baloon1 { .ned_baloon1 {
left: 5%; left: 5%;
bottom: 47%; bottom: 43%;
position: absolute; position: absolute;
background: #ffffff; background: #ffffff;
color: #000000; color: #000000;
@ -267,6 +317,7 @@ img.corn{
padding: 18px; padding: 18px;
border: #000000 solid 1px; border: #000000 solid 1px;
z-index:10; z-index:10;
cursor: pointer;
} }
.ned_baloon1:after { .ned_baloon1:after {
content: ''; content: '';
@ -310,6 +361,7 @@ img.corn{
padding: 18px; padding: 18px;
border: #000000 solid 1px; border: #000000 solid 1px;
z-index: 11; z-index: 11;
cursor: pointer;
} }
.ned_baloon2:after { .ned_baloon2:after {
content: ''; content: '';

54
tree/monteferro.html
Unescape Escape View File

@ -15,14 +15,16 @@
<img id="tree1" src="imgs/monteferro/tree.gif" height="220px"> <img id="tree1" src="imgs/monteferro/tree.gif" height="220px">
<img id="gallina1" src="imgs/monteferro/gallina2.gif" height="60px"> <img id="gallina1" src="imgs/monteferro/gallina2.gif" height="60px">
<img id="gallina2" src="imgs/monteferro/gallina2.2.gif" height="60px"> <img id="gallina2" src="imgs/monteferro/gallina2.2.gif" height="60px">
<img id="gallina3" src="imgs/monteferro/gallina2.2.gif" height="60px">
<img class="farmer" id="farmer_figure" src="imgs/monteferro/farmer5.gif" style="display: none;" height="120px"> <img class="farmer" id="farmer_figure" src="imgs/monteferro/farmer_replace.gif" style="display: none;" height="105px">
<div class="farmer" id="farmer_baloon" style="display: none;" >*!!!*</div> <div class="farmer" id="farmer_baloon" style="display: none;" >What are you guys doing here?</div>
<div id="chicken1_baloon" style="display: none;">I won't eat that corn if I were you ■</div>
<div class="baloons"> <div class="baloons">
<div class="ned_baloon1" style="display: none;">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.</div> <div class="ned_baloon1" style="display: none;">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 ✜</div>
<div class="ned_baloon2" style="display: none;" >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.</div> <div class="ned_baloon2" style="display: none;" >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 ■</div>
</div> </div>
<div id="ground"> <div id="ground">
@ -58,8 +60,8 @@
<div class="text_container"> <div class="text_container">
<div class="message1" style="display: none;"> <div class="message1">
Oh lord, it's horrible! What can you do to <button id="ned_more"><span class="button_text">stop this terrible abuse</span></button> ? You are at one of the fields of the Monteferro Food Enterprise.
</div> </div>
<div class="message2 instructions" style="display: none;"> <div class="message2 instructions" style="display: none;">
<span class="instructions_arrow">→</span> 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! <span class="instructions_arrow">→</span> 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!
@ -88,9 +90,6 @@
$('.cobs_collected').html("0"); $('.cobs_collected').html("0");
setTimeout (function () { setTimeout (function () {
$(".ned_baloon1").show(); $(".ned_baloon1").show();
setTimeout (function () {
$(".message1").show();
},5000);
},1000); },1000);
} }
@ -104,14 +103,34 @@
/*ned baloons */ /*ned baloons */
$("#ned_more").click (function () {
$(".ned_baloon1").hide(); $("#gallina1").click (function () {
$(".message1").hide(); $("#chicken1_baloon").show();
});
$("#gallina2").click (function () {
$("#gallina2").attr("src","imgs/monteferro/roasted.gif");
});
$("#gallina3").click (function () {
$("#gallina3").attr("src","imgs/monteferro/roasted.gif");
});
$("#chicken1_baloon").click (function () {
$("#chicken1_baloon").toggle();
});
$(".ned_baloon1").click (function () {
$(".ned_baloon1").toggle();
$(".ned_baloon2").show(); $(".ned_baloon2").show();
setTimeout (function () {
$(".message2").show();
},4000);
}); });
$(".ned_baloon2").click (function () {
$(".message1").hide();
$(".message2").show();
$(".ned_baloon2").toggle();
});
$("#start_button").click (function () { $("#start_button").click (function () {
$(".ned_baloon2,.ned_baloon1, .message1, .message2 ").hide(); $(".ned_baloon2,.ned_baloon1, .message1, .message2 ").hide();
@ -260,11 +279,12 @@ var loose_counter = 0;
$('.cobs_collected').html("5"); $('.cobs_collected').html("5");
} }
if (loose_counter == 6) { if (loose_counter == 3) {
$(".field_cover").css("z-index",10); $(".field_cover").css("z-index",10);
console.log ("you lost!"); console.log ("you lost!");
fluoride_counter = 0; fluoride_counter = 0;
loose_counter = 0; loose_counter = 0;
$("#chicken1_baloon").hide();
$(".message_won").hide(); $(".message_won").hide();
$(".message_lost, .farmer").show(); $(".message_lost, .farmer").show();
} }

6
tree/park.css
Unescape Escape View File

@ -350,7 +350,7 @@ a:hover {
.bubble1 { .bubble1 {
bottom: 76%; bottom: 76%;
left: 46%; left: 45%;
position: absolute; position: absolute;
background: #ffffff; background: #ffffff;
color: #000000; color: #000000;
@ -364,6 +364,7 @@ a:hover {
padding: 18px; padding: 18px;
border: 1px black solid; border: 1px black solid;
z-index: 10; z-index: 10;
cursor: pointer;
} }
.bubble1:after { .bubble1:after {
content: ''; content: '';
@ -394,7 +395,7 @@ a:hover {
.bubble2 { .bubble2 {
bottom: 73%; bottom: 73%;
left: 70%; left: 69.5%;
position: absolute; position: absolute;
background: #ffffff; background: #ffffff;
color: #000000; color: #000000;
@ -408,6 +409,7 @@ a:hover {
padding: 18px; padding: 18px;
border: #000000 solid 1px; border: #000000 solid 1px;
z-index: 10; z-index: 10;
cursor: pointer;
} }
.bubble2:after { .bubble2:after {
content: ''; content: '';

15
tree/park.html
Unescape Escape View File

@ -121,8 +121,8 @@
<img id="kiosk" class="blur" src="imgs/park/stand3.gif" height="150px" style="display: none;"> <img id="kiosk" class="blur" src="imgs/park/stand3.gif" height="150px" style="display: none;">
<div class="comic_div"> <div class="comic_div">
<div class="bubble1" style="display: none;" >Sorry, no fries today</div> <div class="bubble1" style="display: none;" >Sorry, no fries today ✜</div>
<div class="bubble2" style="display: none;" > Have you heard about the cat shelter?It looks like the cats disappeared during the night. They say they left no traces.</div> <div class="bubble2" style="display: none;" > Have you heard about the cat shelter?It looks like the cats disappeared during the night. They say they left no traces ■</div>
</div> </div>
</div> </div>
@ -241,13 +241,18 @@
$("#kiosk").click (function(){ $("#kiosk").click (function(){
$(".bubble1").show(); $(".bubble1").show();
setTimeout (function () { });
$(".bubble2").show();
$(".bubble1").click (function (){
$(".bubble1").hide();
$(".bubble2").show();
setTimeout (function () { setTimeout (function () {
$(".message4").hide(); $(".message4").hide();
$(".message5").show(); $(".message5").show();
},2000); },2000);
},2000); });
$(".bubble2").click (function (){
$(".bubble2").toggle();
}); });
</script> </script>

70
tree/park_N.html
Unescape Escape View File

@ -43,15 +43,15 @@
<img id="ned" src="imgs/park/ned2.gif" height="110px"> <img id="ned" src="imgs/park/ned2.gif" height="110px">
<img id="grass2" src="imgs/park/grass1.gif" height="90px"> <img id="grass2" src="imgs/park/grass1.gif" height="90px">
<div class="woman_bubble" style="display: none;">I don't know, you should try to ask the news vendor.</div> <div class="woman_bubble" style="display: none;">I don't know, you should try to ask the news vendor ■</div>
<div class="dog_bubble" style="display: none;">Have you heard what happened to the cats? [...]</div> <div class="dog_bubble" style="display: none;">Have you heard what happened to the cats? ✜</div>
<div class="dog_bubble2" style="display: none;">It looks like they ran away from the cat shelter tonight.</div> <div class="dog_bubble2" style="display: none;">It looks like they ran away from the cat shelter tonight ■</div>
<div class="vendor_bubble" style="display: none;">I sold a copy to a guy not so long ago. He must be still around.</div> <div class="vendor_bubble" style="display: none;">I sold a copy to a guy not so long ago. He must be still around ■</div>
<div class="fit2_bubble" style="display: none;">...</div> <div class="fit2_bubble" style="display: none;">■</div>
<div class="fit1_bubble" style="display: none;">...</div> <div class="fit1_bubble" style="display: none;">■</div>
<div class="ned_bubble1" style="display: none;">I was hoping that someone would find my newspaper.</div> <div class="ned_bubble1" style="display: none;">I was hoping that someone would find my newspaper ✜</div>
<div class="ned_bubble2" style="display: none;">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 than it looks. Do you wanna know what I just found out? [...]</div> <div class="ned_bubble2" style="display: none;">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 than it looks. Do you wanna know what I just found out? ✜</div>
<div class="ned_bubble3" style="display: none;">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 that what I'm saying is true. </div> <div class="ned_bubble3" style="display: none;">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 that what I'm saying is true ■</div>
</div> </div>
@ -126,12 +126,13 @@ $(document).keydown(function(e) {
}); });
} }
if (left_Percentage > 80) { if (left_Percentage > 70) {
$("#cat").addClass("flipped");
$("#cat").show(); $("#cat").show();
$("#cat").animate({ left: "110%" }, { $("#cat").animate({ left: "20%" }, {
duration: 2500 duration: 1500
}).promise().done(function(){ }).promise().done(function(){
$("#cat").hide(); $("#cat").hide();
}); });
} }
@ -213,6 +214,9 @@ $(document).keydown(function(e) {
$("#woman").click (function(){ $("#woman").click (function(){
$(".woman_bubble").show();
});
$(".woman_bubble").click (function(){
$(".woman_bubble").toggle(); $(".woman_bubble").toggle();
}); });
@ -221,40 +225,56 @@ $(document).keydown(function(e) {
}); });
$(".dog_bubble").click (function(){ $(".dog_bubble").click (function(){
$(".message1").hide(); $(".message1, .dog_bubble").hide();
$(".dog_bubble2, .message_dog").toggle(); $(".dog_bubble2, .message_dog").toggle();
setTimeout ( function() { });
$(".dog_bubble2, .message_dog").hide();
}, 5000) $(".dog_bubble2").click (function(){
$(".message1").hide();
$(".message_dog, .dog_bubble2").toggle();
}); });
$("#newspaper_seller").click (function(){ $("#newspaper_seller").click (function(){
$(".vendor_bubble").show();
});
$(".vendor_bubble").click (function(){
$(".vendor_bubble").toggle(); $(".vendor_bubble").toggle();
}); });
$("#sport1").click (function(){ $("#sport1").click (function(){
$(".fit2_bubble").show();
});
$(".fit2_bubble").click (function(){
$(".fit2_bubble").toggle(); $(".fit2_bubble").toggle();
}); });
$("#sport2").click (function(){ $("#sport2").click (function(){
$(".fit1_bubble").show();
});
$(".fit1_bubble").click (function(){
$(".fit1_bubble").toggle(); $(".fit1_bubble").toggle();
}); });
$("#ned").click (function(){ $("#ned").click (function(){
$(".ned_bubble1").toggle(); $(".ned_bubble1").show();
$(".message2").show(); $(".message2").show();
$(".message1").hide(); $(".message1").hide();
setTimeout (function () { });
$(".ned_bubble2").show();
},2000); $(".ned_bubble1").click (function(){
$(".ned_bubble2").show();
$(".ned_bubble1").hide();
}); });
$(".ned_bubble2").click (function(){ $(".ned_bubble2").click (function(){
$(".ned_bubble3").toggle(); $(".ned_bubble2").toggle();
$(".ned_bubble3").show();
$(".message2").hide(); $(".message2").hide();
setTimeout (function () { $(".message3").show();
$(".message3").show(); });
},3000);
$(".ned_bubble3").click (function(){
$(".ned_bubble3").toggle();
}); });

38
tree/park_N_clues.css
Unescape Escape View File

@ -80,7 +80,7 @@
div.text_container { div.text_container {
bottom: 40px; bottom: 20px;
left:40px; left:40px;
right:40px; right:40px;
position:fixed; position:fixed;
@ -336,6 +336,7 @@ span.button_text{
padding: 18px; padding: 18px;
border: #000000 solid 1px; border: #000000 solid 1px;
z-index:50; z-index:50;
cursor: pointer;
} }
.woman_bubble:after { .woman_bubble:after {
content: ''; content: '';
@ -364,20 +365,21 @@ span.button_text{
display: block; display: block;
} }
.dog_bubble { .dog_bubble {
bottom:33%; bottom:38.5%;
left: 40%; left: 36%;
position: absolute; position: absolute;
background: #ffffff; background: #ffffff;
color: #000000; color: #000000;
font-family: sinistre; font-family: sinistre;
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
width:130px; width:135px;
height: 39px; height: 39px;
border-radius: 10px; border-radius: 10px;
padding: 18px; padding: 18px;
border: #000000 solid 1px; border: #000000 solid 1px;
z-index: 50; z-index: 50;
cursor: pointer;
} }
.dog_bubble:after { .dog_bubble:after {
content: ''; content: '';
@ -416,12 +418,13 @@ span.button_text{
font-size: 16px; font-size: 16px;
line-height: 17px; line-height: 17px;
text-align: center; text-align: center;
width: 160px; width: 170px;
height: 65px; height: 58px;
border-radius: 10px; border-radius: 10px;
padding: 18px; padding: 18px;
border: #000000 solid 1px; border: #000000 solid 1px;
z-index: 50; z-index: 50;
cursor: pointer;
} }
.vendor_bubble:after { .vendor_bubble:after {
content: ''; content: '';
@ -458,12 +461,13 @@ span.button_text{
font-family: sinistre; font-family: sinistre;
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
width: 150px; width: 160px;
height: 70px; height: 65px;
border-radius: 10px; border-radius: 10px;
padding: 18px; padding: 18px;
border: #000000 solid 1px; border: #000000 solid 1px;
z-index: 50; z-index: 50;
cursor: pointer;
} }
.woman2_bubble:after { .woman2_bubble:after {
content: ''; content: '';
@ -493,7 +497,7 @@ span.button_text{
} }
.fit2_bubble { .fit2_bubble {
bottom:31%; bottom:33.5%;
left: 64%; left: 64%;
position: absolute; position: absolute;
background: #ffffff; background: #ffffff;
@ -501,12 +505,13 @@ span.button_text{
font-family: sinistre; font-family: sinistre;
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
width: 150px; width: 170px;
height: 55px; height: 45px;
border-radius: 10px; border-radius: 10px;
padding: 18px; padding: 18px;
border: #000000 solid 1px; border: #000000 solid 1px;
z-index: 50; z-index: 50;
cursor: pointer;
} }
.fit2_bubble:after { .fit2_bubble:after {
content: ''; content: '';
@ -543,12 +548,13 @@ span.button_text{
font-family: sinistre; font-family: sinistre;
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
width: 150px; width: 170px;
height: 80px; height: 60px;
border-radius: 10px; border-radius: 10px;
padding: 18px; padding: 18px;
border: #000000 solid 1px; border: #000000 solid 1px;
z-index: 50; z-index: 50;
cursor: pointer;
} }
.fit1_bubble:after { .fit1_bubble:after {
content: ''; content: '';
@ -593,6 +599,7 @@ span.button_text{
padding: 18px; padding: 18px;
border: #000000 solid 1px; border: #000000 solid 1px;
z-index:50; z-index:50;
cursor: pointer;
} }
.ned_bubble1:after { .ned_bubble1:after {
content: ''; content: '';
@ -637,6 +644,8 @@ span.button_text{
padding: 18px; padding: 18px;
border: #000000 solid 1px; border: #000000 solid 1px;
z-index:50; z-index:50;
cursor: pointer;
} }
.ned_bubble2:after { .ned_bubble2:after {
content: ''; content: '';
@ -666,7 +675,7 @@ span.button_text{
} }
.ned_bubble3 { .ned_bubble3 {
top:50%; top:47%;
left: 90%; left: 90%;
position: absolute; position: absolute;
background: #ffffff; background: #ffffff;
@ -681,6 +690,7 @@ span.button_text{
padding: 18px; padding: 18px;
border: #000000 solid 1px; border: #000000 solid 1px;
z-index:50; z-index:50;
cursor: pointer;
} }
.ned_bubble3:after { .ned_bubble3:after {
content: ''; content: '';

52
tree/park_N_clues.html
Unescape Escape View File

@ -44,15 +44,15 @@
<img id="ned" src="imgs/park/ned2.gif" height="110px"> <img id="ned" src="imgs/park/ned2.gif" height="110px">
<img id="grass2" src="imgs/park/grass1.gif" height="90px"> <img id="grass2" src="imgs/park/grass1.gif" height="90px">
<div class="woman_bubble" style="display: none;">Have you heard about the food poisoning at the school? My son is out for the trip this week-end. I hope everything will be fine.</div> <div class="woman_bubble" style="display: none;">Have you heard about the food poisoning at the school? My son is out for the trip this week-end. I hope everything will be fine ■</div>
<div class="woman2_bubble" style="display: none;">I'm so glad my grandchildren are away for the weekend.</div> <div class="woman2_bubble" style="display: none;">I'm so glad my grandchildren are away for the weekend ■</div>
<div class="dog_bubble" style="display: none;">I would talk to Ned if I were you.</div> <div class="dog_bubble" style="display: none;">I would talk to Ned if I were you ■</div>
<div class="vendor_bubble" style="display: none;">Did you read today's news? Crazy stuff is happening in the valley.</div> <div class="vendor_bubble" style="display: none;">Did you read today's news? Crazy stuff is happening in the valley ■</div>
<div class="fit2_bubble" style="display: none;">I heard that someone is already investigating.</div> <div class="fit2_bubble" style="display: none;">I heard that someone is already investigating ■</div>
<div class="fit1_bubble" style="display: none;">The truth will come out, they are keeping an eye on Monteferro.</div> <div class="fit1_bubble" style="display: none;">The truth will come out, they are keeping an eye on Monteferro ■</div>
<div class="ned_bubble1" style="display: none;">Do you wanna hear what I jound found out?</div> <div class="ned_bubble1" style="display: none;">Do you wanna hear what I jound found out?</div>
<div class="ned_bubble2" style="display: none;">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 than it looks.</div> <div class="ned_bubble2" style="display: none;">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 than it looks ✜</div>
<div class="ned_bubble3" style="display: none;">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 that what I'm saying is true.</div> <div class="ned_bubble3" style="display: none;">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 that what I'm saying is true ■</div>
</div> </div>
@ -225,39 +225,65 @@ $(document).keydown(function(e) {
$("#woman").click (function(){ $("#woman").click (function(){
$(".woman_bubble").show();
});
$(".woman_bubble").click (function(){
$(".woman_bubble").toggle(); $(".woman_bubble").toggle();
}); });
$("#woman2").click (function(){ $("#woman2").click (function(){
$(".woman2_bubble").show();
});
$(".woman2_bubble").click (function(){
$(".woman2_bubble").toggle(); $(".woman2_bubble").toggle();
}); });
$("#dog").click (function(){ $("#dog").click (function(){
$(".dog_bubble").show();
});
$(".dog_bubble").click (function(){
$(".dog_bubble").toggle(); $(".dog_bubble").toggle();
}); });
$("#newspaper_seller").click (function(){ $("#newspaper_seller").click (function(){
$(".vendor_bubble").show();
});
$(".vendor_bubble").click (function(){
$(".vendor_bubble").toggle(); $(".vendor_bubble").toggle();
}); });
$("#sport1").click (function(){ $("#sport1").click (function(){
$(".fit2_bubble").show();
});
$(".fit2_bubble").click (function(){
$(".fit2_bubble").toggle(); $(".fit2_bubble").toggle();
}); });
$("#sport2").click (function(){ $("#sport2").click (function(){
$(".fit1_bubble").show();
});
$(".fit1_bubble").click (function(){
$(".fit1_bubble").toggle(); $(".fit1_bubble").toggle();
}); });
$("#ned").click (function(){ $("#ned").click (function(){
$(".ned_bubble2").toggle(); $(".ned_bubble2").show();
$(".message1").hide(); $(".message1").hide();
});
$(".ned_bubble2").click( function() {
$(".ned_bubble2").hide();
$(".ned_bubble3").show();
setTimeout (function () { setTimeout (function () {
$(".ned_bubble3").show();
setTimeout (function () {
$(".message3").show(); $(".message3").show();
},2000); },1000);
},2000); })
$(".ned_bubble3").click( function() {
$(".ned_bubble3").toggle();
}); });
/* /*
$(".ned_more").click (function(){ $(".ned_more").click (function(){
$(".ned_bubble3").toggle(); $(".ned_bubble3").toggle();

18
tree/park_walk.css
Unescape Escape View File

@ -80,7 +80,7 @@
div.text_container { div.text_container {
bottom: 40px; bottom: 20px;
left:40px; left:40px;
right:40px; right:40px;
position:fixed; position:fixed;
@ -217,7 +217,7 @@ span.button_text{
z-index:4; z-index:4;
} }
#cat{ #cat{
bottom: 20%; bottom: 22%;
left: 70%; left: 70%;
position: absolute; position: absolute;
z-index:3; z-index:3;
@ -314,7 +314,7 @@ span.button_text{
} }
.woman_bubble { .woman_bubble {
top:13%; top:8%;
left: 31%; left: 31%;
position: absolute; position: absolute;
background: #ffffff; background: #ffffff;
@ -329,6 +329,7 @@ span.button_text{
padding: 18px; padding: 18px;
border: #000000 solid 1px; border: #000000 solid 1px;
z-index: 50; z-index: 50;
cursor: pointer;
} }
.woman_bubble:after { .woman_bubble:after {
@ -358,8 +359,8 @@ span.button_text{
display: block; display: block;
} }
.dog_bubble { .dog_bubble {
bottom:33%; bottom:35%;
left: 40%; left: 39%;
position: absolute; position: absolute;
background: #ffffff; background: #ffffff;
color: #000000; color: #000000;
@ -373,6 +374,7 @@ span.button_text{
border: #000000 solid 1px; border: #000000 solid 1px;
cursor:pointer; cursor:pointer;
z-index: 50; z-index: 50;
cursor: pointer;
} }
.dog_bubble:after { .dog_bubble:after {
content: ''; content: '';
@ -416,6 +418,7 @@ span.button_text{
padding: 18px; padding: 18px;
border: #000000 solid 1px; border: #000000 solid 1px;
z-index: 50; z-index: 50;
cursor: pointer;
} }
.dog_bubble2:after { .dog_bubble2:after {
content: ''; content: '';
@ -460,6 +463,7 @@ span.button_text{
padding: 18px; padding: 18px;
border: #000000 solid 1px; border: #000000 solid 1px;
z-index: 50; z-index: 50;
cursor: pointer;
} }
.vendor_bubble:after { .vendor_bubble:after {
content: ''; content: '';
@ -503,6 +507,7 @@ span.button_text{
padding: 18px; padding: 18px;
border: #000000 solid 1px; border: #000000 solid 1px;
z-index: 50; z-index: 50;
cursor: pointer;
} }
.fit2_bubble:after { .fit2_bubble:after {
content: ''; content: '';
@ -545,6 +550,7 @@ span.button_text{
padding: 18px; padding: 18px;
border: #000000 solid 1px; border: #000000 solid 1px;
z-index: 50; z-index: 50;
cursor: pointer;
} }
.fit1_bubble:after { .fit1_bubble:after {
content: ''; content: '';
@ -589,6 +595,7 @@ span.button_text{
padding: 18px; padding: 18px;
border: #000000 solid 1px; border: #000000 solid 1px;
z-index:50; z-index:50;
cursor: pointer;
} }
.ned_bubble1:after { .ned_bubble1:after {
content: ''; content: '';
@ -678,6 +685,7 @@ span.button_text{
padding: 18px; padding: 18px;
border: #000000 solid 1px; border: #000000 solid 1px;
z-index:50; z-index:50;
cursor: pointer;
} }
.ned_bubble3:after { .ned_bubble3:after {
content: ''; content: '';

3
tree/saurians_head.css
Unescape Escape View File

@ -444,9 +444,6 @@ img#cat3{
} }
/* hide scroll bar */ /* hide scroll bar */
/* width */ /* width */
::-webkit-scrollbar { ::-webkit-scrollbar {

8
tree/saurians_head.html
Unescape Escape View File

@ -38,7 +38,7 @@
</div> </div>
<div class="spot2 blur"> <div class="spot2 blur">
<img id="fire2" class="bad" src="imgs/saurian_headquarter/fire2.gif" height="90px"> <img id="fire2" class="bad" src="imgs/saurian_headquarter/fire2.gif" height="90px">
<img id="cat2" class="good" src="imgs/saurian_headquarter/cat2.gif" height="80px"style="display: none;"> <img id="cat2" class="good" src="imgs/saurian_headquarter/baloons.gif" height="80px"style="display: none;">
</div> </div>
<div class="spot3 blur"> <div class="spot3 blur">
<img id="fire3" class="bad" src="imgs/saurian_headquarter/fire3.gif" height="90px"> <img id="fire3" class="bad" src="imgs/saurian_headquarter/fire3.gif" height="90px">
@ -61,7 +61,7 @@
</div> </div>
<div class="figure2 blur"> <div class="figure2 blur">
<img id="saurian2" class="bad" src="imgs/saurian_headquarter/saurian2.gif" height="100px"> <img id="saurian2" class="bad" src="imgs/saurian_headquarter/saurian2.gif" height="100px">
<img id="person2" class="good" src="imgs/saurian_headquarter/person2.gif" height="90px" style="display: none;"> <img id="person2" class="good" src="imgs/saurian_headquarter/person8.gif" height="90px" style="display: none;">
</div> </div>
<div class="figure3 blur"> <div class="figure3 blur">
<img id="saurian3" class="bad" src="imgs/saurian_headquarter/saurian3.gif" height="110px"> <img id="saurian3" class="bad" src="imgs/saurian_headquarter/saurian3.gif" height="110px">
@ -85,7 +85,7 @@
</div> </div>
<div class="figure8 blur"> <div class="figure8 blur">
<img id="saurian8" class="bad" src="imgs/saurian_headquarter/saurian8.gif" height="110px"> <img id="saurian8" class="bad" src="imgs/saurian_headquarter/saurian8.gif" height="110px">
<img id="person8" class="good" src="imgs/saurian_headquarter/person8.gif" height="100px" style="display: none;"> <img id="person8" class="good" src="imgs/saurian_headquarter/person2.gif" height="100px" style="display: none;">
</div> </div>
<div class="figure9 blur"> <div class="figure9 blur">
<img id="saurian9" class="bad" src="imgs/saurian_headquarter/saurian9.gif" height="110px"> <img id="saurian9" class="bad" src="imgs/saurian_headquarter/saurian9.gif" height="110px">
@ -102,7 +102,7 @@
</div> </div>
<div class="scenography3 blur"> <div class="scenography3 blur">
<img class="bad" src="imgs/saurian_headquarter/stone_once.gif" height="150px"> <img class="bad" src="imgs/saurian_headquarter/stone_once.gif" height="150px">
<img class="good" src="imgs/saurian_headquarter/baloons.gif" height="80px" style="display: none;"> <img class="good" src="imgs/saurian_headquarter/cat2.gif" height="80px" style="display: none;">
</div> </div>
<div class="scenography4 blur"> <div class="scenography4 blur">
<img class="bad" src="imgs/saurian_headquarter/stone_once.gif" height="150px"> <img class="bad" src="imgs/saurian_headquarter/stone_once.gif" height="150px">

Write Preview
Loading…
Cancel
Save