Merge branch 'Swino4ka'

luckydiamond/src/assets/css/ComponentsStyles/chat.css

@@ -3,7 +3,7 @@
 }
 
 ::-webkit-scrollbar-track {
-    background: #121212;
+    background: #ffffff;
     border-radius: 10px;
 }
 
@@ -130,7 +130,7 @@
 .write__content input {
     padding: 14px 25% 14px 12px;
     border-radius: 13px;
-    background: #22252F;
+    background: #66ff00;
     color: #A9A99D;
     border: none;
 }
@@ -156,7 +156,7 @@
 .write__content textarea {
     padding: 14px 12px;
     border-radius: 13px;
-    background: #22252F;
+    background: #ffffff;
     color: #A9A99D;
     border: none;
     width: 600px;
@@ -180,7 +180,7 @@
     /* margin-left: -20%; */
     margin-right: -5%;
     border-radius: 6px;
-    background: #3D3F48;
+    background: #33ff00;
     border: none;
     cursor: pointer;
 }
@@ -190,9 +190,9 @@
 }
 
 .system-message {
-    background-color: rgb(1, 56, 74);
+    background-color: rgb(0, 255, 13);
 }
 
 .mention-message {
-    background-color: rgb(169, 113, 0);
+    background-color: rgb(255, 227, 171);
 }

luckydiamond/src/assets/css/ComponentsStyles/developer.css

