From c35276b4039b61b0d3eb9e7500a6ddd2a53671bd Mon Sep 17 00:00:00 2001 From: Madara0330E Date: Sat, 13 Apr 2024 18:41:08 +0500 Subject: [PATCH] developcard remeick developcard remeick --- .../assets/css/ComponentsStyles/developer.css | 130 ++++++++++++++---- .../src/assets/css/PagesStyles/home.css | 21 +-- .../src/assets/icons-developcard/VK-Icons.svg | 9 ++ .../icons-developcard/YouTube-Icons.png | Bin 0 -> 751 bytes .../icons-developcard/YouTube-Icons.svg | 9 ++ .../icons-developcard/YouTube-Icons1.png | Bin 0 -> 855 bytes .../icons-developcard/YouTube-Icons2.png | Bin 0 -> 824 bytes .../assets/icons-developcard/tech-support.svg | 9 ++ .../assets/icons-developcard/video 1 (2).png | Bin 0 -> 195 bytes .../assets/icons-developcard/video-1-(3).png | Bin 0 -> 751 bytes .../src/assets/icons-developcard/video.png | Bin 0 -> 3272 bytes .../src/components/DevelopComponent.vue | 50 +++++-- luckydiamond/src/pages/HomePage.vue | 5 + .../src/pages/games-pages/DoublePage.vue | 2 +- 14 files changed, 189 insertions(+), 46 deletions(-) create mode 100644 luckydiamond/src/assets/icons-developcard/VK-Icons.svg create mode 100644 luckydiamond/src/assets/icons-developcard/YouTube-Icons.png create mode 100644 luckydiamond/src/assets/icons-developcard/YouTube-Icons.svg create mode 100644 luckydiamond/src/assets/icons-developcard/YouTube-Icons1.png create mode 100644 luckydiamond/src/assets/icons-developcard/YouTube-Icons2.png create mode 100644 luckydiamond/src/assets/icons-developcard/tech-support.svg create mode 100644 luckydiamond/src/assets/icons-developcard/video 1 (2).png create mode 100644 luckydiamond/src/assets/icons-developcard/video-1-(3).png create mode 100644 luckydiamond/src/assets/icons-developcard/video.png diff --git a/luckydiamond/src/assets/css/ComponentsStyles/developer.css b/luckydiamond/src/assets/css/ComponentsStyles/developer.css index 7554e31..bae62e5 100644 --- a/luckydiamond/src/assets/css/ComponentsStyles/developer.css +++ b/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%; } } diff --git a/luckydiamond/src/assets/css/PagesStyles/home.css b/luckydiamond/src/assets/css/PagesStyles/home.css index f5ae227..9dc61e5 100644 --- a/luckydiamond/src/assets/css/PagesStyles/home.css +++ b/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%; } diff --git a/luckydiamond/src/assets/icons-developcard/VK-Icons.svg b/luckydiamond/src/assets/icons-developcard/VK-Icons.svg new file mode 100644 index 0000000..3caca67 --- /dev/null +++ b/luckydiamond/src/assets/icons-developcard/VK-Icons.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/luckydiamond/src/assets/icons-developcard/YouTube-Icons.png b/luckydiamond/src/assets/icons-developcard/YouTube-Icons.png new file mode 100644 index 0000000000000000000000000000000000000000..ada3e09993de2e176f45d29b660b69c290ede14a GIT binary patch literal 751 zcmVs*s4u9L>jHs~ z>s22Jz32eUTmw;*fVXuM3lm@C@#Yvc7gl_Gu7l|ox`395_`k##tYu}rCB1?9Zpm1% z7E0~f8*0eK#sUFDAqEFPb?7NWh`=GR!g=k318@q26M7EuJ~#ws_>{ihBk~BVYEa^-|?NHiw}rmq9~+ITB`F+=eVvEQ*o7nIJsjtBp@P%(Zp2 zEmX_rZ9_X3@1t*a2CcyBvXFQ_%H_RMQw*pD}C6@AeRed7_b#6m0)Inz|?cF@-Et_Rn-q4 zAtByex0>xgXcCSTD#IZ#xMm5Z;TR~YwAC{>1gkwm$-p literal 0 HcmV?d00001 diff --git a/luckydiamond/src/assets/icons-developcard/YouTube-Icons.svg b/luckydiamond/src/assets/icons-developcard/YouTube-Icons.svg new file mode 100644 index 0000000..89c0f8a --- /dev/null +++ b/luckydiamond/src/assets/icons-developcard/YouTube-Icons.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/luckydiamond/src/assets/icons-developcard/YouTube-Icons1.png b/luckydiamond/src/assets/icons-developcard/YouTube-Icons1.png new file mode 100644 index 0000000000000000000000000000000000000000..6b4308d47d6cb8c3d4f4e097b6d5693f377de057 GIT binary patch literal 855 zcmV-d1E~CoP)&L8Iq79NO&5D>Apu(9wD5J6kL!shM}JR1wKxHgp*!nHQ`b|MxQ zcc53uiHP|7S2V_CGjs2)cR3Jel9dos zi70PpN9Bvu=BB#p?Nz3G>T`%9Q87IYyR#Gd!ihu>9vS%`(Pz+}v8t+IcXYr+`ryDE z{%7C^hV=eEa>Z(HHukF*q6mrVY8at}O)M_rx~~rp%gaz_ zXUHl<4{90uHRh1tazGv)B1VyljgBI9Le)SRJ`VtDTL?Vgg>MCvq2N9>i zpklG-`z0aq5}}~Unz>Dx%|^qAY2#Ou)DfYF*Ad*p`pw)qJ@O;5+QkY1r?7&)YNFdY_+tYd}<2r7Q;w6Y_ z`9U{TJW45n`86e1R*+a)f;>8c3A4~sNP?5xpH`^eWY$Ih3MdP(2#-)25Q_7V3nU-U zkzhgvptQ)(MoB0eEF@7pq*-VW#ltTaiqg1G;FVzqdR6oGJg|8WoX~*}WXDr`q4SFW hpZY+Dg_dn@mbm|H3Zs7m`002ovPDHLkV1none+&Qs literal 0 HcmV?d00001 diff --git a/luckydiamond/src/assets/icons-developcard/YouTube-Icons2.png b/luckydiamond/src/assets/icons-developcard/YouTube-Icons2.png new file mode 100644 index 0000000000000000000000000000000000000000..7c0efcdb64dd01c902c68d9ae2ac1006a354e645 GIT binary patch literal 824 zcmV-81IPS{P)73d-zmwV_}BO4grMV1OoT_W7=fF5Y5auHO|06@&adrF>PVTP!EsLg~M6&{1$?$ zH9NpKoX5vJSW_reV{i#(nxUQNc&G}{mOrG>&KiV!;0j!Zry5b~v7_+co`Bll2j*#k z67Ylhe73(4*({8N4w2bLE)vDYgNH~jy^{VHqb)D&1fITLbiaN9*3yDn5XmIgPM<^e z(`Q?qG-U0UF4SzsgtfQBck+Z(CpF|97(l)79yu)4$QQNOes*F*$B~?Sf@)B^x}+MZ zA*G|kwm-M}1-~ZmAT~0J)U)UIWBEJLa6<)SS`_iC*YN%PMTqtFvKrRbCLKq#Q&nMqWCG+)yedm9!2I!GG(fb+yCT*hI~Sa=LCS+Bf$Yts}#z2C*qO zB#nphBW~MYtr^QuIwRFc4aqX=Zb-j*E7eF1Z7nQXX}?xPCX3Y5MX64m>1K} zQ{2cZsV!p)#%MY@t5 + + + + + + + + diff --git a/luckydiamond/src/assets/icons-developcard/video 1 (2).png b/luckydiamond/src/assets/icons-developcard/video 1 (2).png new file mode 100644 index 0000000000000000000000000000000000000000..5f40f278d8f45c404c5a9c31ec3f52be780e882b GIT binary patch literal 195 zcmeAS@N?(olHy`uVBq!ia0vp^Dj>|k1|%Oc%$NbBI14-?iy0WWg+Z8+Vb&Z8pde#$ zkh>GZx^prwfgF}}M_)$E)e-c@N{0L7M$B+ufx7RjuGAQt{UX(BVKUG=pL1gFA zy-`mT1cE%R7D&%uvg*Uxv-ZmK4Lc-Uc$Dt5o}KRf{+YbH8;=s3VDpK4A#pwGKt_k- ik?x5WMo9u7Wnx!6rJOHq>Qw;R!QkoY=d#Wzp$P!4L^;L) literal 0 HcmV?d00001 diff --git a/luckydiamond/src/assets/icons-developcard/video-1-(3).png b/luckydiamond/src/assets/icons-developcard/video-1-(3).png new file mode 100644 index 0000000000000000000000000000000000000000..ada3e09993de2e176f45d29b660b69c290ede14a GIT binary patch literal 751 zcmVs*s4u9L>jHs~ z>s22Jz32eUTmw;*fVXuM3lm@C@#Yvc7gl_Gu7l|ox`395_`k##tYu}rCB1?9Zpm1% z7E0~f8*0eK#sUFDAqEFPb?7NWh`=GR!g=k318@q26M7EuJ~#ws_>{ihBk~BVYEa^-|?NHiw}rmq9~+ITB`F+=eVvEQ*o7nIJsjtBp@P%(Zp2 zEmX_rZ9_X3@1t*a2CcyBvXFQ_%H_RMQw*pD}C6@AeRed7_b#6m0)Inz|?cF@-Et_Rn-q4 zAtByex0>xgXcCSTD#IZ#xMm5Z;TR~YwAC{>1gkwm$-p literal 0 HcmV?d00001 diff --git a/luckydiamond/src/assets/icons-developcard/video.png b/luckydiamond/src/assets/icons-developcard/video.png new file mode 100644 index 0000000000000000000000000000000000000000..624066b48267b441ffaa979d406b93741ad6286b GIT binary patch literal 3272 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 a3lJ|BcAxk~bm#K%02t`rLscOiqW%w9e+w`G literal 0 HcmV?d00001 diff --git a/luckydiamond/src/components/DevelopComponent.vue b/luckydiamond/src/components/DevelopComponent.vue index 812a516..179c47c 100644 --- a/luckydiamond/src/components/DevelopComponent.vue +++ b/luckydiamond/src/components/DevelopComponent.vue @@ -106,25 +106,49 @@ +
+
+
+

Фронтэндер

+

Swino4ka

+
+
+ html +

HTML 5,CSS

+
+
+
+
+ +
+ + + + +
+
+
+ +
-
-
-
-

Дизайнер

-

megatntmega

+
+
+
+

Техническая поддержка

+

GEDPOOL31

-
- html -

Designer

+
+ html +

Tech-Support

-
- - +
+ +
-
- +
+
diff --git a/luckydiamond/src/pages/HomePage.vue b/luckydiamond/src/pages/HomePage.vue index a09eecf..e95a5fa 100644 --- a/luckydiamond/src/pages/HomePage.vue +++ b/luckydiamond/src/pages/HomePage.vue @@ -85,14 +85,18 @@
+
play +
+
+
@@ -110,6 +114,7 @@ class="line__btn--crash" >play +
diff --git a/luckydiamond/src/pages/games-pages/DoublePage.vue b/luckydiamond/src/pages/games-pages/DoublePage.vue index b13815e..8a5ef8a 100644 --- a/luckydiamond/src/pages/games-pages/DoublePage.vue +++ b/luckydiamond/src/pages/games-pages/DoublePage.vue @@ -14,7 +14,7 @@

Рулетка

- +