From 0e9d737ffe3ad38de3a7834a227125b6749f19bc Mon Sep 17 00:00:00 2001 From: *anna* Date: Tue, 8 Jun 2021 19:12:16 +0200 Subject: [PATCH] corro --- tree/bus_station.css | 4 +- tree/bus_station.html | 36 ++------- tree/imgs/.DS_Store | Bin 18436 -> 18436 bytes tree/imgs/butchery/.DS_Store | Bin 6148 -> 6148 bytes tree/imgs/monteferro/farmer_replace.gif | Bin 0 -> 14240 bytes .../imgs/{butchery => monteferro}/roasted.gif | Bin tree/monteferro.css | 72 +++++++++++++++--- tree/monteferro.html | 54 ++++++++----- tree/park.css | 6 +- tree/park.html | 15 ++-- tree/park_N.html | 70 +++++++++++------ tree/park_N_clues.css | 38 +++++---- tree/park_N_clues.html | 52 +++++++++---- tree/park_walk.css | 18 +++-- tree/saurians_head.css | 3 - tree/saurians_head.html | 8 +- 16 files changed, 249 insertions(+), 127 deletions(-) create mode 100644 tree/imgs/monteferro/farmer_replace.gif rename tree/imgs/{butchery => monteferro}/roasted.gif (100%) diff --git a/tree/bus_station.css b/tree/bus_station.css index 21f2a11..b5cfff2 100644 --- a/tree/bus_station.css +++ b/tree/bus_station.css @@ -83,7 +83,7 @@ div.text_container { - bottom: 40px; + bottom: 20px; left:40px; right:40px; position:fixed; @@ -363,6 +363,7 @@ div#player_img { padding: 18px; border: #000000 solid 1px; z-index: 50; + cursor: pointer; } .bubble1:after { content: ''; @@ -407,6 +408,7 @@ div#player_img { padding: 18px; border: #000000 solid 1px; z-index: 50; + cursor: pointer; } .bubble2:after { content: ''; diff --git a/tree/bus_station.html b/tree/bus_station.html index f21fadb..ae3185a 100644 --- a/tree/bus_station.html +++ b/tree/bus_station.html @@ -105,8 +105,8 @@ - - + +
@@ -281,6 +281,12 @@ $(document).keydown(function(e) { }, 2000); }; } + $(".bubble1").click(function () { + $(".bubble1").toggle(); + }); + $(".bubble2").click(function () { + $(".bubble2").toggle(); + }); $("#meat1").click(function () { 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); -} -*/ - - - - - diff --git a/tree/imgs/.DS_Store b/tree/imgs/.DS_Store index ec46930c66285f764678d932a7e481db85da2ff3..fde61e9eb31c776cbf912babf0751dff8113902d 100644 GIT binary patch delta 69 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 literal 0 HcmV?d00001 diff --git a/tree/imgs/butchery/roasted.gif b/tree/imgs/monteferro/roasted.gif similarity index 100% rename from tree/imgs/butchery/roasted.gif rename to tree/imgs/monteferro/roasted.gif diff --git a/tree/monteferro.css b/tree/monteferro.css index 3907f82..7c85988 100644 --- a/tree/monteferro.css +++ b/tree/monteferro.css @@ -38,10 +38,8 @@ body { font-family: jolyregular; font-size: 1.8vw; - } - .instructions{ font-family:jolyregularitalic; @@ -64,7 +62,7 @@ div.text_container { - bottom: 40px; + bottom: 35px; left:40px; right:40px; position:fixed; @@ -77,7 +75,6 @@ div.text_container { right:80px; position:fixed; border-radius: 25vw; - padding-left: 10px; padding-right: 10px; font-family: sinistre; @@ -89,9 +86,7 @@ div.text_container { border: 0.11vw black solid; border-radius: 25vw; color:black; - cursor:pointer; font-size: 1.4vw; - } button{ @@ -122,6 +117,7 @@ span.button_text{ left: 15%; position:absolute ; z-index: 1; + cursor: pointer; } #player_img { @@ -136,6 +132,7 @@ span.button_text{ right: 7%; position:absolute ; z-index: 5; + cursor: pointer; } #gallina2{ @@ -143,6 +140,15 @@ span.button_text{ right: 20%; position:absolute ; z-index: 5; + cursor: pointer; +} + +#gallina3{ + bottom: 52%; + left: 24%; + position:absolute ; + z-index: 5; + cursor: pointer; } #tree1 { @@ -171,8 +177,8 @@ span.button_text{ font-size: 16px; line-height: 17px; text-align: center; - width: 50px; - height: 20px; + width: 90px; + height: 50px; border-radius: 10px; padding: 18px; border: #000000 solid 1px; @@ -203,7 +209,51 @@ span.button_text{ margin-left: -10px; 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 { @@ -253,7 +303,7 @@ img.corn{ .ned_baloon1 { left: 5%; - bottom: 47%; + bottom: 43%; position: absolute; background: #ffffff; color: #000000; @@ -267,6 +317,7 @@ img.corn{ padding: 18px; border: #000000 solid 1px; z-index:10; + cursor: pointer; } .ned_baloon1:after { content: ''; @@ -310,6 +361,7 @@ img.corn{ padding: 18px; border: #000000 solid 1px; z-index: 11; + cursor: pointer; } .ned_baloon2:after { content: ''; diff --git a/tree/monteferro.html b/tree/monteferro.html index d79ee70..b78b493 100644 --- a/tree/monteferro.html +++ b/tree/monteferro.html @@ -15,14 +15,16 @@ - + + - - + + +
- - + +
@@ -58,8 +60,8 @@
- @@ -126,12 +126,13 @@ $(document).keydown(function(e) { }); } - if (left_Percentage > 80) { + if (left_Percentage > 70) { + $("#cat").addClass("flipped"); $("#cat").show(); - $("#cat").animate({ left: "110%" }, { - duration: 2500 + $("#cat").animate({ left: "20%" }, { + duration: 1500 }).promise().done(function(){ - $("#cat").hide(); + $("#cat").hide(); }); } @@ -213,6 +214,9 @@ $(document).keydown(function(e) { $("#woman").click (function(){ + $(".woman_bubble").show(); + }); + $(".woman_bubble").click (function(){ $(".woman_bubble").toggle(); }); @@ -221,40 +225,56 @@ $(document).keydown(function(e) { }); $(".dog_bubble").click (function(){ - $(".message1").hide(); + $(".message1, .dog_bubble").hide(); $(".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(){ + $(".vendor_bubble").show(); + }); + $(".vendor_bubble").click (function(){ $(".vendor_bubble").toggle(); }); $("#sport1").click (function(){ + $(".fit2_bubble").show(); + }); + $(".fit2_bubble").click (function(){ $(".fit2_bubble").toggle(); }); $("#sport2").click (function(){ + $(".fit1_bubble").show(); + }); + $(".fit1_bubble").click (function(){ $(".fit1_bubble").toggle(); }); $("#ned").click (function(){ - $(".ned_bubble1").toggle(); + $(".ned_bubble1").show(); $(".message2").show(); $(".message1").hide(); - setTimeout (function () { - $(".ned_bubble2").show(); - },2000); + }); + + $(".ned_bubble1").click (function(){ + $(".ned_bubble2").show(); + $(".ned_bubble1").hide(); }); $(".ned_bubble2").click (function(){ - $(".ned_bubble3").toggle(); + $(".ned_bubble2").toggle(); + $(".ned_bubble3").show(); $(".message2").hide(); - setTimeout (function () { - $(".message3").show(); - },3000); + $(".message3").show(); + }); + + $(".ned_bubble3").click (function(){ + $(".ned_bubble3").toggle(); }); diff --git a/tree/park_N_clues.css b/tree/park_N_clues.css index 3a57c23..aa1d637 100644 --- a/tree/park_N_clues.css +++ b/tree/park_N_clues.css @@ -80,7 +80,7 @@ div.text_container { - bottom: 40px; + bottom: 20px; left:40px; right:40px; position:fixed; @@ -336,6 +336,7 @@ span.button_text{ padding: 18px; border: #000000 solid 1px; z-index:50; + cursor: pointer; } .woman_bubble:after { content: ''; @@ -364,20 +365,21 @@ span.button_text{ display: block; } .dog_bubble { - bottom:33%; - left: 40%; + bottom:38.5%; + left: 36%; position: absolute; background: #ffffff; color: #000000; font-family: sinistre; font-size: 16px; text-align: center; - width:130px; + width:135px; height: 39px; border-radius: 10px; padding: 18px; border: #000000 solid 1px; z-index: 50; + cursor: pointer; } .dog_bubble:after { content: ''; @@ -416,12 +418,13 @@ span.button_text{ font-size: 16px; line-height: 17px; text-align: center; - width: 160px; - height: 65px; + width: 170px; + height: 58px; border-radius: 10px; padding: 18px; border: #000000 solid 1px; z-index: 50; + cursor: pointer; } .vendor_bubble:after { content: ''; @@ -458,12 +461,13 @@ span.button_text{ font-family: sinistre; font-size: 16px; text-align: center; - width: 150px; - height: 70px; + width: 160px; + height: 65px; border-radius: 10px; padding: 18px; border: #000000 solid 1px; z-index: 50; + cursor: pointer; } .woman2_bubble:after { content: ''; @@ -493,7 +497,7 @@ span.button_text{ } .fit2_bubble { - bottom:31%; + bottom:33.5%; left: 64%; position: absolute; background: #ffffff; @@ -501,12 +505,13 @@ span.button_text{ font-family: sinistre; font-size: 16px; text-align: center; - width: 150px; - height: 55px; + width: 170px; + height: 45px; border-radius: 10px; padding: 18px; border: #000000 solid 1px; z-index: 50; + cursor: pointer; } .fit2_bubble:after { content: ''; @@ -543,12 +548,13 @@ span.button_text{ font-family: sinistre; font-size: 16px; text-align: center; - width: 150px; - height: 80px; + width: 170px; + height: 60px; border-radius: 10px; padding: 18px; border: #000000 solid 1px; z-index: 50; + cursor: pointer; } .fit1_bubble:after { content: ''; @@ -593,6 +599,7 @@ span.button_text{ padding: 18px; border: #000000 solid 1px; z-index:50; + cursor: pointer; } .ned_bubble1:after { content: ''; @@ -637,6 +644,8 @@ span.button_text{ padding: 18px; border: #000000 solid 1px; z-index:50; + cursor: pointer; + } .ned_bubble2:after { content: ''; @@ -666,7 +675,7 @@ span.button_text{ } .ned_bubble3 { - top:50%; + top:47%; left: 90%; position: absolute; background: #ffffff; @@ -681,6 +690,7 @@ span.button_text{ padding: 18px; border: #000000 solid 1px; z-index:50; + cursor: pointer; } .ned_bubble3:after { content: ''; diff --git a/tree/park_N_clues.html b/tree/park_N_clues.html index 86ce5bb..2740a9c 100644 --- a/tree/park_N_clues.html +++ b/tree/park_N_clues.html @@ -44,15 +44,15 @@ - - - - - - + + + + + + - - + +
@@ -225,39 +225,65 @@ $(document).keydown(function(e) { $("#woman").click (function(){ + $(".woman_bubble").show(); + }); + + $(".woman_bubble").click (function(){ $(".woman_bubble").toggle(); }); $("#woman2").click (function(){ + $(".woman2_bubble").show(); + }); + $(".woman2_bubble").click (function(){ $(".woman2_bubble").toggle(); }); $("#dog").click (function(){ + $(".dog_bubble").show(); + }); + $(".dog_bubble").click (function(){ $(".dog_bubble").toggle(); }); $("#newspaper_seller").click (function(){ + $(".vendor_bubble").show(); + }); + $(".vendor_bubble").click (function(){ $(".vendor_bubble").toggle(); }); $("#sport1").click (function(){ + $(".fit2_bubble").show(); + }); + $(".fit2_bubble").click (function(){ $(".fit2_bubble").toggle(); }); $("#sport2").click (function(){ + $(".fit1_bubble").show(); + }); + $(".fit1_bubble").click (function(){ $(".fit1_bubble").toggle(); }); $("#ned").click (function(){ - $(".ned_bubble2").toggle(); + $(".ned_bubble2").show(); $(".message1").hide(); + }); + + $(".ned_bubble2").click( function() { + $(".ned_bubble2").hide(); + $(".ned_bubble3").show(); setTimeout (function () { - $(".ned_bubble3").show(); - setTimeout (function () { $(".message3").show(); - },2000); - },2000); + },1000); + }) + + $(".ned_bubble3").click( function() { + $(".ned_bubble3").toggle(); }); + /* $(".ned_more").click (function(){ $(".ned_bubble3").toggle(); diff --git a/tree/park_walk.css b/tree/park_walk.css index c11a693..d066f03 100644 --- a/tree/park_walk.css +++ b/tree/park_walk.css @@ -80,7 +80,7 @@ div.text_container { - bottom: 40px; + bottom: 20px; left:40px; right:40px; position:fixed; @@ -217,7 +217,7 @@ span.button_text{ z-index:4; } #cat{ - bottom: 20%; + bottom: 22%; left: 70%; position: absolute; z-index:3; @@ -314,7 +314,7 @@ span.button_text{ } .woman_bubble { - top:13%; + top:8%; left: 31%; position: absolute; background: #ffffff; @@ -329,6 +329,7 @@ span.button_text{ padding: 18px; border: #000000 solid 1px; z-index: 50; + cursor: pointer; } .woman_bubble:after { @@ -358,8 +359,8 @@ span.button_text{ display: block; } .dog_bubble { - bottom:33%; - left: 40%; + bottom:35%; + left: 39%; position: absolute; background: #ffffff; color: #000000; @@ -373,6 +374,7 @@ span.button_text{ border: #000000 solid 1px; cursor:pointer; z-index: 50; + cursor: pointer; } .dog_bubble:after { content: ''; @@ -416,6 +418,7 @@ span.button_text{ padding: 18px; border: #000000 solid 1px; z-index: 50; + cursor: pointer; } .dog_bubble2:after { content: ''; @@ -460,6 +463,7 @@ span.button_text{ padding: 18px; border: #000000 solid 1px; z-index: 50; + cursor: pointer; } .vendor_bubble:after { content: ''; @@ -503,6 +507,7 @@ span.button_text{ padding: 18px; border: #000000 solid 1px; z-index: 50; + cursor: pointer; } .fit2_bubble:after { content: ''; @@ -545,6 +550,7 @@ span.button_text{ padding: 18px; border: #000000 solid 1px; z-index: 50; + cursor: pointer; } .fit1_bubble:after { content: ''; @@ -589,6 +595,7 @@ span.button_text{ padding: 18px; border: #000000 solid 1px; z-index:50; + cursor: pointer; } .ned_bubble1:after { content: ''; @@ -678,6 +685,7 @@ span.button_text{ padding: 18px; border: #000000 solid 1px; z-index:50; + cursor: pointer; } .ned_bubble3:after { content: ''; diff --git a/tree/saurians_head.css b/tree/saurians_head.css index fd212e8..029b34f 100644 --- a/tree/saurians_head.css +++ b/tree/saurians_head.css @@ -444,9 +444,6 @@ img#cat3{ } - - - /* hide scroll bar */ /* width */ ::-webkit-scrollbar { diff --git a/tree/saurians_head.html b/tree/saurians_head.html index d03575b..decb295 100644 --- a/tree/saurians_head.html +++ b/tree/saurians_head.html @@ -38,7 +38,7 @@
- +
@@ -61,7 +61,7 @@
- +
@@ -85,7 +85,7 @@
- +
@@ -102,7 +102,7 @@
- +