western-world 3.0.707 → 3.0.708

package/src/defs/add_money/add_money.scss

@@ -1,331 +0,0 @@
-@import '../../scss/cells/mixins/black-background';
-
-// add_money;
-// 0% - closed wallet;
-// 0% - 5%   - appearing wallet;
-// 10% - 25%  - moving wallet to the right bottom;
-// 28% - 30% - opening wallet lock;
-// 30% - 34% - opening wallet;
-// 35% - 37% - pre closing wallet lock;
-// 45% - 50% - appearing money;
-// 55% - 70% - putting money to the wallet;
-// 64% - 70% - moving wallet down a little because of put money in;
-// 75% - 80% - fade out money;
-// 78% - 80% - opening wallet lock;
-// 80% - 84% - closing wallet;
-// 84% - 86% - closing wallet lock;
-// 90% - 95% - moving wallet to the center again;
-// 97% - 100% - disappear wallet again;
-
-.animated.add_money {
-  @include blackBackgroundMixin;
-
-  use.use-add-money.d-none {
-    display: block;
-  }
-
-  #background_circle {
-    scale: 0;
-    animation-name: background_circle_animation;
-    animation-timing-function: linear;
-    animation-delay: var(--animation-delay, 0s);
-    animation-duration: var(--animation-duration, 5s);
-    animation-fill-mode: forwards;
-    animation-iteration-count: 1;
-    transform-origin: center center;
-  }
-
-  #add_money_wallet {
-    scale: 0;
-    animation-name: main_money_wallet_animation;
-    animation-timing-function: linear;
-    animation-delay: var(--animation-delay, 0s);
-    animation-duration: var(--animation-duration, 5s);
-    animation-fill-mode: forwards;
-    animation-iteration-count: 1;
-    transform-origin: 5500px 5300px;
-  }
-
-  #part_1_top,
-  #part_1_bottom {
-    animation-name: part_1_animation;
-    animation-timing-function: linear;
-    animation-delay: var(--animation-delay, 0s);
-    animation-duration: var(--animation-duration, 5s);
-    animation-fill-mode: forwards;
-    animation-iteration-count: 1;
-    transform-origin: 4016px 0px;
-  }
-
-  #part_2_top,
-  #part_2_bottom {
-    animation-name: part_2_animation;
-    animation-timing-function: linear;
-    animation-delay: var(--animation-delay, 0s);
-    animation-duration: var(--animation-duration, 5s);
-    animation-fill-mode: forwards;
-    animation-iteration-count: 1;
-  }
-
-  #part_1_front {
-    display: block;
-    animation-name: part_1_front_animation;
-    animation-timing-function: linear;
-    animation-delay: var(--animation-delay, 0s);
-    animation-duration: var(--animation-duration, 5s);
-    animation-fill-mode: forwards;
-    animation-iteration-count: 1;
-    transform-origin: 4016px 0px;
-  }
-
-  .add_money_dollar {
-    animation-name: add_money_animation;
-    animation-timing-function: linear;
-    animation-delay: calc(var(--animation-delay, 0s) + var(--animation-delay-money, 0s));
-    animation-duration: var(--animation-duration, 5s);
-    animation-fill-mode: forwards;
-    animation-iteration-count: 1;
-  }
-
-  #wallet_lock {
-    animation-name: wallet_lock_animation;
-    animation-timing-function: linear;
-    animation-delay: var(--animation-delay, 0s);
-    animation-duration: var(--animation-duration, 5s);
-    animation-fill-mode: forwards;
-    animation-iteration-count: 1;
-    transform-origin: 7130px 0px;
-  }
-}
-
-@keyframes background_circle_animation {
-  0% {
-    scale: 0;
-  }
-  7% {
-    scale: 1.2;
-  }
-  10% {
-    scale: 0.8;
-  }
-  25% {
-    scale: 1;
-  }
-  50% {
-    scale: 0.9;
-  }
-  75% {
-    scale: 1.1;
-  }
-  90% {
-    scale: 0.7;
-  }
-  95% {
-    scale: 1.2;
-  }
-  100% {
-    scale: 0;
-  }
-}
-
-@keyframes main_money_wallet_animation {
-  0% {
-    scale: 0;
-    rotate: -40deg;
-    translate: -1300px -1300px;
-  }
-  5% {
-    scale: 1;
-    rotate: 0deg;
-    translate: -1300px -1300px;
-  }
-  10% {
-    scale: 1;
-    rotate: 0deg;
-    translate: -1300px -1300px;
-  }
-  25% {
-    scale: 0.9;
-    rotate: -25deg;
-    translate: 500px -700px;
-  }
-  64% {
-    scale: 0.9;
-    rotate: -25deg;
-    translate: 500px -700px;
-  }
-  67% {
-    scale: 0.9;
-    rotate: -25deg;
-    translate: 600px -500px;
-  }
-  70% {
-    scale: 0.9;
-    rotate: -25deg;
-    translate: 500px -700px;
-  }
-  90% {
-    scale: 0.9;
-    rotate: -25deg;
-    translate: 500px -700px;
-  }
-  95% {
-    scale: 1;
-    rotate: 0deg;
-    translate: -1300px -1300px;
-  }
-  97% {
-    scale: 1;
-    rotate: 0deg;
-    translate: -1300px -1300px;
-  }
-  100% {
-    scale: 0;
-    rotate: 0deg;
-    translate: -1300px -1300px;
-  }
-}
-
-@keyframes part_1_animation {
-  0% {
-    scale: 0 1;
-  }
-  32% {
-    scale: 0 1;
-  }
-  34% {
-    scale: 1 1;
-  }
-  80% {
-    scale: 1 1;
-  }
-  82% {
-    scale: 0 1;
-  }
-  100% {
-    scale: 0 1;
-  }
-}
-
-@keyframes part_2_animation {
-  0% {
-    opacity: 0;
-  }
-  30% {
-    opacity: 0;
-  }
-  32% {
-    opacity: 1;
-  }
-  82% {
-    opacity: 1;
-  }
-  84% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-
-@keyframes part_1_front_animation {
-  0% {
-    scale: 1 1;
-  }
-  30% {
-    scale: 1 1;
-  }
-  32% {
-    scale: 0 1;
-  }
-  82% {
-    scale: 0 1;
-  }
-  84% {
-    scale: 1 1;
-  }
-  100% {
-    scale: 1 1;
-  }
-}
-
-@keyframes wallet_lock_animation {
-  0% {
-    scale: 1 1;
-  }
-  28% {
-    scale: 1 1;
-  }
-  30% {
-    scale: 0.5 1;
-  }
-  35% {
-    scale: 0.5 1;
-  }
-  37% {
-    scale: 0.8 1;
-  }
-  78% {
-    scale: 0.8 1;
-  }
-  80% {
-    scale: 0.5 1;
-  }
-  84% {
-    scale: 0.5 1;
-  }
-  86% {
-    scale: 1 1;
-  }
-  100% {
-    scale: 1 1;
-  }
-}
-
-@keyframes add_money_animation {
-  0% {
-    scale: 0;
-    translate: 0 -2000px;
-    opacity: 1;
-  }
-  45% {
-    scale: 0;
-    translate: 0 -2000px;
-    opacity: 1;
-  }
-  50% {
-    scale: 1;
-    translate: 0 -2000px;
-    opacity: 1;
-  }
-  55% {
-    scale: 1;
-    translate: 0 -2000px;
-    opacity: 1;
-  }
-  65% {
-    scale: 1;
-    translate: 0px 0px;
-    opacity: 1;
-  }
-  70% {
-    scale: 1;
-    translate: 0px 0px;
-    opacity: 1;
-  }
-  75% {
-    scale: 1;
-    translate: 0px 0px;
-    opacity: 1;
-  }
-  80% {
-    scale: 1;
-    translate: 0px 0px;
-    opacity: 0;
-  }
-  100% {
-    scale: 1;
-    translate: 0px 0px;
-    opacity: 0;
-  }
-}

package/src/defs/add_star/add_star.js

@@ -1,23 +0,0 @@
-const style = require('!!css-loader!sass-loader!./add_star.scss').default;
-
-export const add_star = `
-<symbol id="add_star" viewBox="0 0 8192 8192">
-    <style type="text/css">
-        ${style}
-    </style>
-
-    <g id="add_star_main_container">
-        <rect x="0" y="0" width="8192" height="8192" fill="white" opacity="0.7"></rect>
-        <g id="add_star_outer_container">
-            <g id="add_star_container">
-                <use class="d-none star-1th" xlink:href="#star" style="scale: 0.15; translate: 1000px 3200px;"></use>
-                <use class="d-none star-2nd" xlink:href="#star" style="scale: 0.15; translate: 2200px 3200px;"></use>
-                <use class="d-none star-3rd" xlink:href="#star" style="scale: 0.15; translate: 3400px 3200px;"></use>
-                <use class="d-none star-4th" xlink:href="#star" style="scale: 0.15; translate: 4600px 3200px;"></use>
-                <use class="d-none star-5th" xlink:href="#star" style="scale: 0.15; translate: 5800px 3200px;"></use>
-            </g>
-        </g>
-        <use xlink:href="#confetti"></use>
-    </g>
-</symbol>
-`;

package/src/defs/add_star/add_star.scss

@@ -1,90 +0,0 @@
-.animated.add_star {
-  use.d-none.use-add-star {
-    display: block;
-  }
-
-  #add_star_outer_container {
-    scale: var(--scale, 1);
-    translate: var(--translate, 0 0);
-  }
-
-  #add_star_main_container {
-    opacity: 0;
-    animation-name: add_star_main_container_animation;
-    animation-timing-function: linear;
-    animation-delay: var(--animation-delay, 0s);
-    animation-duration: var(--animation-duration, 3s);
-    animation-fill-mode: forwards;
-    animation-iteration-count: 1;
-  }
-
-  &.stars-1 {
-    #add_star_container {
-      translate: 2500px;
-    }
-    .star-1th {
-      display: block;
-    }
-  }
-
-  &.stars-2 {
-    #add_star_container {
-      translate: 2000px;
-    }
-    .star-1th,
-    .star-2nd {
-      display: block;
-    }
-  }
-
-  &.stars-3 {
-    #add_star_container {
-      translate: 1400px;
-    }
-    .star-1th,
-    .star-2nd,
-    .star-3rd {
-      display: block;
-    }
-  }
-
-  &.stars-4 {
-    #add_star_container {
-      translate: 800px;
-    }
-    .star-1th,
-    .star-2nd,
-    .star-3rd,
-    .star-4th {
-      display: block;
-    }
-  }
-
-  &.stars-5 {
-    #add_star_container {
-      translate: 0px;
-    }
-    .star-1th,
-    .star-2nd,
-    .star-3rd,
-    .star-4th,
-    .star-5th {
-      display: block;
-    }
-  }
-}
-
-@keyframes add_star_main_container_animation {
-  0% {
-    opacity: 0;
-  }
-  5% {
-    opacity: 1;
-  }
-  95% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}

