From 463b0b2f0cc8f3571e72e439171c316afe4ecba4 Mon Sep 17 00:00:00 2001
From: *anna* <anna@145-137-17-71.wlan.hro.nl>
Date: Fri, 4 Jun 2021 10:18:17 +0200
Subject: [PATCH] sky

---
 .DS_Store                     | Bin 14340 -> 14340 bytes
 tree/cat_shelter.html         |   4 +-
 tree/pleiadians_saurians.css  | 500 ++++++++++++++++++++++++++++++++++
 tree/pleiadians_saurians.html | 237 ++++++++++++++++
 4 files changed, 739 insertions(+), 2 deletions(-)
 create mode 100644 tree/pleiadians_saurians.css
 create mode 100644 tree/pleiadians_saurians.html

diff --git a/.DS_Store b/.DS_Store
index 2ebd59e58036819ab8d1195aa643d99f0c3ffa2b..7b5ee05bb64de1dd0153bacd9759cd48ddbcc376 100644
GIT binary patch
delta 70
zcmZoEXerpRRh04M<QTyQE{W=DQwtphLv!=V{)%#pGbiUM$}`TI+$3f-`GlhU=G$Th
ZoSQimGB_DQ@=lw#Nrtd(W;giD4ggNN7bE}x

delta 65
zcmV-H0KWf(aD;HMwG{!(lUxyi4I6uVEip1OGAtl5GB%TO86E+glaLu70iBb77CHeD
Xv$_^e39}0zWeKxw8J7mL2Qd8y#y=F+

diff --git a/tree/cat_shelter.html b/tree/cat_shelter.html
index 676ab2a..6b04c0f 100644
--- a/tree/cat_shelter.html
+++ b/tree/cat_shelter.html
@@ -73,11 +73,11 @@
   <script>
    
     //get player avatar from local storage
-    /*console.log (localStorage.myavatar)
+    console.log (localStorage.myavatar)
     var img = document.createElement("img");
     img.src = localStorage.myavatar;
     var player_img = document.querySelector("#player_img");
-    player_img.appendChild(img);*/
+    player_img.appendChild(img);
     
 
     //store that you've been in the park 
diff --git a/tree/pleiadians_saurians.css b/tree/pleiadians_saurians.css
new file mode 100644
index 0000000..481d712
--- /dev/null
+++ b/tree/pleiadians_saurians.css
@@ -0,0 +1,500 @@
+
+@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/pleiadians_saurians.html b/tree/pleiadians_saurians.html
new file mode 100644
index 0000000..0b47fcf
--- /dev/null
+++ b/tree/pleiadians_saurians.html
@@ -0,0 +1,237 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+      <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+    <title>chemtrails</title>
+    <link rel="icon" href="imgs/pleiadian_s/planet7.gif">
+    <link rel="stylesheet" href="pleiadians_satanism.css">
+    
+</head>
+<body >
+
+    <div id="ground_color" class="invert scroll-pane stop_invert"></div>
+
+    <div id="groundline" class="invert scroll-pane stop_invert"></div>
+
+      <div  id="player_img"></div>
+
+    <div id="ground" > 
+
+    <img  id="trail1" src="imgs/pleiadian_s/trail1.gif" height="140px">
+    <img  id="trail2" src="imgs/pleiadian_s/trail1.gif" height="140px">
+    <img  id="trail3" src="imgs/pleiadian_s/trail1.gif" height="140px">
+    <img  id="trail4" src="imgs/pleiadian_s/trail1.gif" height="140px">
+
+    <img  id="tree1" src="imgs/pleiadian_s/tree.gif" height="160px">
+    <img  id="tree2" src="imgs/pleiadian_s/tree.gif" height="160px">
+    <img  id="tree3" src="imgs/pleiadian_s/tree.gif" height="160px">
+    <img  id="tree4" src="imgs/pleiadian_s/tree.gif" height="160px">
+    <img  id="tree5" src="imgs/pleiadian_s/tree.gif" height="160px">
+
+<div class="figure1">
+  <img  id="planet1" src="imgs/pleiadian_s/planet1.gif" height="100px">
+  <img  id="being1" src="imgs/pleiadian_s/angel1.gif" height="150px" style="display: none;">
+</div>
+
+<img  id="planet2" src="imgs/pleiadian_s/planet2.gif" height="100px">
+
+<div class="figure2">
+  <img  id="planet3" src="imgs/pleiadian_s/planet3.gif" height="100px">
+  <img  id="being3" src="imgs/pleiadian_s/angel2.gif" height="130px" style="display: none;">
+</div>
+
+<img  id="planet4" src="imgs/pleiadian_s/planet4.gif" height="120px">
+
+<div class="figure3">
+  <img  id="planet5" src="imgs/pleiadian_s/planet5.gif" height="100px">
+  <img  id="being5" src="imgs/pleiadian_s/angel3.gif" height="100px" style="display: none;">
+</div>
+
+<img  id="planet6" src="imgs/pleiadian_s/planet6.gif" height="150px">
+
+<div class="figure4">
+  <img  id="planet7" src="imgs/pleiadian_s/planet7.gif"height="100px">
+  <img  id="being7" src="imgs/pleiadian_s/angel4.gif" height="100px" style="display: none;">
+</div>
+
+<img  id="planet8" src="imgs/pleiadian_s/planet8.gif" height="140px">
+
+<img  id="stars1" src="imgs/pleiadian_s/stars.gif" height="200px">
+<img  id="stars2" src="imgs/pleiadian_s/stars.gif" height="200px">
+<img  id="stars3" src="imgs/pleiadian_s/stars.gif" height="200px">
+<img  id="stars1" src="imgs/pleiadian_s/stars.gif" height="200px">
+<img  id="stars2" src="imgs/pleiadian_s/stars.gif" height="200px">
+<img  id="stars3" src="imgs/pleiadian_s/stars.gif" height="200px">
+<img  id="stars1" src="imgs/pleiadian_s/stars.gif" height="200px">
+<img  id="stars2" src="imgs/pleiadian_s/stars.gif" height="200px">
+<img  id="stars3" src="imgs/pleiadian_s/stars.gif" height="200px">
+<img  id="stars1" src="imgs/pleiadian_s/stars.gif" height="200px">
+<img  id="stars2" src="imgs/pleiadian_s/stars.gif" height="200px">
+<img  id="stars3" src="imgs/pleiadian_s/stars.gif" height="200px">
+<img  id="stars3" src="imgs/pleiadian_s/stars.gif" height="200px">
+
+
+
+<div class="bubble1 invert" style="display: none;">Hello <span id="player_name"></span>, your enlightened spirit guided you here.</div>
+<div class="bubble2 invert" style="display: none;">We can sense that you are looking for something beyond your habits and understanding. We are happy to meet you. </div>
+<div class="bubble3 invert" style="display: none;">We are the beings of light. We don't belong to this planet.</div>
+<div class="bubble4 invert" style="display: none;">We can sense the other beings and planet's energetic state. A heinous crime is shaking this land's vibration.</div>
+<div class="bubble5 invert" style="display: none;">This darkness will soon spread to other planets. We came here as messengers, to help you elevate your soul and find the courage to fight evil.</div>
+
+
+<div class="text_container invert " > 
+
+  <div class="message1">
+  <span class="instructions"><span class="instructions_arrow">→</span> Move with the arrows to follow the trails in the sky.</span>
+    </div>
+    <div class="message2" style="display: none;">
+    The sky looks odd. Is there something out there?
+    </div>
+    <div class="message3" style="display: none;">
+        They must be referring to the dreadful kitten slaughter and the saurian invasion. <button onclick="location.href='square_saurians.html';"><span class="button_text">Go to the village square</span></button> and inform the citizens of what is going on.
+    </div>
+</div>
+
+
+<script src="jquery.min.js"></script>
+  <script>
+
+// saves game step in the local storage 
+  window.onload = function() {
+  window.localStorage.setItem("pleiadians","opened");
+  console.log ("pleiadians:",localStorage.pleiadians);
+    }
+
+//get player avatar from local storage
+    console.log (localStorage.myavatar)
+    var img = document.createElement("img");
+    img.src = localStorage.myavatar;
+    var player_img = document.querySelector("#player_img");
+    player_img.appendChild(img);
+
+//get player name from local storage
+    document.querySelector('#player_name').innerHTML = localStorage.playerName;
+
+//adjust camera scroll
+var $div = $('#player_img');
+    var screenLeftMin = 50;
+    var screenLeftMax = 700;
+      
+  function adjustScroll() {
+      var playerLeft = parseInt($div.css("left"));
+      var scrollLeft = $(document).scrollLeft();
+      var screenLeft = playerLeft - scrollLeft;
+      console.log ("screenleft:", screenLeft);
+        
+      if (screenLeft > screenLeftMax ) {
+          $(document).scrollLeft(playerLeft - screenLeftMax)
+      }
+      
+            if (screenLeft < screenLeftMin ) {
+          $(document).scrollLeft(playerLeft - screenLeftMin)
+      }
+  }    
+   
+//move the character 
+
+$(document).keydown(function(e) {
+     var offset = $div.position();
+    console.log("offset:", offset);   
+
+     switch (e.which) {
+        case 37:
+            offset.left -= 20;
+             console.log("left");
+             $div.addClass("flipped");
+            break;
+
+        case 39:
+             offset.left += 20;
+             console.log("right");
+             $div.removeClass("flipped");
+              break;
+
+       } 
+//check the offset and prevent the character to exceed the screen dimension 
+    if (offset.left < 80) {
+        offset.left = 80;
+    }
+
+    if (offset.left >  $("#ground").width()  - 700) {
+        $(".message1").hide();
+        $(".message2").show();
+    }
+
+    if (offset.left >  $("#ground").width()  - 80) {
+        offset.left = $("#ground").width() - 80;
+    }
+
+    $div.css("left", offset.left);
+    $div.css("top", offset.top);
+    e.preventDefault();
+    adjustScroll();   
+})
+
+// make pleiadians appear
+ var pleiadians = 0;
+
+    $("#planet1").click( function() {
+        pleiadians ++;
+        $("#planet1").hide();
+        $("#being1").show();
+        check_pleiadians();
+    });
+    $("#planet3").click( function() {
+        pleiadians ++;
+        $("#planet3").hide();
+        $("#being3").show();
+        check_pleiadians();
+    });
+    $("#planet5").click( function() {
+        pleiadians ++;
+        $("#planet5").hide();
+        $("#being5").show();
+        check_pleiadians();
+    });
+    $("#planet7").click( function() {
+        pleiadians ++;
+        $("#planet7").hide();
+        $("#being7").show();
+        check_pleiadians();
+    });
+
+function check_pleiadians() {
+    if (pleiadians == 4) {
+
+        setTimeout( function (){
+            $(".bubble1").css("zIndex", 50);
+            $(".bubble1").show();
+            setTimeout( function (){
+                $(".bubble2").css("zIndex", 50);
+                $(".bubble2").show();
+                setTimeout( function (){
+                    $(".bubble3").css("zIndex", 50);
+                    $(".bubble3").show();
+                    setTimeout( function (){
+                        $(".bubble4").css("zIndex", 50);
+                        $(".bubble4").show();
+                        setTimeout( function (){
+                            $(".bubble5").css("zIndex", 50);
+                            $(".bubble5").show();
+                            setTimeout( function (){
+                                $(".message2").hide();
+                                $(".message3").show();
+                            }, 2500);
+                        }, 2500);
+                    }, 2500);
+                }, 2500);
+            }, 2500);
+        }, 100);
+    };
+};
+  
+ </script>
+
+    
+</body>
\ No newline at end of file