From 9ac54f3c25b031095fc567d411e3b6c17742ad58 Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Thu, 23 Nov 2023 19:51:06 +0300
Subject: [PATCH] added template for card slots in gamemodes

---
 .../src/assets/css/PagesStyles/home.css       |  38 +++++++++++++++++-
 .../src/assets/icons-gamemodes/slots-icon.png | Bin 0 -> 3602 bytes
 luckydiamond/src/pages/HomePage.vue           |   4 ++
 3 files changed, 41 insertions(+), 1 deletion(-)
 create mode 100644 luckydiamond/src/assets/icons-gamemodes/slots-icon.png

diff --git a/luckydiamond/src/assets/css/PagesStyles/home.css b/luckydiamond/src/assets/css/PagesStyles/home.css
index 5298ce4..6350577 100644
--- a/luckydiamond/src/assets/css/PagesStyles/home.css
+++ b/luckydiamond/src/assets/css/PagesStyles/home.css
@@ -74,6 +74,12 @@
 
 .gamemode__content--text h2 {
     margin: 2% 0 .5% 10%;
+    text-transform: uppercase;
+    color: #FFF;
+    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+    font-family: Montserrat;
+    font-size: 20px;
+    font-weight: 700;
 }
 
 .gamemode__content--text div {
@@ -207,8 +213,38 @@
     background: #EF4444;
     filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
     border-radius: 40px;
-    width: 40%;
+    width: 60%;
+    height: 50%;
     margin: 18px 36px 0 35px;
 }
 
+.linecontent-3 {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+}
+
+.gamemode__twoline--first__element .linecontent-3 h3 {
+    padding-left: 15%;
+    text-align: center;
+    color: #fff;
+    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+    font-family: Montserrat Alternates;
+    font-size: 87px;
+    font-weight: 700;
+}
+
+.gamemode__twoline--first__element .container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+}
+
+.gamemode__twoline--first__element .container a {
+    margin-right: 10%;
+    padding: 20px 20px;
+}
+
 /* /GameMode */