package/src/defs/animated_background_1/animated_background_1.js

@@ -1,49 +0,0 @@
-const style = require('!!css-loader!sass-loader!./animated_background_1.scss').default;
-
-export const animated_background_1 = `
-<symbol id="animated_background_1" viewBox="0 0 700 400">
-	<style type="text/css">
-		${style}
-	</style>
-    <defs>
-		<linearGradient id="animated_background_1_main_background_fill" x1="-0.002262" y1="0" x2="0.997738" y2="1" spreadMethod="pad" gradientUnits="objectBoundingBox" gradientTransform="translate(0 0)">
-			<stop id="animated_background_1_main_background_fill_0" offset="0%" stop-color="#e191ff" />
-			<stop id="animated_background_1_main_background_fill_1" offset="100%" stop-color="#b4e9ff" />
-		</linearGradient>
-		<linearGradient id="animated_background_1_element_1_fill" x1="0" y1="0" x2="1" y2="0" spreadMethod="pad" gradientUnits="objectBoundingBox" gradientTransform="matrix(-1.133581 -0.614073 0.614073 -1.133581 1.008846 0.735558)">
-			<stop id="animated_background_1_element_1_fill_0" offset="0%" stop-color="#9ba5ff" />
-			<stop id="animated_background_1_element_1_fill_1" offset="100%" stop-color="#b4e9ff" />
-		</linearGradient>
-		<linearGradient id="animated_background_1_element_2_fill" x1="0" y1="0" x2="1" y2="0" spreadMethod="pad" gradientUnits="objectBoundingBox" gradientTransform="matrix(0.731504 0.54484 -0.54484 0.731504 0.169007 0.219617)">
-			<stop id="animated_background_1_element_2_fill_0" offset="0%" stop-color="#e191ff" />
-			<stop id="animated_background_1_element_2_fill_1" offset="100%" stop-color="#b4e9ff" />
-		</linearGradient>
-		<linearGradient id="animated_background_1_element_3_fill" x1="0" y1="0" x2="1" y2="0" spreadMethod="pad" gradientUnits="objectBoundingBox" gradientTransform="matrix(0.91366 0.636272 -0.636272 0.91366 0.024956 0.276893)">
-			<stop id="animated_background_1_element_3_fill_0" offset="0%" stop-color="#b4e9ff" />
-			<stop id="animated_background_1_element_3_fill_1" offset="100%" stop-color="#e191ff" />
-		</linearGradient>
-		<linearGradient id="animated_background_1_element_4_fill" x1="0" y1="0" x2="1" y2="0" spreadMethod="pad" gradientUnits="objectBoundingBox" gradientTransform="matrix(1.15444 -0.488352 0.488352 1.15444 -0.099802 0.778049)">
-			<stop id="animated_background_1_element_4_fill_0" offset="0%" stop-color="#b4e9ff" />
-			<stop id="animated_background_1_element_4_fill_1" offset="100%" stop-color="#9ba5ff" />
-		</linearGradient>
-	</defs>
-
-	<g transform="matrix(.388663 0 0 0.388663-.553543-9.354877)">
-		<rect width="1825.049702" height="1100.397615" rx="0" ry="0" transform="matrix(1.257326 0 0 0.968152-245.393515 5.978113)" fill="url(#animated_background_1_main_background_fill)" stroke-width="0" />
-		<g id="animated_background_1_element_1_container" style="offset-path:path('M402.175902,246.393352C504.218014,87.351703,327.34996,163.259039,217.258648,310.309169Q107.167324,457.359299,402.175902,246.393352');offset-rotate:0deg">
-			<g id="animated_background_1_element_1_inner_container" transform="rotate(-173.741492) scale(1.349234,1.349234)">
-				<path id="animated_background_1_element_1" d="M764.979353,391.353416c-89.848861,35.08012-209.343933-4.872303-250.634651,97.528676s142.040066,361.706682,325.370851,184.982413s289.896708.095799,474.879123-95.698665c270.760426-140.215219-115.401835-763.748536-374.129775-461.313112-77.817433,90.963304-80.516898,237.421624-175.485548,274.500688Z" transform="translate(-957.034073,-382.878862)" fill="url(#animated_background_1_element_1_fill)" stroke-width="3.6" />
-			</g>
-		</g>
-		<g id="animated_background_1_element_2_container" transform="translate(1278.499121,345.132902) scale(2.5,2.5)">
-			<path id="animated_background_1_element_2" d="M748.23179,325.325902C627.235278,458.85167,692.749287,352.091607,616.061502,556.11758c-85.0626,214.591801,231.197393,243.325469,220.557249,268.87095-10.276378,22.60879,288.158753,48.605761,334.545624-169.793501c49.951071-245.281166-16.065792-196.98373-28.722975-260.8682-3.449244-69.535647-260.327578-214.465709-394.20961-69.000927Z" transform="translate(-937.124054,-625.487724)" fill="url(#animated_background_1_element_2_fill)" stroke-width="3.6" />
-		</g>
-		<g id="animated_background_1_element_3_container" transform="translate(405.903979,818.545924) scale(1.377185,1.377185)">
-			<path id="animated_background_1_element_3" d="M1324.881482,79.691084c154.840188,0,229.16348,115.61401,165.162868,276.647807s213.115825,126.42442,270.454198,256.828262c72.258755,164.337053-107.355865,339.822601-400.519957,164.337053-241.961047-144.835838-328.261201,22.709894-470.714176-94.96865s20.640222-602.844472,435.617067-602.844472Z" transform="translate(-1310.315338,-461.739493)" fill="url(#animated_background_1_element_3_fill)" stroke-width="3.6" />
-		</g>
-		<g id="animated_background_1_element_4_container" transform="translate(1550.904772,812.195121) rotate(-305.615967) scale(1.349234,1.349234)">
-			<path id="animated_background_1_element_4" d="M764.979353,391.353416c-89.848861,35.08012-209.343933-4.872303-250.634651,97.528676s142.040066,361.706682,325.370851,184.982413s289.896708.095799,474.879123-95.698665c270.760426-140.215219-115.401835-763.748536-374.129775-461.313112-77.817433,90.963304-80.516898,237.421624-175.485548,274.500688Z" transform="translate(-957.034073,-382.878862)" fill="url(#animated_background_1_element_4_fill)" stroke-width="3.6" />
-		</g>
-	</g>
-</symbol>
-`;