@@ -108,7 +108,7 @@
 .skin_2_skin {
     width: 212px;
     height: 212px;
-    background-image: url(https://avatar.spworlds.ru/front/212/Hepatir.png);
+    background-image: url(https://avatar.spworlds.ru/front/240/Hepatir);
     justify-content: space-around;
     display: flex;
     align-items: flex-end;

luckydiamond/src/assets/css/ComponentsStyles/header.css

@@ -28,11 +28,11 @@
 }
 
 .header__nav nav a:hover {
-    color: #EF4444;
+    color: #fab31e;
 }
 
 .header__nav--now {
-    color: #EF4444;
+    color: #fab31e;
     text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
     position: relative;
 }
@@ -42,7 +42,7 @@
     content: '';
     width: 100%;
     height: 2px;
-    background: #EF4444;
+    background: #ffffff;
     filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
     bottom: -7px;
     left: 0;
@@ -60,7 +60,7 @@
 
 .header__card--balance {
     border-radius: 9px;
-    background: #22252F;
+    background: #252525;
     box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
     padding: 10px 15px 8px 8px;
 }
@@ -80,7 +80,7 @@
 
 .header__btn--wallet a {
     border-radius: 13px;
-    background: #EF4444;
+    background: #fab31e;
     box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
     font-size: 16px;
     text-transform: uppercase;
@@ -122,7 +122,7 @@
     font-weight: 700;
     font-family: Montserrat;
     border-radius: 8px;
-    background: #30323E;
+    background: rgb(255, 0, 0);
     text-decoration: none;
     padding: 6px 2px 6px 2px;
     width: 75px;
@@ -146,7 +146,7 @@
     display: flex;
     align-items: center;
     border-radius: 13px;
-    background: #5865f2;
+    background: #a6ffab;
     box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
     color: #fff;
     font-size: 16px;

luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css

@@ -53,6 +53,12 @@
     left: 10%;
 }
 
+.referal-icon-diamond img {
+    position: absolute;
+    top: 35.5%;
+    left: 10%;
+}
+
 .deposit-icon__input .promo-input,
 .deposit-icon__input .deposit-amount__input,
 .withdraw-input .with-input{

luckydiamond/src/assets/css/PagesStyles/games-pages/crash.css

@@ -10,7 +10,7 @@
     "crashgame crashgame crashgame crashgame crashgame crashgame"
     "crashplayers crashplayers crashplayers crashplayers crashplayers crashplayers"
     "crashplayers crashplayers crashplayers crashplayers crashplayers crashplayers";
-    background: #17181C;
+    background: #000000;
     box-shadow: 0 0.25rem #00000040;
     border-radius: 1.25rem;
 
@@ -19,7 +19,7 @@
 }
 
 .crash-game {
-    background: #22252F;
+    background: #000000;
     border-radius: 1.25rem;
     box-shadow: 0.25rem 0.25rem 0.25rem 0px #00000040;
     width: 95%;
@@ -71,7 +71,7 @@
     height: 40px;
     border: 2px solid #2B3458;
     border-radius: 15px;
-    background: #22252F;
+    background: #000000;
 }
 
 .diamond-input-crash {
@@ -107,7 +107,7 @@
 
 .crash-game-window__btn-start button {
     margin-bottom: 5px;
-    background: #EF4444;
+    background: #fab31e;
     border: unset;
     border-radius: 10px;
     width: 300px;
@@ -118,11 +118,11 @@
 }
 
 .claim-btn-crash__prize {
-    background: #4E5EF2 !important;
+    background: #ff0000 !important;
 }
 
 .waiting-btn-crash {
-    background: #3D3F48 !important;
+    background: #64df00 !important;
 }
 
 .crash-window__line {
@@ -133,7 +133,7 @@
 .line-crash {
     width: 2px;
     height: 474px;
-    background: #30364F;
+    background: #fab31e;
     position: relative;
     top: -342px;
     left: 10%;
@@ -164,7 +164,7 @@
 }
 
 .lost-ratio {
-    color: #EF4444;
+    color: #00ff15;
     font-weight: 700;
 }
 
@@ -199,11 +199,11 @@
 }
 
 .user-crash-content__lose {
-    background: linear-gradient(90deg, #22252F -0.54%, #322733 83.25%, #B53938 103.54%) !important;
+    background: linear-gradient(90deg, #000000 -0.54%, #322733 83.25%, #5bb538 103.54%) !important;
 }
 
 .user-crash-content__win {
-    background: linear-gradient(90deg, #22252F -0.54%, #22252F 84.17%, rgba(42, 110, 57, 0.87) 103.54%);
+    background: linear-gradient(90deg, #000000 -0.54%, #000000 84.17%, rgba(42, 110, 57, 0.87) 103.54%);
 }
 
 .user-name-crash {
@@ -262,7 +262,7 @@
     font-family: 'Montserrat';
     font-weight: 700;
     font-size: 12px;
-    background: #22252F;
+    background: #000000;
     box-shadow: 0px 4px 4px 0px #00000040;
     border-radius: 5px;
     width: 70px;
@@ -284,7 +284,7 @@
     box-shadow: 0px 4px 4px 0px #00000040;
     font-family: 'Montserrat';
     font-weight: 700;
-    color: #28BD49;
+    color: #22cc00;
     border: 1px solid #28BD49;
     border-radius: 5px;
     padding: 6px;

luckydiamond/src/assets/css/PagesStyles/games-pages/jackpot.css

@@ -2,7 +2,7 @@
     z-index: 1;
     /* margin-left: 5%; */
     border-radius: 20px;
-    background: #1D223E;
+    background: #000000;
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
     width: 42vh;
     /* height: 480px; */
@@ -16,13 +16,13 @@
     z-index: 1;
     /* margin-left: 5%; */
     border-radius: 20px;
-    background: #1D223E;
+    background: #000000;
-    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
+    box-shadow: 0px 4px 4px 0px rgba(150, 153, 2, 0.25);
     width: 100%;
 
     /* height: 480px; */
     /* height: 100%; */
-    border: 1px solid #262C55;
+    border: 1px solid #1d1d1d;
     height: 100%;
     /* margin-top: 2.6%; */
     /* margin: 2.6%; */
@@ -33,7 +33,7 @@
     position: relative;
     /* margin-left: 5%; */
     border-radius: 10px;
-    background: #1D223E;
+    background: #000000;
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
     width: 100%;
     margin-top: 1%;
@@ -68,7 +68,7 @@
     position: relative;
     /* margin-left: 5%; */
     border-radius: 10px;
-    background: #1F2543;
+    background: #000000;
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
     width: 100%;
     margin-bottom: 1%;
@@ -179,7 +179,7 @@
     z-index: 1;
     /* margin-left: 5%; */
     border-radius: 20px;
-    background: #1D223E;
+    background: #000000;
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
     width: 100%;
 
@@ -229,7 +229,7 @@
 
 .progress {
     height: 40px;
-    background-color: #E13F3F;
+    background-color: #fab31e;
     /* Red for the progress */
     border-radius: 10px;
     /* Rounded corners on the left side */

luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css

@@ -2,13 +2,13 @@
     display: flex;
     padding-top: 10%;
     border-radius: 20px;
-    background: #17181C;
+    background: #000000;
     backdrop-filter: blur(100px);
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
 }
 
 .bg {
-    background: #293561;
+    background: #6d541e;
     filter: blur(120px);
     position: absolute;
     top: 250px;
@@ -20,7 +20,7 @@
 }
 
 .bg-two {
-    background: #293561;
+    background: #ffee00;
     filter: blur(120px);
     position: absolute;
     top: 220px;
@@ -35,7 +35,7 @@
     z-index: 1;
     margin-left: 5%;
     border-radius: 20px;
-    background: #22252F;
+    background: #000000;
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
     width: 27%;
     height: 480px;
@@ -67,7 +67,7 @@
 
 .crystals h3,
 .diamonds h3 {
-    color: #44C6EF54;
+    color: #00000054;
     text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
     font-family: Montserrat Alternates;
     font-size: 12px;
@@ -106,7 +106,7 @@
 
 .btn-click {
     border-radius: 10px !important;
-    background: #EF4444 !important;
+    background: #fab31e !important;
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
 }
 
@@ -214,7 +214,7 @@
 
 .btn-start {
     border-radius: 10px;
-    background: #EF4444;
+    background: #fab31e;
 }
 
 .btn-claim {
@@ -285,7 +285,7 @@
 .saper-game__content {
     display: flex;
     border-radius: 20px;
-    background: #22252F;
+    background: #000000;
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
     width: 85%;
     height: 580px;

luckydiamond/src/assets/css/PagesStyles/home.css

@@ -4,7 +4,7 @@
     display: flex;
     justify-content: center;
     border-radius: 40px;
-    background: #EF4444;
+    background: #000000;
     box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
 }
 
@@ -24,7 +24,8 @@
 .main__content h1 {
     text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
     font-family: Montserrat Alternates;
-    font-size: 91px;
+    margin-top: 20px;
+    font-size: 55px;
     font-weight: 700;
     text-transform: uppercase;
 }
@@ -91,7 +92,7 @@
 
 .bg-card {
     border-radius: 40px;
-    background: #EF4444;
+    background: #000000;
     box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
 }
 

luckydiamond/src/assets/css/global.css

@@ -13,7 +13,7 @@ ul {
 
 body,
 html {
-    background: #121212;
+    background: #fab31e;
     height: 100%;
     margin: 0;
     overflow-y: hidden;
@@ -133,7 +133,7 @@ button {
 .header {
     grid-area: header;
     border-radius: 1.25rem;
-    background: #17181C;
+    background: #000000;
     box-shadow: 0px 0.25rem 0.25rem 0px rgba(0, 0, 0, 0.25);
     align-self: start;
 }
@@ -144,7 +144,7 @@ button {
 
 .menu {
     grid-area: menu;
-    background: #17181C;
+    background: #000000;
     box-shadow: 0px 0.25rem 0.25rem 0px rgba(0, 0, 0, 0.25);
     border-radius: 1.25rem;
     align-self: start;
@@ -156,7 +156,7 @@ button {
 
 .chat {
     grid-area: chat;
-    background: #16171B;
+    background-image: url('https://c.tenor.com/UY1gxyywjAMAAAAC/tenor.gif');
     filter: drop-shadow(0px 0.25rem 0.25rem rgba(0, 0, 0, 0.25));
     border-radius: 15px;
     /* height: 100%; */
@@ -196,7 +196,7 @@ button {
     grid-area: profile;
     height: 95%;
     border-radius: 3.125rem;
-    background: #17181C;
+    background: #000000;
     box-shadow: 0.25rem 0.25rem 0.25rem 0px rgba(0, 0, 0, 0.25);
     margin: 0.625rem 2.438rem 1.125rem 1.125rem;
 }
@@ -281,7 +281,7 @@ button {
     /* height:99%; */
     height:86vh;
     border-radius: 3.125rem;
-    background: #17181C;
+    background: #ffffff;
     box-shadow: 0.25rem 0.25rem 0.25rem 0px rgba(0, 0, 0, 0.25);
     margin: 0.625rem 2.438rem 1.125rem 1.125rem;
     /*height: 96.2%;*/
@@ -292,7 +292,7 @@ button {
 
 
 .bg-gradient-left {
-    background: #293561;
+    background: #000000;
     filter: blur(120px);
     position: absolute;
     top: 250px;
@@ -304,7 +304,7 @@ button {
 }
 
 .bg-two-gradient-right {
-    background: #293561;
+    background: #ffffff;
     filter: blur(120px);
     position: absolute;
     top: 220px;

luckydiamond/src/components/DevelopComponent.vue

@@ -106,27 +106,34 @@
         </div>
       
     </div>
+    <div class="Hepatir_card">
+      <div class="text_2">
+        <div class="aboutinfo_2">
+          <p>ДИРЕКТОР</p>
+          <h1>Swino4ka</h1>
+        </div>
+        <div class="whatjob_2">
+          <img src="@/assets/icons-developcard/Logo_C_sharp.png" alt="html">
+          <p>ВСЕ ЯЗЫКИ</p>
+        </div>
+        <div class="whatjob2_2">
+          <img src="@/assets/icons-developcard/sql-logo.png" alt="html">
+          <p>Чота</p>
+        </div>
+        </div>
+        <div class="skin_2">
+          <div class="skin_2_skin">
+            <div class="skinicons1">
+            <a href="https://t.me/Swino4ka_pon" target="_blank" ><img src="@/assets/icons-developcard/telegram.png" alt=""></a>
+            <a href="https://discordapp.com/users/472393576010088449" target="_blank" ><img src="@/assets/icons-developcard/discord.png" alt=""></a>
+            <a href="https://github.com/swino4ka/" target="_blank" ><img src="@/assets/icons-developcard/github.png" alt=""></a>
+            </div>
+          </div>
+        </div>
+    </div>
   </div>
   <div class="bottom_card">
-    <div class="megatntmega_card">
-      <div class="megatntmega_text">
-        <div class="megatntmega_aboutinfo">
-          <p>Дизайнер</p>
-          <h1>megatntmega</h1>
-        </div>
-        <div class="megatntmega_whatjob">
-          <img src="@/assets/icons-developcard/Figma.png" alt="html">
-          <p>Designer</p>
-        </div>
-        <div class="megatntmega_icons">
-          <a href="https://t.me/random_ak" target="_blank" ><img src="@/assets/icons-developcard/telegram.png" alt=""></a>
-          <a href="https://discordapp.com/users/531420425255911424" target="_blank" ><img src="@/assets/icons-developcard/discord.png" alt=""></a>
-        </div>
-      </div>
-      <div class="megatntmega_skin">
     
-        </div>
-    </div>
     <div class="busha888_card">
       <div class="text">
         <div class="aboutinfo">

luckydiamond/src/components/HeaderComponent.vue

@@ -122,7 +122,7 @@ export default {
       <div class="header__logo">
         <img
           @click="$router.push({ name: 'home' })"
-          src="../assets/logo.svg"
+          src=""
           alt=""
         /> 
       </div>

luckydiamond/src/components/HelpComponent.vue

@@ -18,6 +18,8 @@
             <p><b>Отдельно хочется выразить благодарность Tsybry и всем кто помогал нам в этом не легком пути</b></p>
             <p><b></b></p>
                 </div>
+                <h2>Мнения Экспертов:</h2>
+                <img src="https://i.imgur.com/J3IWN3b.png" alt=""> <img src="https://i.imgur.com/MTOekZs.png" alt=""> <img src="" alt="">
             </div>
               <!-- <div class="questions">
                 <div class="questions_box">

luckydiamond/src/components/ReferalModal.vue

@@ -4,11 +4,80 @@
         <h1>Рефералы</h1>
         <img @click="closeModal" src="@/assets/icons-other/icon-payments-modal-close.svg" />
       </div>
-      <div v-if="payments" class="payments-modal__deposit">
+      <div class="payments-modal__deposit">
+        <div class="error-deposit" v-if="errorDeposit">
+        <h2>Ошибка с суммой депозита</h2>
+      </div>
+      <div
+        class="deposit-input deposit-text referal-icon-diamond deposit-icon__input"
+      >
+      <br>
+      <h3>Ваш реферальный код</h3>
+      <input
+          :class="{ 'animate-start-btn': errorDeposit }" readonly
+          class="deposit-amount__input"
+          v-model="amount"
+          type="number"
+        />
+        <br>
+        <br>
+        <h3>Доступно к выводу</h3>
+        <img src="@/assets/icons-games/saper-game/icon-diamond-ore-saper.png" />
+        <input
+          :class="{ 'animate-start-btn': errorDeposit }" readonly
+          class="deposit-amount__input"
+          v-model="amount"
+          type="number"
+        />
+        <div class="deposit-btns">
+          <ul class="display-btns btns-style-diamonds">
+            <li v-for="(number, index) in PaymentsModalNumbers" :key="index">
+              <button
+                @click="clickedBtnChoice(index, number.diamonds)"
+                :class="{
+                  'btn-click': clickedBtn === index,
+                  [number]: clickedBtn === number,
+                }"
+              >
+                {{ number.diamonds }}
+              </button>
+            </li>
+          </ul>
+        </div>
+        <div class="deposit-promocode deposit-promocode__padding--input">
+          <h3>Всего привели рефералов</h3>
+          <div class="promokods">
+            <input
+          :class="{ 'animate-start-btn': errorDeposit }" readonly
+          class="deposit-amount__input"
+          v-model="amount"
+          type="number"
+        />
+          </div>
+        </div>
+        <div class="error-checkbox" v-if="errorAgree">
+          <h2>Подтвердите согласие!</h2>
+        </div>
+        <div class="deposit-checkbox checkbox-styles">
+          <input
+            @click="agreeUser = !agreeUser"
+            type="checkbox"
+            :class="{ 'animate-start-btn': errorAgree }"
+          />
+          <h3>Я согласен с <a href="https://docs.google.com/document/d/1lU_zTWJdD1lcMlIAFDIVz-DlZAoq3a-OFkoO8WBIkzo/edit?usp=sharing">пользовательским соглашением</a></h3>
+        </div>
+        <div
+          class="btn-deposit btn-text-style btn-display-deposit btn-style-payments"
+        >
+          <p>
+            Вы подтверждаете правильность введенных данных при создании вывода.
+          </p>
+          <button type="submit" @click="RedirectedMethodDep">Вывести</button>
+          <p>
+            Перед пополнение прочитайте политику конфиденциальности и
+            пользовательское соглашение.
+          </p>
         </div>
-      <div v-else class="payments-modal__withdraw deposit-text withdraw-input">
-        <div class="btn-withdraw btn-text-style btn-display-deposit btn-style-payments">
-          <h1>В РАЗРАБОТКЕ</h1>
         </div>
       </div>
       </div>
@@ -25,4 +94,3 @@
     },
   };
   </script>
-  

luckydiamond/src/pages/HomePage.vue

@@ -9,9 +9,10 @@
 
     <main class="main">
       <div class="main__content">
-        <h3>Казино временно не работает</h3>
+        <h3>онлайн-казино</h3>
+        <h1>Lucky lucky brawl stars diamond</h1>
+        <h3>Казино временно работает</h3>
         <!-- <h3>онлайн-казино</h3> -->
-        <h1>lucky diamond</h1>
         <h4>
           minecraft casino -
           <span

luckydiamond/src/pages/ProfilePage.vue

@@ -133,12 +133,15 @@ export default {
     depositClick() {
       this.openModal = true
       this.payments = true
+      this.openRef = false
     },
     withdrawClick() {
       this.openModal = true
       this.payments = false
+      this.openRef = false
     },
     referalClick() {
+      this.openModal = false
       this.openRef = true
     },
     NotificationEventListener() {