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 0000000..ada3e09 Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/YouTube-Icons.png differ 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 0000000..6b4308d Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/YouTube-Icons1.png differ 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 0000000..7c0efcd Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/YouTube-Icons2.png differ diff --git a/luckydiamond/src/assets/icons-developcard/tech-support.svg b/luckydiamond/src/assets/icons-developcard/tech-support.svg new file mode 100644 index 0000000..5e4d233 --- /dev/null +++ b/luckydiamond/src/assets/icons-developcard/tech-support.svg @@ -0,0 +1,9 @@ + + + + + + + + + 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 0000000..5f40f27 Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/video 1 (2).png differ 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 0000000..ada3e09 Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/video-1-(3).png differ diff --git a/luckydiamond/src/assets/icons-developcard/video.png b/luckydiamond/src/assets/icons-developcard/video.png new file mode 100644 index 0000000..624066b Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/video.png differ 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 @@
+ +
+
@@ -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 @@

Рулетка