diff --git a/tree/saurians_head.css b/tree/saurians_head.css index 029b34f..bee20e1 100644 --- a/tree/saurians_head.css +++ b/tree/saurians_head.css @@ -321,8 +321,8 @@ img#cat3{ #amanda{ - left: 46.5%; - bottom:50%; + left: 45%; + bottom:48%; position: absolute; z-index: 12; } diff --git a/tree/spring_river.css b/tree/spring_river.css index f25285b..ed574a8 100644 --- a/tree/spring_river.css +++ b/tree/spring_river.css @@ -58,7 +58,8 @@ } #ground_color { - width: 5100px; + /*width: 5100px;*/ + width:560vh; height: 120%; position:fixed; margin:-100px; @@ -69,7 +70,8 @@ #ground{ position:absolute; height:100%; - width:5000px; + /*width:5000px;*/ + width:560vh; } #groundline { @@ -258,12 +260,6 @@ div#player_img { z-index: 10; } -#amanda{ - right: 11.5%; - top:33%; - position: absolute; - z-index: 10; -} /*images*/ @@ -312,7 +308,7 @@ div#player_img { .bubble1 { right: 8.5%; - top:12%; + top:13%; position: absolute; background: #ffffff; color: #000000; @@ -326,6 +322,7 @@ div#player_img { padding: 18px; border: #000000 solid 1px; z-index: 50; + cursor: pointer; } .bubble1:after { content: ''; @@ -370,6 +367,7 @@ div#player_img { padding: 18px; border: #000000 solid 1px; z-index: 50; + cursor: pointer; } .bubble2:after { content: ''; @@ -398,8 +396,36 @@ div#player_img { display: block; } +#amanda{ + right: 11.5%; + top:33%; + position: absolute; + z-index: 31; +} +#cloud{ + top: 40%; + right: 10%; + position: absolute; + z-index:30; +} +#cloud2{ + top: 38%; + right: 12%; + position: absolute; + z-index:30; +} +#thunders{ + top: 0%; + right: 9%; + position: absolute; + z-index:30; +} + +.blur_background { + filter: blur(20px); +} /* hide scroll bar */ diff --git a/tree/spring_river.html b/tree/spring_river.html index 6756319..1b08b62 100644 --- a/tree/spring_river.html +++ b/tree/spring_river.html @@ -10,12 +10,12 @@ -
+
-
+
-
-
+
+
@@ -28,67 +28,70 @@
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- - - + + + - - + + + + +
@@ -185,6 +188,11 @@ $(document).keydown(function(e) { $("#tree_flipped4").show(); } + if (left_Percentage >= 70) { + $(".message1").hide(); + $(".message2").show(); + } + switch (e.which) { case 37: offset.left -= 20; @@ -203,9 +211,10 @@ $(document).keydown(function(e) { } if (offset.left > $("#ground").width() - 1090) { offset.left = $("#ground").width() - 1090; - $(document).scrollLeft(4000); + /*$(document).scrollLeft(4000); $(".message1").hide(); $(".message2").show(); + */ } $div.css("left", offset.left); @@ -247,28 +256,41 @@ $(document).keydown(function(e) { function reach_counter() { if ( shooting_counter == 3 ) { - $("#amanda").show(); - $(".message2").hide(); - $(".message3").show(); + $("#thunders").show(); setTimeout( function () { - $(".bubble1").show(); + $("#cloud, #cloud2").show(); setTimeout( function () { - $(".bad").hide(); - $(".good").show(); - $(".stop_invert").removeClass("invert"); - $('html').css({overflow: 'hidden'}); + $(".blur").addClass("blur_background"); + $("#amanda").show(); + $(".message2").hide(); + $(".message3").show(); setTimeout( function () { - $(".bubble2").show(); - $(".message3").hide(); - $(".message4").show(); - }, 2000); - }, 4000); - }, 2000); - }; - - + $(".bubble1").show(); + }, 500); + }, 800); + }, 500); + } } + $(".bubble1").click(function() { + $(".bubble1").hide(); + $(".bad").hide(); + $(".good").show(); + /*$(".stop_invert").removeClass("invert");*/ + /*$('html').css({overflow: 'hidden'});*/ + setTimeout( function () { + $(".bubble2").show(); + $(".message3").hide(); + $(".message4").show(); + setTimeout( function () { + $(".blur").removeClass("blur_background"); + }, 500); + }, 500); + }); + + $(".bubble2").click(function() { + $(".bubble2").hide(); + }); diff --git a/tree/thesis.css b/tree/thesis.css index 0ca6022..77ed060 100644 --- a/tree/thesis.css +++ b/tree/thesis.css @@ -34,6 +34,7 @@ color: black; background-color: #c94dff; + } body{ font-size: 1.2vw;