diff --git a/.DS_Store b/.DS_Store index b466f3c..2ebd59e 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/tree/butchery.css b/tree/butchery.css new file mode 100644 index 0000000..eae6f7a --- /dev/null +++ b/tree/butchery.css @@ -0,0 +1,430 @@ + +@font-face { + font-family: sinistre; + src: url(fonts/Sinistre-StCaroline.woff), + url(fonts/Sinistre-StCaroline.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{ + width: 120%; + height: 120%; + position:fixed; + margin:-100px; + background-color: white; + z-index:-10; + } + + svg { + width: 100%; + height: 100%; + position:fixed; + z-index: -10; + stroke:black; + stroke-width:1px; + } + + .instructions{ + font-family:jolyregularitalic; + + } + span.instructions_arrow{ + padding-left:40px; + font-size: 2.4vw; + font-family:jolybolditalic; +} + +div.text_container { + bottom: 40px; + left:40px; + right:40px; + position:fixed; + margin: auto; + line-height: 1.4em; + z-index: 50; +} + + +.game_bar { + top:40px; + right:80px; + position:fixed; + border-radius: 25vw; + padding-left: 10px; + padding-right: 10px; + font-family: sinistre; + background-color: white; + border: 0.11vw black solid; + border-radius: 25vw; + color:black; + cursor:pointer; + font-size: 1.4vw; +} +.game_bar_glow{ + border: 0.11vw transparent solid; + background-color: transparent; + -webkit-box-shadow: 0px 0px 8px 1px black ; + -moz-box-shadow: 0px 0px 8px 1px black ; + box-shadow: 0px 0px 8px 1px black ; +} +.win{ + animation-name: cats; + animation-duration: 0.2s; +} + +@keyframes cats { + 0% {top: 80px;} + 25% {top: 82px;} + 50% {top: 80px;} + 75% {top: 82px;} + 100% {top: 80px;} +} + +button{ + -webkit-appearance: none; + background-color: white; + border: 0.11vw black solid; + border-radius: 25vw; + color:black; + cursor:pointer; + font-family: jolybolditalic; +} + +@keyframes touch { + 0% {transform: rotate(0deg);} + 50% {transform: rotate(-10deg);} + 100% {transform: rotate(0deg);} + } + +.touch_animation{ + animation-name: touch; + animation-duration: 0.2s; +} + +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; +} + +#cover{ + height: 100%; + width:100%; + top:0px; + left: 0px; + position:absolute; + /*background-color: aqua;*/ + z-index: 40; +} + +#pat { + bottom: 25%; + left: 20%; + position:absolute; + z-index: 50; +} + +#pat_flame { + bottom: 25%; + left: 22%; + position:absolute ; + z-index: 51; +} + + +#butcher { + bottom: 24%; + right: 8%; + position:absolute ; + z-index: 50; +} + +#knife{ + bottom: 30%; + right: 12%; + position:absolute ; +} + +#player_img{ + bottom: 24%; + left: 13%; + position:absolute; + z-index: 50; +} + +.invert_style{ + filter: invert(100%); +} + +/*tables*/ + +#thunder{ + top:0%; + left:28%; + position:absolute; + height: 130px; +} + +.plant1{ + top:13%; + left:20%; + position:absolute; +} +.plant2{ + top:13%; + left:50%; + position:absolute; +} +.plant3{ + top:40%; + right:10%; + position:absolute; +} + +#table1{ + top:20%; + left:10%; + position:absolute; +} +#table2{ + top:20%; + left:25%; + position:absolute; +} +#table3{ + top:20%; + left:40%; + position:absolute; +} +#table4{ + top:20%; + left:55%; + position:absolute; +} +#table5{ + top:20%; + left:70%; + position:absolute; +} +#table6{ + top:40%; + left:10%; + position:absolute; +} +#table7{ + top:40%; + left:25%; + position:absolute; +} +#table8{ + top:40%; + left:40%; + position:absolute; +} +#table9{ + top:40%; + left:55%; + position:absolute; +} +#table10{ + top:40%; + left:70%; + position:absolute; +} +#table11{ + top:60%; + left:40%; + position:absolute; +} +#table12{ + top:60%; + left:55%; + position:absolute; +} + +/* baloons*/ +.bubble1 { + left: 20%; + bottom: 46%; + position: absolute; + background: #ffffff; + color: #000000; + font-family: sinistre; + font-size: 16px; + line-height: 17px; + text-align: center; + width: 200px; + height: 105px; + border-radius: 10px; + padding: 18px; + border: #000000 solid 1px; + z-index:50; + cursor: pointer; +} +.bubble1:after { + content: ''; + position: absolute; + display: block; + width: 0; + z-index: 1; + border-style: solid; + border-width: 20px 20px 0 0; + border-color: #ffffff transparent transparent transparent; + bottom: -20px; + left: 19%; + margin-left: -10px; +} +.bubble1:before { + content: ''; + position: absolute; + width: 0; + z-index: 0; + border-style: solid; + border-width: 21px 21px 0 0; + border-color: #000000 transparent transparent transparent; + bottom: -22px; + left: 19%; + margin-left: -11px; + display: block; +} +.bubble2 { + left: 20%; + bottom: 43%; + position: absolute; + background: #ffffff; + color: #000000; + font-family: sinistre; + font-size: 16px; + line-height: 17px; + text-align: center; + width: 200px; + height: 105px; + border-radius: 10px; + padding: 18px; + border: #000000 solid 1px; + z-index:50; +} +.bubble2:after { + content: ''; + position: absolute; + display: block; + width: 0; + z-index: 1; + border-style: solid; + border-width: 20px 20px 0 0; + border-color: #ffffff transparent transparent transparent; + bottom: -20px; + left: 19%; + margin-left: -10px; +} +.bubble2:before { + content: ''; + position: absolute; + width: 0; + z-index: 0; + border-style: solid; + border-width: 21px 21px 0 0; + border-color: #000000 transparent transparent transparent; + bottom: -22px; + left: 19%; + margin-left: -11px; + display: block; +} +.bubble3 { + left: 33%; + bottom: 28%; + position: absolute; + background: #ffffff; + color: #000000; + font-family: sinistre; + font-size: 16px; + line-height: 17px; + text-align: center; + width: 200px; + height: 50px; + border-radius: 10px; + padding: 18px; + border: #000000 solid 1px; +} +.bubble3:after { + content: ''; + position: absolute; + display: block; + width: 0; + z-index: 1; + border-style: solid; + border-color: transparent #ffffff; + border-width: 10px 20px 10px 0; + top: 39%; + left: -20px; + margin-top: -10px; +} +.bubble3:before { + content: ''; + position: absolute; + width: 0; + z-index: 0; + border-style: solid; + border-color: transparent #000000; + border-width: 11px 21px 11px 0; + top: 39%; + left: -21.5px; + margin-top: -11px; + display: block; +} + + + + /* Track */ + ::-webkit-scrollbar-track { + background: white; + } + + /* Handle */ + ::-webkit-scrollbar-thumb { + background: white; + } + + /* Handle on hover */ + ::-webkit-scrollbar-thumb:hover { + background: white; + } \ No newline at end of file diff --git a/tree/butchery.html b/tree/butchery.html new file mode 100644 index 0000000..d58bcec --- /dev/null +++ b/tree/butchery.html @@ -0,0 +1,284 @@ + + + + + + butcher shop + + + + + +
+
+ + + + + + + + + + + +
+ + + + + + +
+ +
+
+ +
+
+ +
+ + + + + + + + + + + + + + + + +
I believe the butcher is also one of the saurians settlers: + I suspect that some of the meat stored here is actually cat's meat. + Help me to check out these steaks!
+ + + + + +
+
+ You are now in the butcher shop's storage room.
+
+ + + + + +
+ + + + + + + + + + \ No newline at end of file diff --git a/tree/fonts/Sinistre-S†Caroline.otf b/tree/fonts/Sinistre-StCaroline.otf similarity index 100% rename from tree/fonts/Sinistre-S†Caroline.otf rename to tree/fonts/Sinistre-StCaroline.otf diff --git a/tree/imgs/.DS_Store b/tree/imgs/.DS_Store index 910c654..f618ce7 100644 Binary files a/tree/imgs/.DS_Store and b/tree/imgs/.DS_Store differ diff --git a/tree/imgs/butchery/.DS_Store b/tree/imgs/butchery/.DS_Store new file mode 100644 index 0000000..4022baf Binary files /dev/null and b/tree/imgs/butchery/.DS_Store differ diff --git a/tree/imgs/butchery/butcher1.gif b/tree/imgs/butchery/butcher1.gif new file mode 100644 index 0000000..0831423 Binary files /dev/null and b/tree/imgs/butchery/butcher1.gif differ diff --git a/tree/imgs/butchery/cat.gif b/tree/imgs/butchery/cat.gif new file mode 100644 index 0000000..738be92 Binary files /dev/null and b/tree/imgs/butchery/cat.gif differ diff --git a/tree/imgs/butchery/cat_f.gif b/tree/imgs/butchery/cat_f.gif new file mode 100644 index 0000000..2e070ab Binary files /dev/null and b/tree/imgs/butchery/cat_f.gif differ diff --git a/tree/imgs/butchery/knife3.png b/tree/imgs/butchery/knife3.png new file mode 100644 index 0000000..0dee050 Binary files /dev/null and b/tree/imgs/butchery/knife3.png differ diff --git a/tree/imgs/butchery/meat.png b/tree/imgs/butchery/meat.png new file mode 100644 index 0000000..89e4643 Binary files /dev/null and b/tree/imgs/butchery/meat.png differ diff --git a/tree/imgs/butchery/meat1.gif b/tree/imgs/butchery/meat1.gif new file mode 100644 index 0000000..7549214 Binary files /dev/null and b/tree/imgs/butchery/meat1.gif differ diff --git a/tree/imgs/butchery/meat_F.gif b/tree/imgs/butchery/meat_F.gif new file mode 100644 index 0000000..8391487 Binary files /dev/null and b/tree/imgs/butchery/meat_F.gif differ diff --git a/tree/imgs/butchery/parrot.gif b/tree/imgs/butchery/parrot.gif new file mode 100644 index 0000000..9fa26d0 Binary files /dev/null and b/tree/imgs/butchery/parrot.gif differ diff --git a/tree/imgs/butchery/parrot_d.png b/tree/imgs/butchery/parrot_d.png new file mode 100644 index 0000000..a5228d7 Binary files /dev/null and b/tree/imgs/butchery/parrot_d.png differ diff --git a/tree/imgs/butchery/parrot_r.gif b/tree/imgs/butchery/parrot_r.gif new file mode 100644 index 0000000..f08850b Binary files /dev/null and b/tree/imgs/butchery/parrot_r.gif differ diff --git a/tree/imgs/butchery/plant3.gif b/tree/imgs/butchery/plant3.gif new file mode 100644 index 0000000..a6ccef5 Binary files /dev/null and b/tree/imgs/butchery/plant3.gif differ diff --git a/tree/imgs/butchery/roasted.gif b/tree/imgs/butchery/roasted.gif new file mode 100644 index 0000000..7df15b7 Binary files /dev/null and b/tree/imgs/butchery/roasted.gif differ diff --git a/tree/imgs/butchery/thunder.gif b/tree/imgs/butchery/thunder.gif new file mode 100644 index 0000000..21f3ad7 Binary files /dev/null and b/tree/imgs/butchery/thunder.gif differ diff --git a/tree/major_house.html b/tree/major_house.html index 610e318..77c74f0 100644 --- a/tree/major_house.html +++ b/tree/major_house.html @@ -77,7 +77,7 @@ @@ -91,7 +91,7 @@