\ No newline at end of file
diff --git a/luckydiamond/src/assets/icons-gamemodes/slots-icon.png b/luckydiamond/src/assets/icons-gamemodes/slots-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..829965d222ac630a85128e0f87ccb53bda41af1b
GIT binary patch
literal 3602
zcmV+t4(;)YP)<h;3K|Lk000e1NJLTq004Oa002V>1^@s6xErd100009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH4W~&&K~#7F?OoeW
z6wMkf`0)(x;l@)GhQ!3f)excyQRDCg;uDBZAU=V^6F5GB_yj*bfq)t=ypYX>UfM(x
zO}ubK0nfA7YWti0QPbU1eHh~Wf3KwInV#-mRkiBy)mK$bpDECjc=YH|wZFgrs(k<T
z>(|4nsj1blYx_)rp2E`7(hUe&$H!7%-~Z(cK6`)t^;hlk<;xHBJ%z|U1k_%NdrQRS
zkpVT@4{{Eeo1C1i$$f>$Jpu?^!{LqyE8-3e3>eg2KgjuJv&ma-kB^VDP!uBf0w8b&
zhv!;cin?ddo*hAIGx781PqVePH4LE}1E#<q4+wipK8wJ6_wF_O_wQ%$@VQKpd7fZR
zrpN~l9Jq_GH~US2KOPWmnn&q-1A)Eo-@gx^K7D!&0*@U$c+f*IhYlSwavU5S{C%G(
z&<iN(KA0i{*Vz>F!|~(CJ&1l=`e)Yaef#z?l=yqmT=xKUUn~N$rfOhV)nGHtAlFlL
zqNvF|0*c03Dm5A5mi`@0_l+-Kz8HqDU%#3kKYmbn|F@zh_XZXq^0YM945-mFu%6kB
zuR`D|gk|t+GOuH8=Y9NBh};8!a1U{q){YMb3eWSbvEROZ^8>AFHFowzE}HA!0Bf=*
zU$i?@`eFT<q9ZI04-fn9%|hfJ045$9sHIc*=mi3{gw=gDjWYJvIC^NhZ_53J$UOoG
z&B=!;)=)Od3@yV70<#Z>^Mhdlzm1QLjd`X(@8Z>~SJUs_y=!i4Y&5sGx0|r2n=rzf
zpFVxM8g_kQc=aG4>Z-Um<;Va}*HYN^g~&Y!j)nDX6n)s*7_(7`+@r9CE=2x^fdcDA
z0(#Lv7(zwH{3RXRWrUI`kQJOn@Hh-IIe{W`xFo|T@n=V2hseR?^en<PJfJ18-4v+R
z2a(N$ILh^ReQ&4V^fmVHad8NHwjIZ?bM|?8cHHyhKI{ANy|KK!yb3XHPEJmGCI@f`
zMgKHhn*NdBqtFr=0#n>Owzz@&tYf?Xr$QHoyzfo$Z02bd*FIlaS($~<4@^dgcT0J=
zBCqvDhQKp8+?A6etTxfL*agx7f|L;EpFe+YFc+LzXjcqC;4+T)MLg-m#ZAT_4(~$f
z^w6~qO=}%OFF|O}>;hPmXXJ}sAQsG7HqfCrMDRRC#xu(HIb?!ox{TfA4Z6Nkz@bGh
zA>4xJ>RzMK@C_*f<K2d=_Q(?hh{!d5kQy8a>_OZb$RD0Re?E6oVsmq|tuuqiri%Ei
zn=ZoUWr2miw=29KK71&l(o7@V=Xc$IV!~k-lL)hegM)s>qR?<nHl93rG7n?w9(~m&
zCk%kNqL+&VYlG@%&z|jSpJ5wxyVV8Qtx??gGAl6E#|knJ0sn(zUCvWvaYf2{X@WH$
zmhvp(H2wJT<C|BmTv;?Zpg(xHuEpl?;lm52%b@8mf#!c&3pfj}p0evEIO#7#9db%u
z2TN*Ot1E+9Bv!IA&ObuGea++m-?|n{TGsRK20nlO+-3vtxSPDPUaH%?5YBu1_HAqF
zjs(VmEvK|B{4Qf&%Rp=EGLy7?zR1!aOTt;2!T`b&N?1t@1qVbL5+6T)Y+3N)t%>6`
z$-Hl|yxL0?msxr8Vj56)hpq0BK?G)j({sf*mT92j_BoRQ1A6n6)aEd}c=2Kygm*B1
zS&@OaLuv9b_@4^%^1uMnYl!{NVTEUHZH;S~?tr@z<%LSht6MCJ9mk8BRngw8w7hIV
z$i<p!g7hLDRS5213qx!M=W2T82gOD+KVw2fPF#}(Qlr^V*r343j0*b}y|%YQ;>$<~
z`<8LLgmYz~xZ;@MQ63xe;@XNN+|gL`d2t-Ge;}_EWM+DlI}m(#acx;dNs`_$UKS+b
zQj6a`W!29yZpi<dUbBU3%l5OV51-{KbW7y8$iIB~vP^-czv#2JOp3)Cfie<9>vD(4
zl3<qTD8mbdqm0b11Wi{PXH=^rykRGWSDM5yUZxi<R#`8xvAusbl#8<*$IJ9a`I^D?
z0MDq&_qf@m4tc%<PE(C6g?e?qG<Vt?7Bf-dVf^>eWQZi8d8IG!#2a>AGEMt_U3kSf
zbV+a2a|nAOo`&SJ#8bH9(&2(c^T}c?X!BoOpE}XjY*PKqnKO+}k?b@PAQ>ITt7?(v
zuZKO$+N|9%z19xGme4UXbFsW}g^MDymh(4lq}gCRq}z0XtH>0ofr$DWuOzc!4VMFp
zxP(Y8ns!UHfk=lsRkX-4k!^sFp`>>6wRjN^I{X)HUfzRDh~$l%u_2Jz4Y@YY^mY=3
zB6ESfh)l%QWY>PVt<Hx<ghmrHvv21b-};FYC)VNBS;t_03<8t_f43i40+BKG!0Qtl
zNkLRZHLo;ZIJS7XWs^JiY+icoqIg}rYvjc>3z`?9#S6#9c+&K`h#?}&ekOhv!!PYK
ziGJ4`CnhGY<3N|&0y4KYGBR>o-Q#b*65p&8l&Dgj1mwl@XPN1I>B-pG*bZLZ{N>3D
zp~+h#FVZ|aIy!n={d|Le?DV1_+%p+LQC$}UxFS)XeDUH%CSpfIFz%d2WU68T6G3gS
z)6*06tRybQPQ23m2DL7h*TvWpT)1$dZG38{SJn19y9pD+>jGVH@^ZOmUdV?g<pv`o
zepxZjIFk~0U#EW2g;xZY%y#9?l6k@_!z<~tlcd+BneAl#r*?)U#hW*8DlFOJo#BzS
z7{`TU$Bub%_eut3;pJzsMw9TSMPBK3DP%ftHa0e11qImm*x|c>)V__lyv!srTy<CF
zv+Rqd5z?tt%k^nR&caJ^#9~d#5C8KuJzNuB6tuZc_sZ;3N|bGHpEy+lW3;Ox&uTAJ
zV0C+^PMuopbgx~LlVrH?3O6&FP6!v?EI{p<(KAMDrpbHq<jK`e_a^Nk?Cb6HGXL~D
zLgKuCsYPC1UY@3J*Y*g}5;iH|nh9aNK?XSSYMvw+PhJdd%HrBowJI^M3+xJ@=lnTl
zmvOR8S3>Z}f|gojl%yNdRI1WV>vG9-5qa?@?Jk5@TA(cHbv3-~d&K)D#-4Nmj0eJe
z)U#5F9PF^D>b@y(+%I4pn`%v%OTx(u&Z>OR!ka{3u4olrJvqXRO_ScFh8JpSRhnZx
z9UP3QIWOQ14Gl%cV<1fg%x{59I>AA|kb2pWD=%G~(sZeAA~A2macIQ^@6ys<zcjo=
zQiBiU{!FdoK$-~j1uHzY+Ybr%P^upqN2D36M)AV?=FF>}mE_tMuLw+D7<#EPKQAYT
zD-zrEL6hl^Q7vEgqRD_xncfZF1YJb#>D^5@O;A`U+f8QRz@Il6;KFOv>j(4VbwF3r
z+X;ErcIW1LWo3oN$6Yuaro}SV{UXfz+3oG^^*FzA99JAKm*T*{nAVFHRDYb9R}hzx
zL3;1=MQCBXY0{enN&D?MI9t~ki`_?}suBTvzZ7>0&=|wdQ!dZbo+BbE!}09<7@t-(
zul26yM7(w!qJZcA&9!Awyg_>T^L5h&<XMxQ`ed%P!lCNl5V9domI2{BOZ})xfv^lG
zFV0uBGr)RZRVLo3jN}?G@KvICWpxO5I;2hSZo*0AVE3J;{ibT7TrY{?HR~?VbSbIA
z>qoTxW!|ZHHKJ<rxpU_{`Azf6a-6KZQ9zzlOc&s6UBiWTPnT+WIhbU2;OeWpKF`kJ
zDACa$-_tMimVzajos`#wGx+Vcb|vccszrpUc*F4e^=mpj{5|4&BBGhYj!Wl0858Jr
z7$XZ1c$5j2{X0^taDKf{z5lTj!rXRIycotTfNPYZX64oVaeeZ{#6(+qc@*DqT3!tp
zlk>21{GAe*bSaClgc3RPzO+Pc&0uGMXL5jRO(ueEoSw-Eu72x0)2pGltMb8KOCC5}
z8ZiDcFDd$0zTzp#<b56p-sTVqZOrOvM4+C>J2FE>#*k$ghujPb7vwoEbV1TtsEjDf
z2Ycu!aS%I)--Fqu+UV%$oXG(+yuuc~|IKY8<{ymR5?J2JqB-rpS8p7Eakq$LH7|h)
z)?{|<Gx}uT@AqoF+T7e+MQCtM5w~8-3V-eWvG+nX)hiS9Hq5ZKRdz<x5ZT(=^6!zg
zOxz79o5hmy%33U&)AqC}1IXuNT6vUnF1)gsQP!LV>7|pVqItz)2NrQ$l;?qmE$8Bq
zBS$=wGx$0QmY5kiVf9lLJ-x;tVo3(-NpyX0*o(Jq=u8W)tJ<Yqeit5_SHoW67{zP9
zw#rxrkWRBaD~wm-ql5fr^I9`l{)!Te68>v;0RyyLpFVwBLj-GKnIy)5?7h+3Ozce7
z-}SbTFat+B8SG7D)<i&SJgnmthd6hsZXUy4U8QE3S}QN&c=frs^vZMD?{bsC(W6Iq
zMPR}=ye?h3H23V;vl0?DtD8CznSF&UKh^(=rrEy9tnG8ucS3uTWD}XxYWb}h><bFp
zNf7qTIEz^qBH^`L6XBJYx7gciqj>BzhH=Vvn>_nl7wjmSYinyWLqkJ%(2SHh_-CY;
zSlPBAFLBAbK;0*f@I^~YK`!|ZDbmm7G33#c4dRCu4^|j&UTFnZ*)@)gjAV9hB<2r0
z`TqU;t4Ms686cT1Mn%@04;p%WC_z9jX0&j-Aj#Thsm)=$I;45F4OEPWFsM2%+wB(q
Y2lc-QS3_C}*#H0l07*qoM6N<$g3gZzzW@LL

literal 0
HcmV?d00001

diff --git a/luckydiamond/src/pages/HomePage.vue b/luckydiamond/src/pages/HomePage.vue
index 00782fa..f406810 100644
--- a/luckydiamond/src/pages/HomePage.vue
+++ b/luckydiamond/src/pages/HomePage.vue
@@ -67,6 +67,10 @@
                 <div :class="'linecontent-' + mode.id">
                   <h3>{{ mode.title }}</h3>
                 </div>
+                <div class="container">
+                  <a href="#" class="line__btn">play <span class="line__btn--elm ">></span></a>
+                  <img src="@/assets/icons-gamemodes/slots-icon.png">
+                </div>
               </li>
             </ul>
           </div>