diff --git a/.DS_Store b/.DS_Store index 7b5ee05..b2d0c00 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/tree/imgs/.DS_Store b/tree/imgs/.DS_Store index 1cb734d..c91568f 100644 Binary files a/tree/imgs/.DS_Store and b/tree/imgs/.DS_Store differ diff --git a/tree/imgs/bus_station/bus1.gif b/tree/imgs/bus_station/bus1.gif new file mode 100644 index 0000000..05ae317 Binary files /dev/null and b/tree/imgs/bus_station/bus1.gif differ diff --git a/tree/imgs/bus_station/bus2.gif b/tree/imgs/bus_station/bus2.gif new file mode 100644 index 0000000..6f4218d Binary files /dev/null and b/tree/imgs/bus_station/bus2.gif differ diff --git a/tree/imgs/bus_station/car1.gif b/tree/imgs/bus_station/car1.gif new file mode 100644 index 0000000..8f1dd83 Binary files /dev/null and b/tree/imgs/bus_station/car1.gif differ diff --git a/tree/imgs/bus_station/car2.gif b/tree/imgs/bus_station/car2.gif new file mode 100644 index 0000000..7690301 Binary files /dev/null and b/tree/imgs/bus_station/car2.gif differ diff --git a/tree/imgs/bus_station/car3.gif b/tree/imgs/bus_station/car3.gif new file mode 100644 index 0000000..26a06d7 Binary files /dev/null and b/tree/imgs/bus_station/car3.gif differ diff --git a/tree/imgs/bus_station/car4.gif b/tree/imgs/bus_station/car4.gif new file mode 100644 index 0000000..338e47f Binary files /dev/null and b/tree/imgs/bus_station/car4.gif differ diff --git a/tree/imgs/bus_station/car5.gif b/tree/imgs/bus_station/car5.gif new file mode 100644 index 0000000..5253f55 Binary files /dev/null and b/tree/imgs/bus_station/car5.gif differ diff --git a/tree/imgs/bus_station/car6.gif b/tree/imgs/bus_station/car6.gif new file mode 100644 index 0000000..8b48e35 Binary files /dev/null and b/tree/imgs/bus_station/car6.gif differ diff --git a/tree/imgs/bus_station/car7.gif b/tree/imgs/bus_station/car7.gif new file mode 100644 index 0000000..a0bcb99 Binary files /dev/null and b/tree/imgs/bus_station/car7.gif differ diff --git a/tree/imgs/bus_station/car8.gif b/tree/imgs/bus_station/car8.gif new file mode 100644 index 0000000..30053d3 Binary files /dev/null and b/tree/imgs/bus_station/car8.gif differ diff --git a/tree/imgs/bus_station/guard_human1.gif b/tree/imgs/bus_station/guard_human1.gif new file mode 100644 index 0000000..dcb1929 Binary files /dev/null and b/tree/imgs/bus_station/guard_human1.gif differ diff --git a/tree/imgs/bus_station/guard_human2.gif b/tree/imgs/bus_station/guard_human2.gif new file mode 100644 index 0000000..4989c98 Binary files /dev/null and b/tree/imgs/bus_station/guard_human2.gif differ diff --git a/tree/imgs/bus_station/guard_human3.gif b/tree/imgs/bus_station/guard_human3.gif new file mode 100644 index 0000000..82e80fb Binary files /dev/null and b/tree/imgs/bus_station/guard_human3.gif differ diff --git a/tree/imgs/bus_station/guard_rept1.gif b/tree/imgs/bus_station/guard_rept1.gif new file mode 100644 index 0000000..a6ab457 Binary files /dev/null and b/tree/imgs/bus_station/guard_rept1.gif differ diff --git a/tree/imgs/bus_station/guard_rept2.gif b/tree/imgs/bus_station/guard_rept2.gif new file mode 100644 index 0000000..c7ec375 Binary files /dev/null and b/tree/imgs/bus_station/guard_rept2.gif differ diff --git a/tree/imgs/bus_station/warehouse1.png b/tree/imgs/bus_station/warehouse1.png new file mode 100644 index 0000000..11784cd Binary files /dev/null and b/tree/imgs/bus_station/warehouse1.png differ diff --git a/tree/imgs/bus_station/warehouse2.png b/tree/imgs/bus_station/warehouse2.png new file mode 100644 index 0000000..0531605 Binary files /dev/null and b/tree/imgs/bus_station/warehouse2.png differ diff --git a/tree/imgs/bus_station/warehouse3.png b/tree/imgs/bus_station/warehouse3.png new file mode 100644 index 0000000..ca00d06 Binary files /dev/null and b/tree/imgs/bus_station/warehouse3.png differ diff --git a/tree/imgs/bus_station/warehouse4.png b/tree/imgs/bus_station/warehouse4.png new file mode 100644 index 0000000..c03f0d1 Binary files /dev/null and b/tree/imgs/bus_station/warehouse4.png differ diff --git a/tree/imgs/square_saurians/.DS_Store b/tree/imgs/square_saurians/.DS_Store new file mode 100644 index 0000000..96f3c56 Binary files /dev/null and b/tree/imgs/square_saurians/.DS_Store differ diff --git a/tree/imgs/square_saurians/cat.png b/tree/imgs/square_saurians/cat.png new file mode 100644 index 0000000..85aa757 Binary files /dev/null and b/tree/imgs/square_saurians/cat.png differ diff --git a/tree/imgs/square_saurians/meat.png b/tree/imgs/square_saurians/meat.png new file mode 100644 index 0000000..73c3595 Binary files /dev/null and b/tree/imgs/square_saurians/meat.png differ diff --git a/tree/imgs/square_saurians/person1.gif b/tree/imgs/square_saurians/person1.gif new file mode 100644 index 0000000..64aa8c7 Binary files /dev/null and b/tree/imgs/square_saurians/person1.gif differ diff --git a/tree/imgs/square_saurians/person2.gif b/tree/imgs/square_saurians/person2.gif new file mode 100644 index 0000000..fb6ca87 Binary files /dev/null and b/tree/imgs/square_saurians/person2.gif differ diff --git a/tree/imgs/square_saurians/person3.gif b/tree/imgs/square_saurians/person3.gif new file mode 100644 index 0000000..79f6afc Binary files /dev/null and b/tree/imgs/square_saurians/person3.gif differ diff --git a/tree/imgs/square_saurians/person4.gif b/tree/imgs/square_saurians/person4.gif new file mode 100644 index 0000000..26c2726 Binary files /dev/null and b/tree/imgs/square_saurians/person4.gif differ diff --git a/tree/imgs/square_saurians/person5.gif b/tree/imgs/square_saurians/person5.gif new file mode 100644 index 0000000..01164bb Binary files /dev/null and b/tree/imgs/square_saurians/person5.gif differ diff --git a/tree/imgs/square_saurians/person6.gif b/tree/imgs/square_saurians/person6.gif new file mode 100644 index 0000000..db7f153 Binary files /dev/null and b/tree/imgs/square_saurians/person6.gif differ diff --git a/tree/imgs/square_saurians/person7.gif b/tree/imgs/square_saurians/person7.gif new file mode 100644 index 0000000..75e30cc Binary files /dev/null and b/tree/imgs/square_saurians/person7.gif differ diff --git a/tree/imgs/square_saurians/person8.gif b/tree/imgs/square_saurians/person8.gif new file mode 100644 index 0000000..58c0e70 Binary files /dev/null and b/tree/imgs/square_saurians/person8.gif differ diff --git a/tree/imgs/square_saurians/person9.gif b/tree/imgs/square_saurians/person9.gif new file mode 100644 index 0000000..a572a4e Binary files /dev/null and b/tree/imgs/square_saurians/person9.gif differ diff --git a/tree/imgs/square_saurians/rept.png b/tree/imgs/square_saurians/rept.png new file mode 100644 index 0000000..5e5b9f1 Binary files /dev/null and b/tree/imgs/square_saurians/rept.png differ diff --git a/tree/pleiadians_saurians.css b/tree/pleiadians_saurians.css deleted file mode 100644 index 481d712..0000000 --- a/tree/pleiadians_saurians.css +++ /dev/null @@ -1,500 +0,0 @@ - -@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); -} - -.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; - } - -#ground_color { - width: 5100px; - height: 120%; - position:fixed; - margin:-100px; - background-color: white; - z-index:-10; -} - -#ground{ - position:absolute; - height:100%; - width:3500px; -} - -#groundline { - position: fixed; - bottom: 35%; - height:0%; - width: 100%; - border-top: 1px solid; - z-index:-10; -} - - -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; -} - -.flipped { - transform: scale(-1, 1); - -moz-transform: scale(-1, 1); - -webkit-transform: scale(-1, 1); - -o-transform: scale(-1, 1); - -khtml-transform: scale(-1, 1); - -ms-transform: scale(-1, 1); -} - - -span.button_text{ - font-size: 1.6vw; - padding: 8px; -} - -#player_name{ - font-family: jolybolditalic; -} - - - -#player_img { - bottom: 21%; - left: 15%; - position:absolute ; - z-index: 2; - } - -.figure1{ - top:10%; - right: 23%; - position: absolute; - z-index: 2; - cursor: pointer; -} -#planet2{ - top:35%; - right: 52%; - position: absolute; - z-index: 2; -} - -.figure2{ - top:30%; - right: 20%; - position: absolute; - cursor: pointer; - z-index:2; -} -.figure3{ - top:10%; - right: 15%; - position: absolute; - cursor: pointer; -} -.figure4{ - top:20%; - right: 5%; - position: absolute; - cursor: pointer; -} -#planet4{ - top:8%; - left:20%; - position: absolute; - z-index: 2; -} - -#planet6{ - top:35%; - right: 9%; - position: absolute; - z-index: 2; -} -#planet8{ - top:20%; - left: 4%; - position: absolute; - z-index: 2; -} -#planet9{ - top:42%; - right: 26%; - position: absolute; - z-index: 2; -} - -#trail1{ - top:7%; - left: 1%; - position: absolute; - z-index: 3; - cursor: pointer; -} - -#trail2{ - top:20%; - left: 15%; - position: absolute; - z-index: 3; - cursor: pointer; -} -#trail3{ - top:5%; - left: 35%; - position: absolute; - z-index: 3; - cursor: pointer; -} -#trail4{ - top:20%; - left: 48%; - position: absolute; - z-index: 3; - cursor: pointer; -} - - - -/*images*/ - -#tree1 { - bottom:30%; - left: 8%; - position: absolute; - z-index:-1; -} -#tree2 { - bottom:15%; - left: 22%; - position: absolute; - z-index:5; -} -#tree3 { - bottom:30%; - left: 40%; - position: absolute; - z-index:-1; -} -#tree4 { - bottom:15%; - left: 60%; - position: absolute; - z-index:5; -} -#tree5 { - bottom:15%; - left: 80%; - position: absolute; - z-index:5; -} - - -/* amanda baloons*/ - -.bubble1 { - right: 25%; - top:34%; - position: absolute; - background: #ffffff; - color: #000000; - font-family: sinistre; - font-size: 16px; - line-height: 17px; - text-align: center; - width: 190px; - height: 50px; - border-radius: 10px; - padding: 18px; - border: #000000 solid 1px; - -} -.bubble1:after { - content: ''; - position: absolute; - display: block; - width: 0; - z-index: 1; - border-style: solid; - border-color: #ffffff transparent; - border-width: 0 20px 20px; - top: -20px; - left: 76%; - margin-left: -20px; -} -.bubble1:before { - content: ''; - position: absolute; - width: 0; - z-index: 0; - border-style: solid; - border-color: #000000 transparent; - border-width: 0 21px 21px; - top: -21.5px; - left: 76%; - margin-left: -21px; - display: block; -} -.bubble2{ - right: 11%; - top:35%; - position: absolute; - background: #ffffff; - color: #000000; - font-family: sinistre; - font-size: 16px; - line-height: 17px; - text-align: center; - width: 220px; - height: 75px; - border-radius: 10px; - padding: 18px; - border: #000000 solid 1px; -} -.bubble2:after { - content: ''; - position: absolute; - display: block; - width: 0; - z-index: 1; - border-style: solid; - border-color: transparent #ffffff; - border-width: 20px 20px 20px 0; - top: 34%; - left: -20px; - margin-top: -20px; -} -.bubble2:before { - content: ''; - position: absolute; - width: 0; - z-index: 0; - border-style: solid; - border-color: transparent #000000; - border-width: 21px 21px 21px 0; - top: 34%; - left: -21.5px; - margin-top: -21px; - display: block; -} -.bubble3 { - right: 20%; - top:53%; - position: absolute; - background: #ffffff; - color: #000000; - font-family: sinistre; - font-size: 16px; - line-height: 17px; - text-align: center; - width: 200px; - height: 55px; - 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: #ffffff transparent; - border-width: 0 20px 20px; - top: -20px; - left: 73%; - margin-left: -20px; -} -.bubble3:before { - content: ''; - position: absolute; - width: 0; - z-index: 0; - border-style: solid; - border-color: #000000 transparent; - border-width: 0 21px 21px; - top: -21.5px; - left: 73%; - margin-left: -21px; - display: block; -} -.bubble4{ - right: 8%; - top:6%; - position: absolute; - background: #ffffff; - color: #000000; - font-family: sinistre; - font-size: 16px; - line-height: 17px; - text-align: center; - width: 190px; - height: 90px; - border-radius: 10px; - padding: 18px; - border: #000000 solid 1px; -} -.bubble4:after { - content: ''; - position: absolute; - display: block; - width: 0; - z-index: 1; - border-style: solid; - border-color: transparent #ffffff; - border-width: 20px 20px 20px 0; - top: 34%; - left: -20px; - margin-top: -20px; -} -.bubble4:before { - content: ''; - position: absolute; - width: 0; - z-index: 0; - border-style: solid; - border-color: transparent #000000; - border-width: 21px 21px 21px 0; - top: 34%; - left: -21.5px; - margin-top: -21px; - display: block; -} -.bubble5 { - right:2%; - top:38%; - position: absolute; - background: #ffffff; - color: #000000; - font-family: sinistre; - font-size: 16px; - line-height: 17px; - text-align: center; - width: 210px; - height: 86px; - border-radius: 10px; - padding: 18px; - border: #000000 solid 1px; -} -.bubble5:after { - content: ''; - position: absolute; - display: block; - width: 0; - z-index: 1; - border-style: solid; - border-color: #ffffff transparent; - border-width: 0 20px 20px; - top: -20px; - left: 24%; - margin-left: -20px; -} -.bubble5:before { - content: ''; - position: absolute; - width: 0; - z-index: 0; - border-style: solid; - border-color: #000000 transparent; - border-width: 0 21px 21px; - top: -21.5px; - left: 24%; - margin-left: -21px; - 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; - } - - diff --git a/tree/square_saurians.css b/tree/square_saurians.css new file mode 100644 index 0000000..be147a4 --- /dev/null +++ b/tree/square_saurians.css @@ -0,0 +1,284 @@ + + + +@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; +} +.ground_line{ + position: fixed; + top: 130px; + bottom: 0px; + height: inherit; + width: 100%; + border-top: 0.1vw solid; + z-index: -1; +} + +svg { + width: 100%; + height: 100%; + position:fixed; + + } + +.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; + /*animation-name:text_bottom ; + animation-duration:1s;*/ +} +.game_bar { + top:40px; + right:80px; + position:fixed; + border-radius: 25vw; + padding-left: 10px; + padding-right: 10px; + padding-bottom: 4px; + font-family: sinistre; + background-color: white; + border: 0.11vw black solid; + border-radius: 25vw; + color:black; + cursor:pointer; + font-size: 1.4vw; + +} +.flipped { + transform: scale(-1, 1); + -moz-transform: scale(-1, 1); + -webkit-transform: scale(-1, 1); + -o-transform: scale(-1, 1); + -khtml-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + +} + + +button{ + -webkit-appearance: none; + background-color: white; + border: 0.11vw black solid; + border-radius: 25vw; + color:black; + cursor:pointer; + font-family: jolybolditalic; +} + +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; +} + +#player_img { + top: 50%; + left: 8%; + position:absolute; +} + +.invert_style{ + filter: invert(100%); +} + +/*figures*/ + +div.figure1 { + top: 25%; + left: 40%; + position:absolute ; +} + +div.figure2 { + top: 23%; + left: 65%; + position:absolute ; +} + +div.figure3 { + top: 25%; + left:80%; + position:absolute ; + cursor:pointer; +} + +div.figure4 { + top: 58%; + left: 54%; + position:absolute ; + cursor:pointer; + z-index: 3; +} + +div.figure5 { + top: 20%; + left: 10%; + position:absolute ; + cursor:pointer; +} + +div.figure6 { + top: 50%; + left: 32%; + position:absolute ; + cursor:pointer; +} + +div.figure7 { + top: 40%; + left: 22%; + position:absolute ; + cursor:pointer; +} + +div.figure8 { + top: 50%; + left: 75%; + position:absolute ; + cursor:pointer; +} + +div.figure9 { + top: 40%; + left: 50%; + position:absolute ; + cursor:pointer; +} + +/*thunders*/ + +#thunder1{ + top: -20px;; + left:-20px; + position: fixed; +} + +#thunder2{ + top:0%; + right:0%; + position: fixed; + z-index: -1; +} + + + +/*baloon*/ + +.bubble { + top:40%; + left:13%; + position: absolute; + background: #ffffff; + color: #000000; + font-family: sinistre; + font-size: 25px; + text-align: center; + width: 130px; + height: 30px; + border-radius: 10px; + padding: 18px; + border: #000000 solid 1px; + z-index: 50; +} +.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; +} +.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; +} + + + + + + + + + diff --git a/tree/square_saurians.html b/tree/square_saurians.html new file mode 100644 index 0000000..cfe33f0 --- /dev/null +++ b/tree/square_saurians.html @@ -0,0 +1,299 @@ + + + + + + square + + + + + +
+
+ + + + + +
+ villagers: / 9 +
+ + + + + +
+ + + +
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ + + + + + + + + +
+
+ You are in the village square. Luckily there is an animal rights protest going on.
+ → Click on the activists to tell them about the kitten slaughter and the saurian invasion! +
+ +
+ + + + + + + + + + + \ No newline at end of file