From 377643de6a8c6bb1aee74ee9ff71485903a2220e Mon Sep 17 00:00:00 2001
From: Dev 1 <dev@siliconpin.com>
Date: Mon, 21 Aug 2023 13:53:25 +0530
Subject: [PATCH 1/2] c

---
 src/pages/drag/index.astro | 22 ++++++++++++++++++----
 src/pages/index.astro      |  4 ++--
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/pages/drag/index.astro b/src/pages/drag/index.astro
index 29b9f93..8479ce4 100644
--- a/src/pages/drag/index.astro
+++ b/src/pages/drag/index.astro
@@ -134,7 +134,6 @@ class MyGame extends Phaser.Scene {
     super();
   }
   preload() {
-
     var progressBar = this.add.graphics();
             var progressBox = this.add.graphics();
             progressBox.fillStyle(0x222222, 0.8);
@@ -152,7 +151,6 @@ class MyGame extends Phaser.Scene {
                 }
             });
             loadingText.setOrigin(0.5, 0.5);
-            
             var percentText = this.make.text({
                 x: width / 2,
                 y: height / 2 - 5,
@@ -392,23 +390,35 @@ const displayResult = (droppedBlocks) => {
 };
 let score = 0;
 let counter = 0;
+
 const isMatch = (blockName, targetName) => {
 if(isMatch){
   counter++;
   // console.log(counter)
+
+
   if(counter === 4){
+    
       const overlap = document.getElementById("overlap");
       overlap.style.display = "block";
       // console.log("Done")
   }
 }
   const match = blockMatches.find((m) => m.blockName === blockName && m.targetName === targetName);
-  console.log(match)
+
+  let scoreTotal=0;
+  if(match){
+    scoreTotal++;
+    // console.log(scoreTotal)
+  }
+  console.log(scoreTotal)
+  // console.log(match)
   if(match){
     score++;
     console.log(score)
+    let day;
     switch (score) {
-      case 1:
+      case 0:
         day = "Points - 1";
         break;
       case 2:
@@ -416,7 +426,9 @@ if(isMatch){
         break;
       case 4:
         day = "Points - 4";
+
     }
+    console.log(day)
       finalDom = document.getElementById("good");
       finalDom.classList.add("good");
       document.getElementById("good").innerHTML = day;
@@ -448,6 +460,8 @@ if(isMatch){
     //   // console.log("Losttttt")
     // }
 
+  } else{
+    score = score
   }
   return match !== undefined;
 };
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 1ac0c84..fd1e9ca 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -10,8 +10,8 @@ import Footer from '../components/Footer.astro';
 	<main>
 		<h1>Welcome to <span class="text-gradient">Astro</span></h1>
 		<p class="instructions">
-			To get started, open the directory <code>src/pages</code> in your project.<br />
-			<strong>Code Challenge: Tweak the "Welcome to Astro" message above.</strong> 
+			<code>To get started, open the directory src/pages</code> in your project.<br />
+			<code>Code Challenge: Tweak the "Welcome to Astro" message above.</code> 
 		</p>
 		<ul role="list" class="link-card-grid">
 			<Card

From b48a2e2fdfa4e74d651267b5dfd34ad224a9b112 Mon Sep 17 00:00:00 2001
From: Dev 1 <dev@siliconpin.com>
Date: Wed, 23 Aug 2023 00:12:03 +0530
Subject: [PATCH 2/2] u

---
 public/assets/top_logo.png | Bin 0 -> 13173 bytes
 src/pages/tick/index.astro | 158 +++++++++++++++++++++++++++++++++++++
 src/pages/tick/temp.astro  |  25 ++++++
 3 files changed, 183 insertions(+)
 create mode 100755 public/assets/top_logo.png
 create mode 100644 src/pages/tick/index.astro
 create mode 100644 src/pages/tick/temp.astro

diff --git a/public/assets/top_logo.png b/public/assets/top_logo.png
new file mode 100755
index 0000000000000000000000000000000000000000..69fe41e7b90233c101b11392e09feeaf11a022c3
GIT binary patch
literal 13173
zcmV-*Gm6ZKP)<h;3K|Lk000e1NJLTq005@|001rs1^@s6O{od|00001b5ch_0olnc
ze*gdg32;bRa{vGi!~g&e!~vBn4jTXfGa5-mK~#90?R|HwCD(c1Dbw%V{(9T?wsM!+
z<&w*~BxS3RqGgLVEJucmtOQa1FqDSCfd7aS1WFJC4v;v2Bg;k-TXA4X79?AAOo>#X
zNr`<~m&@(t^>=%leonsc%-r3_<=fR#vSi8N5O?2wZ)VP%^PR8!e&6}dP$SnlgoqiX
zRFi~oN{9}BV#8DLHG&_Blr(0HiR-oV?s4UiQlcD7@YxQZ1Jb*A3-SK&0O|gxc{o>w
zj|noz>(uodzK8I=Da<`*S^2-c%FKITBvg9^=HMJ5S{u&CcokK535l~O36qR+`S&u=
zzk@@&)(I&S4TOT{Z5VJ4zB}+SP*`w;gd_t&WS>*!!L>1^JpPgO`X~RO!!MEwkf>m&
zfbgNHheO50167RD;kD^^DiipYFe#V`j=_fO6N-N%jG^Cv-(fB&I1HJ9gMo8Af!h;Q
zTKW^DteYw)j1`5YQOR6ML>UB8m4cQ@s-z$!(g&e5Vfb|+MH3XZ2Y&}C(|0}S_de)`
zpCB@MMNwt?p>)H=8^34Hl*9>75)O(<azcnIG?It=Aj%01ei!fsy=VZ@EdX^4sEi~0
z8=*Xc)8I&`QdWHU4}ZAd|M52EMC*kgIvAe=##fP&PxbtG=JZN$a=G3wXdscvQMbKs
zDz^fIGbu*+bg-zH;g5U-Kj8-oTV{%?ey5vX$I|Nv7aZff266|FNh|Ot_@1E0wF%P<
ziEfl60VUigGKQ!o2b8e^-0Q(T9;Ivm_jvFL;9T_Mte~5DPNkgCX%~K0`vZUWuU}l<
z`N(r?bLZCkWf+P)wB2p~+#R#-;oTLI*I58o>BF@lhLa!Ed#ccuV%%Y0P<Ys;{BaiK
z4|vGz^Y#;&Cq)6Mhz?pO4I8{BEg_s@Nv}$Rmux~-iy$AH8M9J|@qlT?fn=pVg!(@C
z)IPM{fhJn;X+UdDQ1>o;_frUP`52nUkA=+N?m1J%z`y6BM2x<<(w+IOKR&Vb(u>R6
zWUE`H+?G#{n)OSo5&e(9rVY&LV$<dn2CD{-2L631Cq^TJ9-BlO00a#}5aK6J6joAg
z#%SsI^CuiW$PGVLB){IpS9wxEsEJ0Sz9aOw%!xEfe45MNzc11F$&#Rz9M$*0EbIw|
zw$o$!+<<E%0}_sOB`de2R$iqnw*(5V!IK%Z#)xFGdW@1c;n{PNl<dk7<^{h4>D7MZ
zO8PeCq?zZ0kKOl^!r8@sW#QP$sBDMhL>gs)FND@5f9ZIw{o2BGd1}nfTN<@Mh>UCi
z`tRfbAuxbK20jyh16)gTpnn$0lpQ387LMTvv8|tlqkkX-OeH{u#&%5w0Qu7NVrnq1
zy9p5^LIep7U$scGQcYq~k+k8E=y|y6B`{(;6x{YDAN2{{(qrcS2GRBviE%)e+PolW
z;F5weDz0FH{88R|X80&uly@Jz^8n=!=ffYhg1${TvBzLiNQm?xi1fCfSkg~yAcq!V
z(!$6Bfxztdg|*&^OfV}WOEaNzaTp9@^Ubt$(~yy3TmbS!+JK2lvCv1sP^-YN3YZ-L
z7a9Tif)FI?oYMwiCiK$X>k+UFH)oUimac3Xt~Ojx$dz>2X2*45#x<UM_4OP3BY<=&
zd6BCW6Fnxn)ie}Q#l69=aUk5LV631rDM^!(=sS)SD`mL0NDy~YOr(Us@du#4pk&cP
z$my{`5`DWsSdo(4CkH(DtL>PM4nVFZ$X!dM$b$zh!m~ipk<nAYq@o2sYw&5nv)WnT
zH{}%9k@s+1-xv9Mn{u+06AI{bl5-6)R?=d9Dwl){T|pvv5au>)O^i-hV&9a5rp7_I
z7ARIO?HdcJ>d<AqxzcgT6xUSE!$2|3kzU6PB12b5Io9j+XIFdCOc07us%bV%QlL}P
zn5<Y!MMp7I>|aDSAz+wgNXMk$K$e$fTKas|pDd+<5Fv@vHW;4E?!&OghRT@<Q{6{5
zkZ76qUjvMtBrtZ7<rWnTfq6pj!(`ep%W}cU8sik-;pOa#A<(oN@~SD7S3O;%GSnDn
zHvXA1VREs?MfkMMMXwM^;y?$Dte+`lkQjA9-3T{G+>8LLx|~friLh*{@d89_s~3n;
zz2lGdy3v?4^c>8Q1WV|RxW-B`#~jDtFdWo)5+Kpv=shvwfed&mH<Y)MyS8C`Nh&L*
z#tx&5VZb-6sGAWYyfFp@5}KU&hi1$EZ~Wqp;4i*?HmWZrvBo*szAc}8{J|}9=S-d(
zhUP%0E1c_iAF@EuF^~sE{buO|phpED4~`CIMs*afL)J(kY=E}Q*hI^PuVY_*X?5!(
z&#rHO<w9o)v_1#-`I9B5_Q{8~=HB<7F<N$w00tM}z~Q+=t3*LzUKYJKKn!lfIZ$i`
zH;hba(Y_-P3xqiVOqO9^Lu9%zod$Rh3j~*54~ho;6scR6!!c0INy2>~aD09m?x->p
zF-)%G{h&P1PC8*2JMktTy-_-D=mQmCj10reWtGGfrrZn`4Sh8#og_F$h%g#s@xUSB
ztDqcB=sPjtxf*nqT~0Tp3ZC{`g0JP4q}t(_I!8cgdA!1k6InRB)SLY8kDQ-<{#0uw
z7D*v{YU`s%X9^#?Z${fOZlhwVu@XfM5Z5WJii(N831#lU2lK5NG*FHKj}W?mbLByY
zJQy(M#KR0Cd{5r6nQ|%u0_}%7m;Tt8;s5r-JN$e0kA{nDUZQJ^?ie%VZF@$wv4ZA+
z;Hz0;9@830nvkamqlKC@MwL~;EO8JBXkrY5WI&!049{)26BI=aYBVN%>W#C#xyQb}
zw7vPt>NMP(!vVfAQz+fFzsm30HyV|R0L%%42G>C_rN_|=GQ<a%M!^h25uRIukW~cL
z8e&(_^F&g~Lok3okgYa&EO<5#l#3C<W|YE=kv#O@MlzNvra;TVv8CQY#aD?dHGLRa
z3(N!Hh73?^aAM%^MYtmm(}qT6fSIBT!RrU`cO;BB=036yXvsvSm#L?|Hk7#HV^GMP
zLRhDf&l7!7a{n&@dH1-;qQuqyh^CeW^8rS|=eyK;sO{6)E(|7wn{+97`C=oQ`pOf_
zTN}rg=ZK#aQ*bL<kJ^Uuz#*8D39}E6#r_A9Dgy~IqY47o;rASfqX6?%fbS(Z=VHbH
zWP$JwyMPg{kMk@sQ@~^kEW8V?43Z?m2phB1sokh@sxT|m7mCXlA`y&>!`n;Z(DtIT
za1f^s0nG`eR+T|S+FnwPgdgLoS>|fu3WR?2KY&a5dZVwe_k~t4G~qgYFg0Q|tFE@D
zb8St?!~-jW$em0kNiqXBPr?1;U>>6&CCs(PCL@}L@ec$9zk`BdUKLn90XzhMV-&4e
zI?6x*8iX+!Z}$CatrO+jec$n-nCnazj?IJdg59Z>S;Ntcx}@;{!&scqT+8!HK|rdY
zbU9qIMJj9PT-fmNRyX7qmpWP-e00%b!9>Y!kCu#j&SWhxGBg&LE9!ttsC2tgX}uTa
zy(lp;?Ae@!rM%HCIJ}X!HDJrKCQ)GsLqjsJtC*K{QeII`v~>XiEW8Bs{{lR>j}iws
z4)Ic^_#=Y|DyqQ8r_AX}^GJgk_tlx?9gXWT5+DG)Wl+R%PLl~nwNU^id37Vz42_Bi
zCVl|2?o*xw;C#VhaWHh@sd+~7DoH7pbPS$5+Uti^7<ZxBj&e~9NDMfZWs#_wGrAR5
zYr2lP3aodPQLzrgXhcMG4a$*dMb{!)*IK?zS1&O3_5=2nXIHrw2_8nE=+F}UXKk&T
zrK9^RwAP9WFP!bft1X}6dDGBkj>}|zrid||Jbj|cU%gP%muo_^OqR@zn*E~(Mw_?q
zD6MXr%&!?H2h&eDSmtQQC$oMm#(`6n;psWhM+@<K6vas|h=TSY3EV!98CoucY)hvF
zCRtxdf#Y!fSWYxL(afdVVDjY)t&x|{bn|DId$t!+4k1hKohbzSw&XguZ7<fhPv>ft
zyxFxhBI{i*_uV&Il{2-@i08??sZoeIOl%!>#7M~`$1n8wH(y@i;AQCCh#B0nqtrfn
zpjx|id#MGm#!teCFL%S-`BkrcYOz;7ajEAvx}gaUnA!#nch44k^W%1X|Fpd{K9XB<
z4BE*&CmPhonuSe{%k!2c>Cr3I!3G-ukZP$X0OLrqL<=gWOfiDO=Ag8Fsqbh|^S!Hq
zHnFZz)|DiZp<qrBgq1<xuYj{Dfgypssg;6VAz->IgE;ZJUhFe&U=-wzp120%{aA53
z>IR7zZFaoLi}h&g<U+st+WAKD>}ua$??AYR=Wm;I!>waxZ~vBJWAB{1GF`GN;2>Nk
z0WT8<(Sx=zc93fjtxc5ka+pDYYn)pTtbhGqj~U5gU&m!L^>>3g`+s_z{(kj#`<us>
z<3ITGQ)K-_1Dp-z%Hg}ZnA=wowUq%GEOa>aQJ@l;CIolp|DS^1y6=NqM}Fs5c8%XQ
zU+Q6b$+@LL@!3<&i5E_{M+UtB6;oGzfpa8`?B`ClOU2x!q?FT{ZEEIpS<fAsAE}gG
z-pA}h6pP}?i|y$zJ+nIVCy$?=xb$4JBK<fAkP`5nL_x@Bm<*+D^vZimt>1ijzWyus
zP4~A?y5h}CP3K>J_Knh|V=EQn#jcV|BxQbQUby29SvlEda=pii#>vZx2>+^Nbhh0x
zKK94|;?~Z-Nh^5nVu%0v;}>&Z{@cZ3_e8ru!q@?ij7mpg3L;^1kB!)k5C8N`@!veW
zGk<Vrbv<V)q5v3A487+y({LM>G!gT{NESdNUqz<#mgP<mG9qZCBOqv8HX=d7tq!w4
zv`+1NS9NBA*9NRFskv0^=3hPAE<gHet-QV-<`ia@DG&z7s9#*|xQ{-+GWzBvR{+gm
zaV*Ub-!)mDEzvGQTR%?R)%C&TA3nA){eQo9e)8gpW|{UPS4I-XlW3@%PjD?Fn($b~
zY2S5pw)&}`+g7}HZ^;Iyz*VA!OT>N2wH9x#wL&yxuVyTymEZ&Y#2`_KOju{aVSY~u
zKNsN28A`+pQ;<y5cX9D)527ZBA%x&TLy(u5ky>c28N1*4%IW;)X54DEVEF~0B42uD
z+5XIDUN5Y#^-9Sg0?@B(I1doQ00Bw;>93r0UwTw$8mGF{xq0jDlg{sa(yZLPt$<*i
zzp>OQ{?4DhG4a$l7bm-`y%Ev_CF2_4vshCr*ck2@G!}|N^VPM&A9z725|Q^?KffE(
zIYt~sE}kQUz*b`id+MI-$nLqWWI;$J#(@Bl1dU`pv@Sfe?EKq5d8733-6Qe;_~L2p
z((5h9>v%4V*^yxYBthr6oB^;?u%;i1e&l}bD`%}iKQTZ3iT$}-ca}UPB@~GSdXeiK
z8x!$>f`Icr55DGUXkLQXyuz4<j31{Q{);FBd~4lOr`G+egp`&kGaJw&Kp%<o`huVT
zFP}eMdhUtEyyylHfPIZ3HBdgBYAesJI)C_j17?A6fOQ~vYLETyy``z!CwehJ#S@nX
z`OiFhcH;A&KRMA|Y>$9c@-kG>KvUTY%<0F21Q<mq15$YAkyE*Uey)-GcmMc+{-N8(
z$W%#BK*mFIi`X={5#>}y2p=OMN&$gM1G`Lck~Q=|cusX!5kUZ3;I=ShlctQ)$`Ap(
zERg`;fmp(Xnn;xy&Xjs)LiDH?nU8*Fsc>j}CH%mxCE4l6dZX@{vKQKTK4r!@yVz{3
z1#Myn?Fd&kbYkjet?AielvDsPdS})m_IrPE*8TcdFODR2uOh;v0M?Cy;?x9zE7A@B
zM2QYP(8&Ovb;h$Fd#)8ebhv|@U(>)dC}JkS({hd(HJJG*A%Hlf#)OKM8t^JiA;LI$
z-qOY^hV{zX9=UjKVEStVByTzJ(I$ad57(-s85kG9HU@?*b-(7*V=t_cC+}!*2zlM2
zO~KNbjUbO~<mDTVtC!qle1@>-OqxrRZ@pZmD<}$U!uNn`#SS$etS9W26{@*w982y5
zOd{8Lzdx{=t<d)Co&}>bKr4ANTr|cyyIx{;J()&IA$4joV-U&$gyF%3<pKNLH!kG9
z_|*#|?Tg*2GHS|Az<i*{pqMnHPQ(INo)|KSO@L;`>Z^(I2VXcT#_~q+Q-?;oc^fgi
zM4~vr)u^jeOxN?AXwF&gFIC9&qtu3`SsbY#gR+vh+z!)hvp6?f47P5`C4E03ix;{)
zTIzz51B+##03zngOMUYqFeWC;3G!D8!^4?W?ZSKkvzKZ$8DxW0AkCuzlEY*)T!7U$
zVJySPUtVQTJhx`WYyCWU4HsJ?j?VM5dAe)9NV<cFT)5Ds!RZ#w#tbws($>~`$;EYF
zj^{Z`7-Aqehi$7;3>c<v#>SK#Ol`@9Bw^8|Gu<d|4TAi%8yr478T|Ttr)8rX7=Qcx
zntrb1Gl+?Na%WN7Jy&25amX8|TV(BQhssWr8m^#uuNj7~oNGqy?u1@+IEFM6tYA~m
ziMl7~TYt~0!pO#Hq}lH&Pr<r45;4pQ7)KhC-M&V6Wfj625E0UXP9o05g$<#hdx1`i
z^iIrSBMhO6$)da&$QuX-S{ckS%!st2ga*gXbojSluG!5?3c?_Xvedj(Oj_CEkgd}>
zKw^x(d8$p5<sQ&ZA07`D-cQKsHyi#pURiJNp3AN6p5`mSJ=e%(JtJ>f^}A+0=LSvN
z__=(bqeSO|$r2Qp$~CIoIs{3b$JR{Vd+-C(y${?n9-wl5=8-eziF)5911zfnUZ`;m
zIx7ZVjG4e>x@;yh`^xmZL1Iz!P2t6<BBA7MfO{i0tyFEK(YoXsncGsNu5DOAbdpD3
zSfQ)u+d3#F0D3^ghQ^(_JpI`RwvY#Isgkp+9{JP97RZ@1Z3X2)(i|a3KlEh~$;_b(
zN-^7{>@ejS+PLH0dCyemp(Ep6aGkwBeSBfCy3p|s-Bb;J?E|yP``=U2K_~OCUF?&u
zTBhyjQvTBY<MNi>RT4ykeBr4T@}=%s(&@BONQk=)-w&ME&JS`;KS<^X<`BWFUg1N-
z0+8!gC|%_+-?BgtZVQxC`kVtpHy&=p=FU}+87Kg&!Ra1J9dW;yGy7Y&6#FN)w!FbI
zSnmKMBw!HCmf?e|z&6Kh>Hxq8+-8CEm(_xyclu%c!s#YE^Jc@K1HjgVn<z9n;?Vhn
zRq~<xX2_kp@}v(V`^tBh$u}RrNL!~utXsqRvHNvD|HMn{#h<xzvbbla;G~M3=7g^v
z=l4?1O%LpRTBnhQ7BGsmKsH@-6Vm1J9k-A5|JB3ut;0L21I)E7HazG23v1L5LK8x<
zu5$E#l=OPBZ<$)}p<BknqGQoN`Nl=-*{2p=|7;u6CYZdZ%+bk%AKXHY-aJl5idZtH
z@#zw`rmKeD8pQII<7;4{UG%tM+=5A<!v_u*$uHhHLdJ>)IkW7O2qLsvs8RK{KqkRy
zO^=kxMA=k}B8hSx3YMs0foG0qwzz}ecwlQC3~a^LNPWj-zO_{E_ix)(iEiFj;sA2;
zB`!uk`N28s@Xk`H)``Xbxg3EAN%A}(x9%#F?@Z)K=WH9bN2P**#OSq-Zwv;+kXXzK
zL6%-;E5UFX^Lza*`#Y*>B3UjJ)_q-JA8H!<R0H5x15S4{<;0_X(_Fssi3ewzV-=(G
zzrK8~7@lcZBnHbA$Pp-+x@nAj`~$OOW-Lcd4p3jC=DsZjZK*a8FI}k9-kPUDV1tm4
zj)v0h2g>AAADbs1zkds{OyJIONN(LxB)=U*<dM2Zl3EX`fhHqiE?w$di|f9bB#8xX
z!oYdnZ0zq?IfvT@(gGo(q(tKlv=Qi<H0)?%#P*7&(E;?;fxeTnt;f1!SiT4&aJyC}
zTdaENGAf%pX3B$!qQzdn*mhreah3UmS}B7BXJ9b0Z(E6c`0gn(T~vz?9OjcE4nDim
zlR=2iSk;v>qSiMx;s=s^`RN)tz2cMOuh&TPG**joReFkH(Ev-od9O?M&bj3DQa{aT
zV9Fd(1wb~e)+yw){&dBvyOy?KadPo}2glZ7^nG3D($u*FENMI>4BcPU4`T7=LW_L)
znM<S>#$?0=ju8m5-VQfv6!e*~upeeielYSF7^R3WuftzmY`mEgZuU1kRNR6n&6o=m
z_Ac<AyZdp%Kr5m?;7nYd!VeCxHCZ<6u02}s1+w)Qk1bXkL~{XN=m6%_3ij++j@<vA
zX>!|67XcRDV}K!vvx|MX-atevn36YV3g+Itt3uv0S5b<II-+R?nXU@*9x%`+x45KH
z1Kx@hE|M(rL%!Y`=ny=#oWqCNp&#6HrlA|42xFJSxfo_eRr9DHEP=@jHB%M2_OKw?
zwsZ}k0L&#x)G9M70MQ~$rN)f4po=}*VHB=PG>FP1WpL>7Ax<-51Nn6UO5{wH<Wvs=
zz)t$UP;^i&m15ce;3nzx$+7=;i5xSQAvi-bev&O|Lp0Cn#F@0nd+!+|zkKf;nJ!!8
z{BnoTVXg+p$1wuSSf|tjBn3b<USXPkzQ8#&h$}om5J@r$k-K<lbs&HD^QZXZ-&xic
z&NLZB19}-KqQ(bIfkBm`Q36tn92B?~g{e{*jtya*UMrMe|46x%Duh+f1*eSb2^2J+
zC7}6SWGi>Ln%0M_yFgu<Ak(I!=^buLk5E->AXO5Ir0bxrNl6i+5Z2z{Mi8KOyaPBW
z_61Grb+UpFfLYa&BzcFYJP7+japgoKmApw@$G{@eZ2Ji!VoCiNupDB-tfFPJ<DG}~
z;UvZ&P%Uj#-&pX4%OXtqAsj3qx+G-jW6)#9cwVXqnqDKQ@E{g<q01e-6$GdYOfN8!
z=9OWhvChel6B2>^a8(e)Gt4VBKqz?&$T5)0zN)RzaDNR^D`%csWmCxonlp$F-q$P{
zpqLJM;K(HT$Q`5P@Qwn=6?uTB6o_U87%W}sf^IM%78FdLw}3&_B;zaCGN@V}dSB{+
z2mI^jR;<7I#-hD;vT4czW)r|b(D{I?P0LJF$~t4*RMou*I1yn%67UbHsX7QI<XcNW
zhN1gL!nzzT%%`hFjEWxT$%}v$?>9wKFgZtDtM-FIR|KY3fE_ak@w5v)7#JG$L7ccZ
zM^%bo<EVEDC@Nrj@OP-H5+ONp3~)?3Q{#}>6k>G1D$NchJ#VN8=(u2vz-ODinDl#*
zavmvP0~DZXvfx+}z=EXLS%3JxFee^~F49Rv4dWXmNz)bSO!>g~qt&K34irbGrj^l7
zXn{#pAr!)3AqY}t>MR7#9;<pojDuK_1C!kCMx-AkY5F9=7F0?{<{eO1!x%nWB{A?U
zuNKI@+s4V*h)D|IEzyF}mM+!?<nYci**jB~l{`SE1gt=WS>`%*|AJ;_2I_+z6h62g
z$AhlmIx(g^97Nh)MC>m;wdAgy?>e#<nkw0k-eV+3_8l4}A&lta@g@ltyO|a#FM$vf
zJt=4dOl^ocSheCsH<s=VmG66n^<k=MsIcJp!6|mkIC#?K`ojfgPM0Lr3ve1!T|L}2
zD{%}GL%e{{Pkl{e5zweaUfJ@gG92yh04~WZqlacyg|Y?8nFkJlwaGXRwf_$OIl0s$
zXV$vp_T2@Q0l>J}>I0;@&?WUtXa^!K9n_43=e4+$HzLD8?bbwA{`j_$e&5Q8`6PiM
z5bKO2*@Rk(v@kA{8dn6F4#%EZI}%GgizS6L)&WTt9WAzW2JR(BF{fJH4ai@A=OQt|
z8||FT$&MGx>8dFnymc(86fL=9YhKpQxGZUUV4h$qAaR)_SRqRe0w|vWW$Ae_`PM6I
z<n=dNa(Q_`&aV!{NA8@Iw{0un)*H3(f-AE^Iea=Cg5;?0XeeoMbDZY$aixqIeh^rf
zE_O}f1s1M~pkstKXn8tEKKa3|WThLEKWzu((o&mb6<VrB2`xca&<>Mwh&SW61@mi>
zo~zF(UzM?Ss-BMpDv8O06M1QTzDkVhIFkogL7VDuH7aKhZ-@AT4-N8$2wY1KCGMW3
zG9wR!o<G$ffAsYW<U&0ny#WMZaGoDJGA6c;Ir6{`m%LJP$e<r10b!W$f9;uN`bVI&
z^;SUkZ!M8J%-LT(w@x1a_5xuI4>bU^GXZm^{?48G!H#j$1Awcx_mDKkyzRIl<y6q<
zvS5a8CB>Uq9K<izC1fiV={DEwGAxQiC?~RIRFRc2Wb430ODzgL6!dYb!oy<Djutc>
zAwViDKcVN2waI6DXNc_@fSzP>*S>0SczYq79C4zf2S()aGi}~#d7x#)#F|Rk_Sxy<
z4f>bRbP-5YyB(2JFV_gE1#*RxWMy>_Lzl!<S(B<(G7(%T1;fO1Ryl!TO<}o2m0+`>
z!%s`yC>9+hkzgu$LothxP;|oGdO)5yQ75ggAhj0aVV-$SqPz`;0+gMBnPlaxbp=y5
z<}crtF3PGvu@6ZWq*4xe<(kX;j3h2SOP6?$RH<?21YtXCM0XpYAYFP{5x`q=;TJ4(
zFf*R>UeibbY7(i=Km_m>`s9(XFOu)R(MH$~9+M?E&AH+IH&x<;Tk_(uEe<``7-*y)
zVZK?HD?Rqqx0dMn1&_>bF~MsJa_ZO`2>_ErY{UVFMCbkdnAN)H=848^)gERLylgk<
z4SUYvg=%*`Afn;T>Z2-Y8Bq%XGDRQh!i4hNDwQZyc7&<IQh^XuVEzr`7DW$=MwAvc
z17HV`CL*wG59~9UpU9hYGe-AyTkAs{&r5Vg0$ga@quu8{*+rvwH2;!Gy65X&cVfgD
z{QSMs;>B|v<MD-NPS#}s^uPhMYsm9$cKSkxrYp_}d6-nBfW<-Wbkl$Scr#wSV^Z=Y
z#$+>4Eoot<DYY}`D`%1;a$%aXHKC9g$Kr9U;S3C&2NN@S|I+KV0G=0NrU;Aq!jmoX
z#WS6BQw3%+6zFGUXsq}%j1keHg+rfk5mLT2v3~V2JSR9rXKI6zcGY|faXAuSuKUD!
zl~{b7)XH@5g>lLbG^BR00Xl>)Ur;+QVfq3XYHz%1wfD^xT93J`6MI<biHeOW{D?)T
z8)WrN6N`@{T5y6hE4}`aT?Oy<z18S}duG_@);+U#1|UtWI%LL69d==<%PwMK4)_3Y
zEaZR*G>3}WV->4*^v;>(pF1+TG*z)y;aT9#)pn3gz2~)xjfaFLR`rNNhA{d-0ytBo
z7=4A>(~k<8F2)iOX2>=zE>(rKA{nMHpur>n#S9_bhG6<ARRoYes6Zd4ya%|mty31x
zjOE3xd#lc|*PHp3;|-GpsMCRgD4eEL3j5LRd!n}7jB80k+PkK5@vr^VthH7jlujJ0
zjRq@&G7L3GRE=lCRY*myqp2lTpSo6WYVSz*eMd%ueX}|8%*nun32>oDdFYc3QU&R<
z5bH)kx*=9@Ba6Y(0h-oF`bZ`mlQkc_rP_Gy#kGd#wR31{5JnKlrtdefcv^Q5s2Tx8
zRcM4j_P7t`hG{gQ!HTWR8{HX5^;yaEJD|DaAlYZH=<b#1m9FrCV-~T@lkllg7C+t=
z@pOag@R2IlS;Ojd@b&F-!Ct#_PhsV&`^QQrpI<jg&&N!>gQ*l1F)^I!nlIy|dwQ|g
zTx~_|os+Krz>yJlZmpC1Rxc?9>-~}puwaH6xWb`uKUyKvkR60nqdjBHuJ6BX^3p&1
z@b<F+&CUbNTZG7j^{u!sEXhdp4Jl`wX){**bTpT?qMXqHx{T*_5PG6JEI~YG8xSlk
zjS(A=GF6MSp>FDRU88k)DArrHK_fVv)f0oXNZxcw7^|%k#MW!NPMe^0b?EFGZeAP7
zo4pU;IZ5jS$^U03mfpJOF`qdQJT<i?8`vc&TJ_nT<(27*y{zl3VQVya|G~0D*^cVx
zMy<{hPcDxQmIoykCXOJw4j~(B5#TEe!Rz*B50qN}<Y%@wf8nl4FJ}R}(Wz_dq(pPP
z43BUTqyvp_Y8q{E8h1fq2M`62L?r1p6IDguEauGBj~<<>JbJ9=z7R_u*9HL~Q%e!E
zqAo|aR%PG?w7US&)T5X;iHKqLxItT>zrKnj0=GI)aUG|*ab7TqDLB6!yn30?;CW=!
zm<nL2a;J<xTiM3+vO{98B!X{`Q~hw0(rQC;9TUEN$_(7c-mw^6z2m0Q!f$?br}ZC#
zfULg>4x=xMG!ceSX<r~v;Pvv`3XQ#Ug|&P^)v@;P+FfO?p%uUzk3ROT#nEW3T?Xjs
zWL02le<wrZHjIH@F`7r;KehbH_iwpy^uX9z*V4|yFqXhsp>lfH+N`*la-spNWDI=T
z<0XCd*FStyzSig?KWT!p>bgeaL-VD0x~hx2_m)ZbBRlx{J0`Sjdv7>aG8^x`sj^gY
z%w_O<T?jw?J=;pbCmx<BORXUGL+JwRiycj@z4zegCFtxj3}ponKp#_@duL1GrygR_
zt@HW8>leDCXO{bJm{8q>=gy4S{aw@f+O0cFOFPG{C7TflS27qWSk^;_rz^W>iuKoz
z&P;y$M6-Hkx$Q2mMJ8}93LZji9nJZNwmF?6^CR`$bA`re!SKLf`SggL|HOypt8W|_
zuLNP7SLN@LweQ?lyfjsIR*iJOw}%szu0B8jBw7>Xu)Jf&wSVuQ9^ij_S0i}lOtZSu
z=s9`Eq<8GB%6&6=vC<CdE9Y9QJ&3rju^4P@ux-NbZy(hX&?(#s4MUFe3B9sxd7T5n
zP)yi_U|LZo`Xt1&MRYkDRss*f80JK@%Vm$mCBd;Op<jiYcGLu!tubn}fzo3J0=?+!
zbji_w>CQ2-W%PC*`r10TGAOOI1C?VQFPP!>NxO4sTcx&tTVb{88sK&1pzIp-&OIZ=
z|NN_b^p*Rk$De((Q9T9ow9@v?UJ&yfGm>o+R<La{*V{K+sNKA+xU_f9z35u}A`Ej0
zAkc6*^_p9~ujM(T?8e$i$#g#T!3i=Dw9BQyJti!nT2jhu(MUlTd80t4#&Wzrh;=N^
z1B@0K25(pM`dT5U)zup(z|QwfTb+-;Z>|@{vIzvkK_MrcHzx|(QqBMuPm)!T?*Oo|
z?ijQ`KUL_DSMBEA`$k4OUElR1MR4Ov(ddo3dIQ=<%(4mtYbk{R6LxK_bZA?-xoaxF
zesE8<QeW@o+d*tZG2yN*lc}ofjf~ixs;$>G9V=pp4_c^ClymMsx_h$P8H|<_DRbx^
z4Jvv$$6TGN>X(>?OqcXUlHg0rk_@_FHO;C44IP@VMsp)p`~CxCmDZqVn}$v2MhsCc
zSfU3Vzh_?si=C05<7TGNwrDU~v~-Y75!$doN#itYkseovc(nnFUao8hZ<LQ@ygkwQ
zeN525(uL@fY;B8gm{bg|SXF1qxL%Oa3nMi8)+E<Hx(-(~(mW?R4v-)C<6<!{9yplu
z56>5yjZReT_4;Ng4N`HLU&))Ds;kv-_bWuXHsUNssb)ab+r72Yo}H1cBlCswaw~8L
zUSxND$@7+!g@Wsk=e5pA*{QiEUjZvzgnnTGio%)__fuVisc)*B*>>Hb=WN(IBR9=g
zK*89W6fxF1D#8fXiB;C%0!>maVGRqeuyUX}Ax0Y9y4wa<+r#`NI9pmR*zQPy)ZyM`
ziB;eN*BmGs0C+xH$2~b5H&UgEz&?249<*IAOln0k;n)Jpx~LrPr)~obXu&lt^?Mo?
zFpOadRtv0i^}uwlBxiCCbk@l7pSal*>j!ZU4+<D3CPpA>nbO@k?dIXSg4#fqQeY3%
zr6sWJoJiav+fU!Dcljj`*bii!iOCXg3fSk=C<m`wFfoS-QWB_e1&7kf625Os<7#ge
zbOQdtb>;#?PaN?gFfLruP^k$*uEw4;&2Oan@fZMr4?6A%YZm(cL7<%9HCfO_%!%vs
zY8i02otUKCJ~18Qu<)g_^u938wR@)`eXgbv6UdPW)BRYaqf^0={eh?SCW;0?n;d%G
z1o)bV^NBLgJZ*>tTT*Qa2M5kLbpgxgr}Et$(}kR*%tA<!v18nKgu2jx(be&7cz`p5
z)VE{lla9tDvtr{LX6rcFn1jN}#~q8fZ`=W4>X?~BI%IIQJ8>vacKMAFl!HU02=;vt
zCbXetRFq<vsBzE*M9RRJ)z)5oDHu510luvcf6sCwxLa`mJ#SHJSTM&HI4pDwIIC*Y
z6g=8b_g5p`z)g+`xF2XIO_U>+!MEd?6wC9nr2$~wnDR!iHyG~VL}P%?n^IlRtSdVQ
z1tzP#R4G-PJ_sI21RJKvP)1#ql3@%JtW7K)X1L`}tskUy*J`Pkr?SC4{g|!bnlwQ}
z$KYO5jR6x<+5Y6W$2Yn03$FP299(70HJ@q+Ini!%Xtc;>f`#B&Ibe3VNEH>AcMMEv
z(%|K)(7!gpwO_7DX`ynavJ~i8sHRdb3<#@Ka>PBT0AtXYRTLdasa^u6N0G2`4;frx
zn<g_bKdf*g1-Ju57rc`W1PaEfMU1it#tP(JgGeD<B@nesmi0kC!}m6!u0=PboH*H7
z{F%uLC%;S5kfEiUeU+AP+<%<aTB0!2--hq(#0RD*ozbE2n5qC!ul-a;fKhblk>V`n
z665BKOes`lHN`?_mD!Wo8!41>#0q6luHFKu;qO#cRQJi18o{g_OY!3D)qrF;Hhd%2
zu*Or{uzx-4!{uvL-x$48Je00eCqk7&sw!?JBb+2OqI4<!a`~HTm!|T<q$kg5YE4&;
zfx;^zL78T0q3oWGdE?9Z%+zTlqN5wEpJ-L8>GuSQ_ad~lgvHg$5Y>M&9f-*Co{R%I
zN@`^>_}`<Nb<YIu=>sZ@^VCg5q=$Y~h~qeK+jfrWoX21<K}>y{(?rt@G=3~!#Epcx
zUaMWKwd#4z%GuLnRhGyYA+OLh3z?bWdjVftTchJ+6_{I&1w4*!I7NT~z7K8E*zahX
z24ldeq@g2;HuIj>Ou`Q*CR<WN0dDs8jJMo!)j4t1HQ_bd*zD~YO7SuSp;zv^oNh?2
ze$Qm~`!(*n{`0PJ{k8hG@tN0?(Z+i=_JL;$7^&Ci*k{}}uZ-?3RY}97eD=HQ52!#O
z4Z8;}zo}v2mT|jJjd`6$E4GNU{YaV5Ryb9r{TJwSnKZQMG!Ue(6p1!b;e0FruU4q7
zx2zXme6bQGae2@DE@xzHl!0=^K@fOzb29@_*uG)e5J81L2&2Mt$DS{rJ$t^mclRC}
zYqQUvI~BRE8&@h7X@PDpUO37B=Ic+e4?Xl@5yf8O54>Ra{Fcymi^0<3qPM)VR-fO#
zV|jXZ4!6~!*Bs_LZ%jF_OaL9`J%7-bXT9S#zTaoR)BAqVF}{=g(}f5HP1IX70Ga_N
zmqEIIuQH;U=aW|_<+FQ)!hm2H4Z#XwsBa&b_FXy+pL76cTG=`&R`p{g1G?;lq@^$c
zsDB_>H=_ODC)~W<5bUR1+<yJsb1xJ={pnASKlsoCqYD==<uEtg?e-C#1*2nA-j=Pi
z-kv?X;)+|)j~{=-efHVsi-7s_pv=}6|NPJB*B<+NyyxJ-XsS{Xp64;l+Pv__3C@A9
zSehZ7vZLOx0)Oy7``OQQ`h9QdV;}pN{MnIeN6Y8yB#mxwLp9&`+WNc44|HTu0C22`
zyEKVg00x?%LI6;SrQR6u_O*3X&Xyoa3$R@s&aDB=_cU4R661X=G5*FT-b)zPQ4uwg
zDyC9snnE3q==l!Scdbh8FtGKRzDlq&U5mV)>3RL!?wz{|Cr_Npzwq)4`u+FbC${g{
z89)8qr^3^x-V9%R<>h2#WQ^AvEvwybJ2Nv=j;`y*^Dn)KD-&Yd)SPIx)|0i>RrZmO
ze1tEoENe>(i(0W*WUn26T|WKfQ}O(cU4xZ+r@nQ|tT#P9y~Zp{y<h8ELV8y@fAojS
zBjbVtrg5ZZuStEPD2<yrjTbvq?H#AtHjOLVi6z~PT3yNKml?H}DCbMyU_HVuNAf+A
z@%@_Q$0aCw5vZd^nH@1+@g<q}q&Yued}<(Mu_LT4HOi*eh&J2AvQkF4QL0vqLx*qa
z?A^Q9##Gt)rHjVG(jv{}U0Es>WCY;z@vnbF)AKGna_ep4z<~oE;L~V*t*K#Z<<?sc
zlOu-@$}{Iq%TB9JkDq)~a}3iybm$OkHk<mT#RbMCk|sTvo1GSS-+pT}Gc)6ZXC3am
z6l9aA^R9CK=ns`g&M+sC0eg`dhk$|pN}tLO<~@z9t~I@QxIas=VZ)<hD=_UbT(npN
z`sp)jSdlg!Y5W6%8f%^;t-Qu7T(a$f)Mq_L5A-ARKu_?|zMv+Owie*kHn5w%p6;q~
zwr<}Q{=&mQAI{FscFV<54p4x8?)*i@DPf>sn9X1d3rl<u_;l}%9c1^OopNoxP6mS>
zJ9_je9UHCEty{Me$IZzYxY5$mlC^vHZujoH?=HUn=84>Tt)ZKy8O`t7(VU(hU%C0_
zgUjWLTLasJD4^K-J1YEm_xK?l8}i61Ps+3siP_ygG4HN{*TR}hd|L+1D(1<sOc|Iw
z);<MHicUn$mPrY)ZN!l=rlWjWc+jWOEe%5bTp(tNW){HT83TjSK24&&q|AfwSfJSj
zOo#>4fCB}-z{T3WZML;z`y67we7Rh-rnmee4}ysEL~=Xt=wX~_2M^t*`Mox?N)<U$
z%E!BR69Ht3^!fqow40>pnq+eN0NKBPAC1D$0hV5DHtUti(UHRJ%oHF1J-p|xJDbpl
zC2p7(Ox<1}*}J1iYOL=n=a0#u3Yc**fMl<XA?n>jift<lmU>Q_W-BGW_yqSgX;^yZ
zn@nBrseJ-W!z8Mo$l@S2^6U5p5svv_#v+5^8yK_!kQX3Q+`|`lVtyACGfH1GfvKUy
z1O;v3;sf3b2Ewr*R<k+o#8mHT)j89u)v_+CCCb!mK{R|}Tf(?O3VBAHoJB8hd58N=
zC+8$lSOnrzSy)-k=L;qMjw82(qod<Ztf2rkTp=2RzDl*WPOjP#JUrf2&cBBv^PXAi
zM1)zQKYO?3#%<WR&Xbmx;)_nw>uH)B&T`1vJpnM`9#8X}8o5%ugD*ad(tFgN3iX<Y
zG&h@V_)^LtaCMDmi%VQ>lUA?7Q$>F&SIo1Q8)bb~Ws&LstO9@qd&>(Uunmi9T4C$f
zxx&Q67{2O;=W;o4#T>U_qC(<I9wzpOUh{_6*55sT1V<Leu9YL*tN=uA__;BMtoCY=
z)B_Foe-GE;MfS!(h3Pg6o!Rq;Iq0jOO*i~~BdfkThdq2ICBwxU#@dFV*@j^aqrq_1
z5#R2CD{uJBYbqul?<(it^YM3(M;<ObZ1A|l%?9854Z=72e7Ru*-nH7@a1H7eDk6Hv
zp;BL|5x&9y57N8J`48mSpkzPH_HXo>D62i#=#k&?|2pPf<$U+}p&Wk~D~s<c=ex&`
b?eYHsNz!`+OBBhv00000NkvXXu0mjf)5(Ku

literal 0
HcmV?d00001

diff --git a/src/pages/tick/index.astro b/src/pages/tick/index.astro
new file mode 100644
index 0000000..49ebaac
--- /dev/null
+++ b/src/pages/tick/index.astro
@@ -0,0 +1,158 @@
+<main>
+    <div>
+        <!-- bg-[url('/assets/background.jpg')] -->
+        <section class="bg-white bg-center bg-no-repeat bg-cover h-screen">
+            <div class="container mx-auto px-4">
+                <div class="flex flex-row place-content-between pt-6">
+                    <p class="text-5xl text-[#5ac6c8] font-bold select-none">Tick</p>
+                    <img src="/assets/top_logo.png" alt="" draggable="false" class="select-none">
+                </div>
+                <p class="text-4xl text-center font-[600] text-[#7c4c23] my-16 select-none" id="gameDescription"></p>
+                <form id="contactForm">
+                    <div id="itemForm" class="flex flex-row place-content-between">
+                        <div class="flex flex-col gap-6 place-items-center">
+                            <img id="image1" src="" alt="" draggable="false" class="select-none" />
+                            <input type="checkbox" id="a1" class="round-checkbox-input" value="a1"/>
+                            <label for="a1" class="round-checkbox-label"></label>
+                            <img id="image2" src="" alt="" draggable="false" class="select-none" />
+                            <input type="checkbox" id="a2" class="round-checkbox-input" value="a2"/>
+                            <label for="a2" class="round-checkbox-label"></label>
+                        </div>
+                        <div class="flex flex-col gap-6 place-items-center">
+                            <img id="image3" src="" alt="" draggable="false" class="select-none" />
+                            <input type="checkbox" id="a3" class="round-checkbox-input" value="a3"/>
+                            <label for="a3" class="round-checkbox-label"></label>
+                            <img id="image4" src="" alt="" draggable="false" class="select-none" />
+                            <input type="checkbox" id="a4" class="round-checkbox-input" value="a4"/>
+                            <label for="a4" class="round-checkbox-label"></label>
+                        </div>
+                        <div class="flex flex-col gap-6 place-items-center">
+                            <img id="image5" src="" alt="" draggable="false" class="select-none" />
+                            <input type="checkbox" id="a5" class="round-checkbox-input" value="a5"/>
+                            <label for="a5" class="round-checkbox-label"></label>
+                            <img id="image6" src="" alt="" draggable="false" class="select-none" />
+                            <input type="checkbox" id="a6" class="round-checkbox-input" value="a6"/>
+                            <label for="a6" class="round-checkbox-label"></label>
+                        </div>
+                    </div>
+                    <div class="flex justify-center pt-8">
+                        <input onclick="getData()" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Save">
+                    </div>
+                </form>
+            </div>
+        </section>
+    </div>
+</main>
+<script is:inline>
+    const params = new URLSearchParams(window.location.search);
+    const paramsID = params.get('id');
+    fetch(`https://management.beanstalkedu.com/items/game_tick6/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
+    .then(res => res.json())
+    .then(data => {
+        gameData = data.data;
+        // console.log(gameData);  
+        document.getElementById("gameDescription").innerHTML = gameData.game_description;
+        const assetsURL = 'https://management.beanstalkedu.com/assets/';
+        document.getElementById("image1").src = assetsURL + gameData.image1;
+        document.getElementById("image2").src = assetsURL + gameData.image2;
+        document.getElementById("image3").src = assetsURL + gameData.image3;
+        document.getElementById("image4").src = assetsURL + gameData.image4;
+        document.getElementById("image5").src = assetsURL + gameData.image5;
+        document.getElementById("image6").src = assetsURL + gameData.image6;
+    });
+    var checkBoxes = itemForm.querySelectorAll('input[type="checkbox"]');
+        function getData() { // this function will get called when the save button is clicked
+            result = [];
+            // console.log(result)
+            checkBoxes.forEach(item => { // loop all the checkbox item
+                if (item.checked) {    //if the check box is checked
+                    let data = {      // create an object
+                        item: item.value,
+                        selected: item.checked
+                    }
+                        console.log(data)
+                        
+                        let data1 = gameData.a1 = true;
+                        let input1 = data.item = 'a1';
+                    if(input1 = data1){
+                        console.log("its Matched")
+                    } else {
+                        console.log("Its Unmatched")
+                    }
+                    result.push(data); //stored the objects to result array
+                }
+            })
+        };
+    document.addEventListener('DOMContentLoaded', function () {
+      const contactForm = document.getElementById('contactForm');
+      contactForm.addEventListener('submit', async function (event) {
+        event.preventDefault();
+        // const formData = {
+        //     f1: result[0],
+        //     f2: result[1],
+        //     f3: result[2],
+        //     f4: result[3],
+        //     f5: result[4],
+        //     f6: result[5]
+        // };
+        //     console.log("Form Data", formData)
+        // try {
+        //   const response = await fetch('https://management.beanstalkedu.com/items/game_result', {
+        //     method: 'POST',
+        //     headers: {
+        //       'Content-Type': 'application/json'
+        //     },
+        //     body: JSON.stringify(formData)
+        //   });
+        //   if (response.ok) {
+        //     console.log('Form data submitted successfully');
+        //   } else {
+        //     console.error('Failed to submit form data');
+        //   }
+        // } catch (error) {
+        //   console.error('An error occurred:', error);
+        // }
+      });
+    });
+</script>
+<style>
+    @import url('https://fonts.googleapis.com/css2?family=Lobster&family=Quicksand:wght@500;700&display=swap');
+    body{
+        font-family: quicksand;
+    }
+    #image1, #image2, #image3, #image4, #image5, #image6{
+        width: 200px;
+        /* border: 4px solid red;
+        border-radius: 5%; */
+    }
+    .round-checkbox-input {
+        display: none;
+    }
+    .round-checkbox-label {
+        display: inline-block;
+        width: 30px;
+        height: 30px;
+        border-radius: 10%;
+        background-color: #ccc;
+        border: 2px solid #007bff;
+        cursor: pointer;
+        position: relative;
+        transition: background-color 0.3s, border-color 0.3s, transform 0.3s;
+    }
+    .round-checkbox-input:checked + .round-checkbox-label {
+        background-color: #007bff;
+        border-color: #007bff;
+        transform: scale(1.2);
+        border-radius: 30%;
+    }
+    .round-checkbox-input:checked + .round-checkbox-label::after {
+        content: '\2713';
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        font-size: 40px;
+        color: white;
+        display: block;
+    }
+</style>
diff --git a/src/pages/tick/temp.astro b/src/pages/tick/temp.astro
new file mode 100644
index 0000000..69a3858
--- /dev/null
+++ b/src/pages/tick/temp.astro
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Checkbox Example</title>
+</head>
+<body>
+  <label>
+    <input type="checkbox" id="myCheckbox"> Check me
+  </label>
+  
+  <script>
+    const checkbox = document.getElementById('myCheckbox');
+
+    checkbox.addEventListener('change', function() {
+      if (checkbox.checked) {
+        console.log('Checkbox is checked - true');
+        // Do something when the checkbox is checked
+      } else {
+        console.log('Checkbox is not checked - false');
+        // Do something when the checkbox is not checked
+      }
+    });
+  </script>
+</body>
+</html>