Merge pull request #25 from danilt2000/DevelopMadara

DevelopCard`12`1

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

@@ -4,10 +4,10 @@
     align-items: center;
     display: flex;
     justify-content: center;
-    width: 1332px;
+    width: 100%;
     height: 732px;
     margin-top: 10px;
-    margin-left: 65px;
+   
 }
 .bottom_card {
     width: 1332px;
@@ -18,8 +18,7 @@
     margin-left: 295px;
 }
 .top_card {
-    width: 1204px;
-    height: 443px;
+    width: 100%;
     display: flex;
     justify-content: space-between;
     margin-left: 287px;
@@ -397,7 +396,84 @@
     display: flex;
 }
 /*the and FUpir_card 1*/
+/*beginning Swino4ka_card 1*/
+.Swino4ka_card {
+    width: 250px;
+    height: 443px;
+    background-color: #6b4d3f;
+    border: 3px solid #595959 ;
+    border-color: #595959;
+    border-radius: 22px;
+}
+.Swino4ka_text_2 {
+    width: 244px;
+    height: 221.5px;
+    display: inline-block;
+    flex-flow: column-reverse;
+    
+}
 
+.Swino4ka_aboutinfo_2 {
+    margin-top: 30px;
+    margin-left: 19px;
+    
+}
+.Swino4ka_aboutinfo_2 p {
+    font-family: 'Montserrat';
+    color: white;
+    font-size: 14px;
+    width: 79px;
+    height: 19px;
+    margin-left: 4px;
+}
+.Swino4ka_aboutinfo_2 h1 {
+    font-family: 'Montserrat';
+    color: white;
+    font-size: 32px;
+    width: 177px;
+    height: 37px;
+    line-height: 30px;
+}
+.Swino4ka_whatjob_1 {
+    display: flex;
+    width: 183px;
+    height: 16px;
+    margin-left: 19px;
+    font-family: 'Montserrat';
+    margin-top: 30px;
+    
+}
+.Swino4ka_whatjob_1 img {
+    width: 15px;
+    height: 17px;
+}
+.Swino4ka_whatjob_1 p {
+    margin-left: 3px;
+    
+}
+
+.Swino4ka_skin_2 {
+    width: 244px;
+    height: 221.5px;
+    display: inline-block;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.Swino4ka_skin_2_skin {
+    width: 212px;
+    height: 212px;
+    background-image: url(https://avatar.spworlds.ru/front/212/Swino4ka.png);
+    justify-content: space-around;
+    display: flex;
+    align-items: flex-end;
+    margin-bottom: 3px;
+}
+.Swino4ka_skinicons1 {
+   justify-content: space-around;
+    display: flex;
+}
+/*the and Swino4ka_card 1*/
 /*beginning busha888_card 1*/
 .busha888_card {
     width: 422px;
@@ -485,10 +561,11 @@
 }
 /*the and busha888_card 1*/
 
-/*beginning megatntmega_card 1*/
-.megatntmega_card {
+/*beginning GEDPOOL31_card 1*/
+.GEDPOOL31_card {
     width: 422px;
     height: 269px;
+    flex-direction: row;
     border-radius: 22px;
     border: 3px solid #595959 ;
     border-color: #595959;
@@ -498,32 +575,33 @@
 
 }
 
-.megatntmega_text {
-    width: 211px;
+.GEDPOOL31_text {
+    width: 200px;
     height: 269px;
 
  
 }
-.megatntmega_aboutinfo {
+.GEDPOOL31_aboutinfo {
     margin-top: 30px;
     margin-left: 15px;
     
     
 }
-.megatntmega_aboutinfo p {
+.GEDPOOL31_aboutinfo p {
     font-family: 'Montserrat';
     color: white;
     font-size: 14px;
-    
+    width: 200px;
     height: 16px;
+   
 }
-.megatntmega_aboutinfo h1 {
+.GEDPOOL31_aboutinfo h1 {
     font-family: 'Montserrat';
     color: white;
     font-size: 32px;
     
 }
-.megatntmega_whatjob {
+.GEDPOOL31_whatjob {
     display: flex;
     width: 183px;
     height: 16px;
@@ -533,15 +611,15 @@
    
     margin-top: 30px;
 }
-.megatntmega_whatjob p {
+.GEDPOOL31_whatjob p {
     margin-left: 3px;
     margin-top: 3px;
 }
-.megatntmega_whatjob img {
+.GEDPOOL31_whatjob img {
     width: 25px;
-    height: 24px;
+    height: 25px;
 }
-.megatntmega_icons {
+.GEDPOOL31_icons {
     width: 79px;
     height: 36px; 
     justify-content: space-around;
@@ -550,23 +628,23 @@
     margin-left: 72px;
     margin-bottom: 11px;
 }
-.megatntmega_icons img {
+.GEDPOOL31_icons img {
+    display: flex;
     width: 36px;
     height: 36px;
 }
-.megatntmega_skin {
+.GEDPOOL31_skin {   
     margin-top: 51px;
     margin-bottom: 3px;
     display: flex;
     width: 212px;
     height: 212px;
-    background-image: url(https://avatar.spworlds.ru/front/212/megatntmega.png);
 }
-.megatntmega_skin img {
+.GEDPOOL31_skin img {
     width: 212px;
     height: 212px;
 }
-/*the and megatntmega_card 1*/
+/*the and GEDPOOL31_card 1*/
 
 /*beginning CLARFFY_card 1*/
 .CLARFFY_card {
@@ -659,11 +737,15 @@
         align-items: center;
         display: flex;
         justify-content: center;
-        width: 1332px;
+        width: 100%;
         height: 732px;
         margin-top: 80px;
-        margin-left: 142px;
+       
         
+        
+    }
+    .top_card {
+        width: 90%;
     }
 }
 

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

@@ -247,10 +247,7 @@
 .line__btn:active {
     left: 5%;
   }
-.double--img {
-   
-    
-}
+
 .line__btn--crash {
     border-radius: 21px;
     background: #FFF;
@@ -437,9 +434,7 @@
     height:22.3vh ;
     
 }
-.container img {
-
-}
+.container {}
 .gamemode__twoline--two__element .container {
     display: flex;
     justify-content: center;
@@ -447,7 +442,17 @@
    
    
 }
-
+.linecontent-4 {
+    
+}
+.iconsGame {
+    bottom:  20px;
+    height: 20vh;
+}
+.ButtonPlayDouble {
+    width: 20vh;
+    margin-top: 1.6vh;
+}
 .gamemode__twoline--two__element .container a {
     margin-right: 10%;
 }

luckydiamond/src/components/DevelopComponent.vue

@@ -106,25 +106,49 @@
         </div>
       
     </div>
+    <div class="Swino4ka_card">
+      <div class="Swino4ka_text_2">
+        <div class="Swino4ka_aboutinfo_2">
+          <p>Фронтэндер</p>
+          <h1>Swino4ka</h1>
+        </div>
+        <div class="Swino4ka_whatjob_1">
+          <img src="@/assets/icons-developcard/html.png" alt="html">
+          <p>HTML 5,CSS</p>
+        </div>
+        </div>
+        <div class="Swino4ka_skin_2">
+          <div class="Swino4ka_skin_2_skin">
+            
+            <div class="Swino4ka_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 class="GEDPOOL31_card">
+      <div class="GEDPOOL31_text">
+        <div class="GEDPOOL31_aboutinfo">
+          <p>Техническая поддержка</p>
+          <h1>GEDPOOL31</h1>
         </div>
-        <div class="megatntmega_whatjob">
-          <img src="@/assets/icons-developcard/Figma.png" alt="html">
-          <p>Designer</p>
+        <div class="GEDPOOL31_whatjob">
+          <img src="@/assets/icons-developcard/tech-support.svg" alt="html">
+          <p>Tech-Support</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 class="GEDPOOL31_icons">
+          <a href="https://t.me/GEDPOOL31" target="_blank" ><img src="@/assets/icons-developcard/telegram.png" alt=""></a>
+          <a href="https://discord.com/users/1044186204884701227" target="_blank" ><img src="@/assets/icons-developcard/discord.png" alt=""></a>
         </div>
       </div>
-      <div class="megatntmega_skin">
-        
+      <div class="GEDPOOL31_skin">
+        <img src="https://avatar.spworlds.ru/front/212/GEDPOOL31.png" alt="">
         </div>
     </div>
     <div class="busha888_card">

luckydiamond/src/pages/HomePage.vue

@@ -85,13 +85,17 @@
                   </div>
                   <div class="container">
                     <!-- <a href="#" class="line__btn">play <span class="line__btn--elm">></span></a> -->
+                     
                     <a
                       href="#"
                       @click="$router.push({ name: 'double' })"
                       class="line__btn--crash"
                       >play <span class="line__btn--elm"></span></a
                     >
+                 
+                    
                     <img class="crash--img" src="@/assets/icons-games/double-game/DoubleLogo.svg" />
+                 
                   </div>
                 </li>
               </ul>
@@ -110,6 +114,7 @@
                       class="line__btn--crash"
                       >play <span class="line__btn--elm"></span></a
                     >
+                    
                     <img class="crash--img" src="@/assets/icons-gamemodes/crush-icon.svg" />
                   </div>
                 </li>