From a3449ee427ef40c511fa3a6f9acc2d5a80795057 Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Wed, 15 Nov 2023 22:46:25 +0300
Subject: [PATCH] added style for each gamemode

---
 .../assets/icons-gamemode/crashgame-icon.png  | Bin 0 -> 1139 bytes
 .../assets/icons-gamemode/doublegame-icon.png | Bin 0 -> 1547 bytes
 .../icons-gamemode/jackoptgame-icon.png       | Bin 0 -> 652 bytes
 .../assets/icons-gamemode/minesgame-icon.png  | Bin 0 -> 1315 bytes
 luckydiamond/src/pages/HomePage.vue           |  74 +++++++++++++++++-
 5 files changed, 72 insertions(+), 2 deletions(-)
 create mode 100644 luckydiamond/src/assets/icons-gamemode/crashgame-icon.png
 create mode 100644 luckydiamond/src/assets/icons-gamemode/doublegame-icon.png
 create mode 100644 luckydiamond/src/assets/icons-gamemode/jackoptgame-icon.png
 create mode 100644 luckydiamond/src/assets/icons-gamemode/minesgame-icon.png

diff --git a/luckydiamond/src/assets/icons-gamemode/crashgame-icon.png b/luckydiamond/src/assets/icons-gamemode/crashgame-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..f8c3d2766692a60a9f327368cab8ae8cb9a76f26
GIT binary patch
literal 1139
zcmV-(1dRKMP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1PDn)K~#7F?U_wz
z6G0TmU!V$#pWwG(QWe32c(GbVw1<j%@gN>lglf}jPkv#+BK;676ckj{lV}g3-W2iT
z$reFS6tz`Usx(EdqFAkkiXiy>Pj^};FSFU*B%4&|5B@aWo%i1ScXoCs6QVK32!#lZ
zQkYrwZ8@|GS^-UfmO#^?0jN0=iQJ&k3Jk1+PD7tLJuhf9f{ty5?z4YhoAE_dV9=qp
z_;ZS!TS)Q?>Vob;AE3ohl|I);qX8J00G)KX+U?M8Xqt$rGuqswLW54sfgW27+<{i6
zi92VsJx_%M9asqU2m^1Rbv|Mr88N%4P@woC=$$ZeLEUCPVrN0Wjkr=O1SlL6CjLOR
z0pfQUvE5V%EF+;zR0Yg&*NAVWeB)xGI$(}v$#)}{QLaF;DbOK(r4niMU38*a$IpbW
z>NZcInl!bp8}S{KE08P>edJ)Mk%${Po>|(|SZbAsHrpu|AW=OBN17;eY1b=i6|pm7
z!*o(EK%z!b_#4#3&N^wmRwXnbOjL<HZbp8Jc4x);63P}NX%I=fp{QtMdrwqba!upZ
zxua+`+8h(-PEfX3OeCO~hl!-y$&zyu^wnsumMru1xxJ!ZCp4b2!DS?37841-CXBdw
z&=zRDaja6uyI!<ROf*_d*lwry!bG5#osp|Tm{22JOxX~?gy)>_Subuev52yP?Q_D*
zL^dN47xh9h;df3{QU-)I5_KG$Y(_#(Y|h$*PTax4X`u|@)R7p1asl!j<lv~c_?m!q
z;%><(Ln4+U>I?r=kGQ4KHF7q~6l%k4BR0$)c*G5vz@Ljo?S5!vlL0xx-!x=rX`$9h
zv!PPxhjB60=Ms<j3QnEa<+&J<ASUMXzbDlzXq+}PAk37y#8+BOsHa~nZ$|V;baFCL
zeQq@;kBl<5TEth2*pWvpJG&}*Gjf?zi5ll!Z!`9IPv{FV%pipYk{@L|@=b3u)65<(
zJN$pfINwfTfW*b>D)}+uVun3TsQF<o<@Zq-AaR#bq{qvMj#0PDfDaQ<c9uWG^g@#<
z*Kq0tEoW~M>^vAYh~r)+6d5gZyi81jJ{d(W>EnLb#%Ug@E+*<J43N0iDDs8%>X)5g
zlG5>(otLH6h(4akmkG56W6p<WaegjT!>OAGYLjiQ(cvT`c^wH|aHmmdkd5ym_&fu;
z!l|@E6ODE;aXxA>(MVx}0&Qjo^)WSpn=GTCw)qcOa!4cj8wuTkVo~rg)B^Q$Di5I*
zE_q_?PPis?2llWxeNYutlqOHCU?y}2Zl^JzZmUKXKTwi?BjL^o(Shfd4z#he@S7MQ
zk9xA1Ype#!Cn&fTdIH^ojz9}2LlAo$dI{~PF~<0R`3thsjy=e{<e>ln002ovPDHLk
FV1n7y_!|HK

literal 0
HcmV?d00001

diff --git a/luckydiamond/src/assets/icons-gamemode/doublegame-icon.png b/luckydiamond/src/assets/icons-gamemode/doublegame-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..17239588e17a699d17490006f7eaac5c2fba29b8
GIT binary patch
literal 1547
zcmV+m2K4!fP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1)xbpK~#7F?OA<j
zm1Pt^cbQSCXyHT+cPp)iXr*bTL86qyu$mEt1&aP*U|(RAfy`l{VoG2C1gmL9MG!;{
z%91&Y)(2%4O$ljk_F>Hex2S1;?DRW5=k1=J``o+tuKV6i*bja@_kEt{obx>I^Ks8P
zFVP?dF)+Z)LxglX0s|int_QybPk=pO3-}7S031sL9T?<l@K4SUncU~#L*R7k2c+^f
zVo<dx*6L#?xD9Lpd%#Ix6?kPp^f34ixD(u-N~M0K{sJa(lX>GGf@5;@s{j{+Z-7T~
ztXMsmrv89#6+s&~tN^*|!6(3GZ!)6iVk#x%?U@1GNqq!lF906{PpYniQb(l%j4e~c
z$HDWxwiGxYtOke1)Hjne7sgg96=1AEjW&DrXM$gQ+hu%Ao$FNQ7&wYb0T}91qYrxZ
zOF0`)$J9B}$lO6iMp?k%926t;@dK~9GN5BJ#Q?5gxxRna$B9&Alm+T;(XtK3_jqj$
zf&MR3d_-r8DQRFuKGEf`&(SW2{0p!Zyq{tMeaD%tHJ_4%-1ElRT~tIs-|a?s1tkd>
zSYnKwLq!Diy`*}ZC;|BH_(Cmr;e2#cOki*~qPQ0P5^@bWx>ZHGDQRFp`}D1CDL|&y
zyN=fc`ph-$*HO}dk>AwVs+j%dzoEyQ$RASg^;@HDiFv{P))GVFlEiiH#F_L%fpY_T
z=V`g!SHRAzo&k;~7aE8!)&+hAHe#!`Q=x#;I(>5o3Xs|9t;p+M`vlYWKD$WsRd7Gp
z!TBNX%roFwR0tq2$0%7JQ)Yx3YXUcc!%f=^@J)^f+19P9=Tq=6)3ygJr$PXMw~Ych
z$gw=!fS!9f`}}mXi}l4R-2yHL7qPnb?9SY5cFw7U5>FagS<O@-0~p25tBoMPw}Q8F
z%m9mB>>fd4kQ%U32AD_Y9<bBcyh`iW8eO+hA%MVm@I}tXQE(S{A9!gFS$UJu-rvhE
z12aYC<a*!0UOGwpba}Q~O#4S#*GPQ<1TO=h<^RSY7VY43?A(uXmD!|i-8!kXu8PIu
zo}KAA^pDi`mHK>={x6_pBDey44?LX1@Nx6IUgfF+{q}phhjHdVEW&QnKFid{3gqHW
zYACxK?gh@hTFbTX%s^XHK<6}ex0XP*;YFs+dd}696xbyhB;&Zk7+h@H>rB18`DuA{
z$^XuzKz)aOL5Tx~4ynOMy?WUmOWAW@ygsWqb7i-I7n-(@wLa(vmQnHXnU;P&Si<MK
zK{;a&_(HmsHdDssNrQE!OS_hrQvgY1)jPGE5>@CRC50LdQqB$BsMJ$N?wWuun@8TK
zWzY{yVnz09Y2Vz<l<i#3_MUf;%PCvf*ycwq$8g}YMiLW=u2%67B4@8F(C?Ui&_wql
z@F%U3o2|xlY1Q&<itnBG9T@ynb3;wmI=QZQn|iqr(s^{qbz9-pooD2Wnor0z2=Rtb
zsKF&(n?#D$z1&<IIg=|EuXmhj`$6lM`Eo_yTG%4LqxfDQ(_XW<G3&raf0E<|dIO3_
zz%#V!3NVy%${Kf4-vZk}xvBnjCuB8Hyk`1rlRr63+(wO82XxI-`82ucQIHifCvn&X
z-)T9^)GY|~^Xo#Xq9|<}t;|udnMwi9B)i4!uhhELoQ>LmY>m1xr@(i?;ow4Z?w+So
zfnB5*eTI|4$TyX8&JNhd=8zwvmxk!6<;=GgkqLeRj2}7{J{d_VZPrKmV_OLx0p&o;
z+1#NS`hT2Ga+#D%$YoQelFO*b8H=LIgWz1q1QR2PO+*K{k=!jLI7Mzk@((TPSP7fO
zEt$}Z8p(J{Y_kEAIFzeXq7xCwo=5R8xqMe|kk8uk#@oSf$o<Q|6|G!8Bt8*=UY!yU
x$rUVnT;8%=(H-Qz+soh&V8Fl7AO<n8@HZ3+RAx0bO{)L^002ovPDHLkV1i2f>oouX

literal 0
HcmV?d00001

diff --git a/luckydiamond/src/assets/icons-gamemode/jackoptgame-icon.png b/luckydiamond/src/assets/icons-gamemode/jackoptgame-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..37d5b656db93cb8b4e21c1e94f2e02302c7bd636
GIT binary patch
literal 652
zcmV;70(1R|P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0wGC6K~#7F?U}JJ
z15q5ue<v&?QWGXZA~6t)1d+58CVxPeT1*x!NR4(~NLa)mc7t@0)*?cr#9+`=SQrdt
z=wdkE*Z!_Kb$7jcZRuU!C;9dF-n;jGckkW%y}NrQQYaJ(g+d<9Na(u03O7Rj;#$+R
zU6C+%L?<7DjuiXQT2Y>dEt5Y;z(T)D^%76y6U4QeXHg3Ugury97$dktQO<{uPEqZw
zAqKCwZ4q<b$Zv3d8g3odLABA(?Zwdcp-9B_`m<@A4e6XY_K@Dv>(7dYpDfxRgvDUb
z<efD82>Sx;7NhjV7v2Z=fqdT7nXrT23q!Dd*sJJBG4hS|*elJVSF2XDVcQYhu_L|o
z&@tOKxde6hEc6Kv`h+LF5%w144;HIK#)JN*0s5Ss-f3!$QfaLgw!>wo<emu&{W-bE
zN`GQo+ipZE>fCX)2}%8Bo%B<-`f3f~&@fkdu{qvo{eYo|wb|+2tXdKFNs=SNUiQ^z
z*3cUdSxa1uNQ$e>N$Qh-qIYTt#l3v^-Qh&8^ssgbeV0k!>7=hVwPx6#ksM_`rbU6g
zGtd44`cKE2RYoKN%fKdU)Q2VYlWz6urLoxv)TizntOs{!5&n@R5%EAZAgS+TpA|78
zzNuZm)ix>dVt}DD3vdTqm?nQPMx_n9DAtMNaw)H3YJ={-3DyRki4ez&ANa9>9mu~G
mmSE%LFYZa9P$(3NI`9o~S4(ihTR%+z0000<MNUMnLSTZ`0xK^7

literal 0
HcmV?d00001

diff --git a/luckydiamond/src/assets/icons-gamemode/minesgame-icon.png b/luckydiamond/src/assets/icons-gamemode/minesgame-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..e751848194258e274597888b73e4fd7c03064b62
GIT binary patch
literal 1315
zcmV+;1>E|HP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1h`2=K~#7F?U`$c
zRaF$n*PR?}><Jc4VL3MC&^sne?4dI-QA9z6y}%w)kx5Y0P!Lq}A$ox6r|3h0Mo>^h
zekemKoFJe081aD*bR1FC8FhS*<LE5^%l$vx&2jGBd(OG{o)PB{KlVBM?7jB$?6dbe
zBEuS1!BW*xV60r|LL+9W)4lo9R>;uSwG6MymvE>zWI$nr?g9(J_#keCTwp@w??Lb{
z7!4i-TP%L4kH~5N#zsQ2jrcl~$;^|qg-TrtuFjLD2E5|kf6JGDRyb`&;#b7-+G=7$
zT`BH`><5QICs>ajYtNCl1;M+_vj#kav^)5$5rHkaD-gFaly3}zTEzb+Nd!Y9z;y5z
zIHmd30lo(lJsY3%SwA?&>s|J}06&HD&jv4p|3SlGbt`B@I0dW+-vPmN=mi~MF|eNB
zFK%RP$*c!;pw=_96)XcUfo{;qd<(!spa)cey<j1D0gUwW&%{XB)EbBD=1|>NN&$^{
z0(5!3v<SSIZ+<iHc<?sZ9_s05y);*X`QEce#*YI(fZxDWFa2CSUtNP$A_Knh61Rf;
zB&Lve8fd4jUhtOptiqdCmS*fAc5DH74b1SEk}L5Q;BOi}1YVUQ2zIUkbG*)J@t$1*
z{$cz&FjA7prVMEFdZ$*3EOiS;-vEuVky*|7J0yu<;8z;j1g?`33AQJL9+owOahHK@
zjC(-h3YkACWS$mF>Xug1VXHXbL(_JNE51a%G*mBT63Y6LW%hZUSR-+T%nNAfGby7`
zUX}M=ByPk+&(IhtvruLO%kNCIS|Rg~G}J69N!>QY^t{9oGFF3=>h?W1N=mW@upx^i
zj*xLG4a}DmrOwe{FZ@xE_h=iI9jqSbb*rQ(YzR*vu<iNfAo4fF8WMcDmr42x>Tst-
zlr<z+rB+G$+R5;Ci70ExxfdKm+b8L355sDSC~HWi3>}?dSS1l<4LKqyiQA%Iz^#lL
z#jr;r${Nx|qobw#dJ@=aaT4$A7)IYTq5*&KJMx&MAe1}7yPnOuOp}PR5ozP~BuPP7
zWPHa#6T=RPDzyGl_QG;0qfp+{;0^D-hV?ioaiq@45O_&qI~O9BS;MW!X;8_y_gIH{
z5?9FlDUHmLGRP{+^5*j1&gwfE*C27l9k6-+><k@wdl0d#k6B^!F5bkr4;Z&zk_tw?
z3bxVe{JKRK?7qn|tkb42&Zb!>;~$ZvQs)NRL4!p-U~%evp;<M1&z3OmJ1Lgb9Xb1H
z_$euZV5dp5ezG%Qy7w&jZnSH$4|Om&lg7=%*c36Z_5Af<f;z8zn>Pw}eYcmkh4BZ#
z%~A?!b``S|+lK|Due2AHJs#Eu@Vb}Qrf}frwIz76lu}+}Oh4-&ZW?tS^>$9nJ>XAu
zi^s#Ebmm>$Oq;vG{ZbC0py$9o7Tm4Q0bQLVt$kQ4ay+Y7x62K*Qj_?v;s^!apy&US
z_+8y^g4!H;%#lzBKGLikH0X@?wM5H%K|<lTac+m-gX3VSx?cjVoH{+BG~Jx4B|9oa
z?io%A`<U5T!hVL{GC(r>t-My;FEMj7EygbQsFYBNhgjV&IP*i<=Fb|SU_UB;T!wWK
Z>nz%Vz9&`fv$6mH002ovPDHLkV1i2`ZBzgN

literal 0
HcmV?d00001

diff --git a/luckydiamond/src/pages/HomePage.vue b/luckydiamond/src/pages/HomePage.vue
index c43740c..89ea50e 100644
--- a/luckydiamond/src/pages/HomePage.vue
+++ b/luckydiamond/src/pages/HomePage.vue
@@ -52,7 +52,17 @@
                 :key="mode.id"
             >
               <div class="line__content" style="margin: 16px 38px 20px 0px" :id="'linefirst-' + mode.id">
-                {{ mode.title }}
+                <div class="line__header">
+                  <h2><span><img src="../assets/icons-gamemode/players-icon.png"></span>{{ mode.players }} player</h2>
+                  <img v-if="mode.id === 2" src="../assets/icons-gamemode/doublegame-icon.png">
+                  <img  v-else src="../assets/icons-gamemode/crashgame-icon.png">
+                </div>
+                <div class="line__footer">
+                  <h2>{{ mode.title }}<br>game</h2>
+                  <div class="line__btn">
+                    <a href="#">play ></a>
+                  </div>
+                </div>
               </div>
             </li>
           </ul>
@@ -64,7 +74,17 @@
                 :key="mode.id"
             >
               <div class="line__content" style="margin: 16px 38px 20px 0px" :id="'linetwo-' + mode.id">
-                {{ mode.title }}
+                <div class="line__header">
+                  <h2><span><img src="../assets/icons-gamemode/players-icon.png"></span>{{ mode.players }} player</h2>
+                  <img v-if="mode.id === 4" src="../assets/icons-gamemode/jackoptgame-icon.png">
+                  <img  v-else src="../assets/icons-gamemode/minesgame-icon.png">
+                </div>
+                <div class="line__footer">
+                  <h2>{{ mode.title }}<br>game</h2>
+                  <div class="line__btn">
+                    <a href="#">play ></a>
+                  </div>
+                </div>
               </div>
             </li>
           </ul>
@@ -273,4 +293,54 @@ export default {
   text-decoration: none;
   cursor: pointer;
 }
+
+.line__header {
+  display: flex;
+  justify-content: space-between;
+}
+.line__header h2 {
+  padding: 14px 0px 0px 14px;
+  display: flex;
+  align-items: center;
+  color: #FFB400;
+  font-size: 20px;
+  font-family: Montserrat;
+  text-shadow: 1px 5px 6px rgba(0, 0, 0, 0.25);
+  font-weight: 700;
+}
+.line__header img {
+  padding: 2px 6px 0px 0px;
+}
+
+.line__footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+  height: 55%;
+}
+.line__footer h2 {
+  padding-left: 12px;
+  font-family: 'Press Start 2P';
+  font-weight: 400;
+  font-size: 30px;
+  color: #FFB400;
+  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+  text-transform: uppercase;
+}
+.line__footer .line__btn {
+  padding-right: 14px;
+}
+.line__footer .line__btn a {
+  font-size: 24px;
+  font-family: Montserrat;
+  font-weight: 700;
+  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+  color: #000;
+  text-decoration: none;
+  text-transform: uppercase;
+  padding: 16px 16px;
+  background: #FFB400;
+  border-radius: 21px;
+  box-shadow: 0px 4px 40px 1px #FFB400;
+}
 </style>
\ No newline at end of file