western-world 3.0.415 → 3.0.417

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "western-world",
-  "version": "3.0.415",
+  "version": "3.0.417",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

package/src/scss/cells/bank_crash.scss

@@ -1 +1,72 @@
-// TODO
+.animated {
+  .bank_crash {
+    #person_with_chain {
+      animation-name: person_with_chain_animation;
+      animation-duration: 20s;
+      animation-timing-function: linear;
+      animation-iteration-count: infinite;
+      transform-origin: 7029px -1686px;
+    }
+
+    #gun_1_ {
+      animation-name: gun_animation;
+      animation-duration: 40s;
+      animation-timing-function: linear;
+      animation-iteration-count: infinite;
+      transform-origin: 6329px 4346px;
+    }
+
+    #chain_parts {
+      #part_1,
+      #part_2,
+      #part_3 {
+        animation-name: part_animation;
+        animation-duration: 2s;
+        animation-timing-function: linear;
+        animation-iteration-count: infinite;
+        transform-origin: 9370px -6430px;
+      }
+
+      #part_1 {
+        animation-delay: -1.3s;
+      }
+
+      #part_2 {
+        animation-delay: -1.5s;
+      }
+
+      #part_3 {
+        animation-duration: 1.6s;
+      }
+    }
+
+    #part_1_container {
+      animation-name: gun_animation;
+      animation-duration: 5s;
+      animation-timing-function: linear;
+      animation-iteration-count: infinite;
+      transform-origin: 5384px -593px;
+    }
+  }
+}
+
+@keyframes person_with_chain_animation {
+  0% {
+    scale: 0.9;
+  }
+  100% {
+    scale: 1.1;
+  }
+}
+
+@keyframes gun_animation {
+  100% {
+    rotate: 360deg;
+  }
+}
+
+@keyframes part_animation {
+  100% {
+    scale: 2.3;
+  }
+}

package/src/scss/cells/no_taxes.scss

@@ -1 +1,89 @@
-// TODO
+.animated {
+  .no_taxes {
+    #finger,
+    #feather {
+      animation-name: finger_animation;
+      animation-duration: 0.5s;
+      animation-timing-function: ease-in-out;
+      animation-iteration-count: infinite;
+      animation-direction: alternate;
+      transform-origin: 2616px 5210px;
+    }
+
+    #hand {
+      animation-name: hand_animation;
+      animation-duration: 2s;
+      animation-timing-function: ease-in-out;
+      animation-iteration-count: infinite;
+      animation-direction: alternate;
+      transform-origin: 1684px 4840px;
+    }
+
+    #weight #rotatable {
+      animation-name: weight_animation;
+      animation-duration: 3s;
+      animation-timing-function: ease-in-out;
+      animation-iteration-count: infinite;
+      animation-direction: alternate;
+      transform-origin: 7120px 3520px;
+
+      #weight_part_1,
+      #weight_part_2 {
+        animation-name: weight_part_animation;
+        animation-duration: 3s;
+        animation-timing-function: ease-in-out;
+        animation-iteration-count: infinite;
+        animation-direction: alternate;
+      }
+
+      #weight_part_1 {
+        transform-origin: 6336px 3478px;
+      }
+
+      #weight_part_2 {
+        transform-origin: 7772px 4139px;
+      }
+    }
+
+    #head {
+      animation-name: head_animation;
+      animation-duration: 1.3s;
+      animation-timing-function: ease-in-out;
+      animation-iteration-count: infinite;
+      animation-direction: alternate;
+    }
+  }
+}
+
+@keyframes finger_animation {
+  100% {
+    rotate: 5deg;
+  }
+}
+
+@keyframes hand_animation {
+  0% {
+    rotate: -3deg;
+  }
+  100% {
+    rotate: 3deg;
+  }
+}
+
+@keyframes weight_animation {
+  100% {
+    rotate: -35deg;
+  }
+}
+
+@keyframes weight_part_animation {
+  100% {
+    rotate: 35deg;
+  }
+}
+
+@keyframes head_animation {
+  100% {
+    translate: 0 70px;
+  }
+}

package/src/scss/cells/terrorist.scss

@@ -6,33 +6,45 @@
       #fire_3,
       #fire_4 {
         animation-name: fireAnimation;
-        animation-duration: 0.6s;
-        animation-timing-function: linear;
+        animation-duration: 0.8s;
+        animation-timing-function: ease-in-out;
         animation-iteration-count: infinite;
         animation-direction: alternate;
       }
 
       #fire_1 {
+        animation-duration: 1s;
         transform-origin: 6650px 6000px;
       }
 
       #fire_2 {
-        animation-delay: 0.2s;
+        animation-duration: 1.1s;
+        animation-delay: -0.3s;
         transform-origin: 3909px 6000px;
       }
 
       #fire_3 {
-        animation-delay: 0.3s;
+        animation-duration: 0.7s;
+        animation-delay: -0.4s;
         transform-origin: 2800px 6900px;
         animation-name: smallFireAnimation;
       }
 
       #fire_4 {
-        animation-delay: 0.1s;
+        animation-delay: -0.2s;
         transform-origin: 4188px 6838px;
         animation-name: smallFireAnimation;
       }
     }
+
+    #smoke_2_ {
+      animation-name: smoke_animation;
+      animation-duration: 1.5s;
+      animation-timing-function: ease-in-out;
+      animation-iteration-count: infinite;
+      animation-direction: alternate;
+      transform-origin: 0px 3490px;
+    }
   }
 }
 
@@ -41,15 +53,21 @@
     transform: scale(1);
   }
   100% {
-    transform: scale(1.05);
+    transform: scale(1.1);
   }
 }
 
 @keyframes smallFireAnimation {
   0% {
-    transform: scale(1);
+    transform: scale(1.1);
   }
   100% {
-    transform: scale(1.1);
+    transform: scale(1.3);
+  }
+}
+
+@keyframes smoke_animation {
+  100% {
+    scale: 1 1.2;
   }
 }

package/src/scss/others/question_marks.scss

@@ -4,7 +4,7 @@
     #question_2,
     #question_3 {
       animation-name: question_animation;
-      animation-duration: 1s;
+      animation-duration: 2s;
       animation-timing-function: ease-in-out;
       animation-iteration-count: infinite;
       animation-direction: alternate;