From 77f22db35933ad8cab09d139b6feeeeb5b658e62 Mon Sep 17 00:00:00 2001 From: Adarsh Jena <76236137+adarshnjena@users.noreply.github.com> Date: Sat, 25 Feb 2023 01:49:14 +0530 Subject: [PATCH] login signin --- components/BodyConfig.js | 43 +++++++++++++++++++++++++++++++ components/auth.js | 10 +++++++- components/genderSelect.js | 9 +++++++ pages/configChar.js | 51 +++++++++++++++++++++++++++++++++++++ public/body.png | Bin 0 -> 846 bytes public/hair.png | Bin 0 -> 992 bytes public/pant.png | Bin 0 -> 946 bytes public/shoe.png | Bin 0 -> 565 bytes public/tshirt.png | Bin 0 -> 799 bytes tailwind.config.js | 6 ++++- 10 files changed, 117 insertions(+), 2 deletions(-) create mode 100644 components/BodyConfig.js create mode 100644 components/genderSelect.js create mode 100644 pages/configChar.js create mode 100644 public/body.png create mode 100644 public/hair.png create mode 100644 public/pant.png create mode 100644 public/shoe.png create mode 100644 public/tshirt.png diff --git a/components/BodyConfig.js b/components/BodyConfig.js new file mode 100644 index 0000000..b7f1a67 --- /dev/null +++ b/components/BodyConfig.js @@ -0,0 +1,43 @@ +/* eslint-disable react-hooks/rules-of-hooks */ +/* eslint-disable @next/next/no-img-element */ +/* eslint-disable jsx-a11y/alt-text */ +export default function BodyConfig() { + return ( +
+
+ Skin Tone +
+
+
+ + + + + + + + + +
+
+
+ ); +} diff --git a/components/auth.js b/components/auth.js index 339a531..1b46edd 100644 --- a/components/auth.js +++ b/components/auth.js @@ -1,6 +1,7 @@ "use client"; // this is a client component 👈🏽 import { useRef } from "react"; import style from "../styles/auth.module.css"; +import { useRouter } from "next/router"; import { Player } from "@lottiefiles/react-lottie-player"; export default function Auth() { @@ -8,6 +9,7 @@ export default function Auth() { const cards = useRef([]); const pushRef = (el) => cards.current.push(el); const playerRef = useRef(); + const router = useRouter(); return (
-
+
{ + router.push("/configChar", undefined, { shallow: true }); + }} + >
Play as a Guest
diff --git a/components/genderSelect.js b/components/genderSelect.js new file mode 100644 index 0000000..6805adc --- /dev/null +++ b/components/genderSelect.js @@ -0,0 +1,9 @@ +export default function GenderSelect() { + return ( +
+
+ Gender Select +
+
+ ); +} diff --git a/pages/configChar.js b/pages/configChar.js new file mode 100644 index 0000000..ae63d72 --- /dev/null +++ b/pages/configChar.js @@ -0,0 +1,51 @@ +/* eslint-disable react-hooks/rules-of-hooks */ +/* eslint-disable @next/next/no-img-element */ +/* eslint-disable jsx-a11y/alt-text */ +"use client"; // this is a client component 👈🏽 +import { useRef } from "react"; +import BodyConfig from "../components/BodyConfig"; +import GenderSelect from "../components/genderSelect"; +export default function configChar() { + const pointerRef = useRef(); + return ( + { + pointerRef.current.style.left = e.pageX + "px"; + pointerRef.current.style.top = e.pageY + "px"; + }} + className="bg-zinc-900" + > +
+ Avatar +
+
+
+ + + + + +
+ + +
+ +
+ + + + +
+ + ); +} diff --git a/public/body.png b/public/body.png new file mode 100644 index 0000000000000000000000000000000000000000..6ee1442a2ac28d431469f845650aee45381ae2f9 GIT binary patch literal 846 zcmV-U1F`&xP)ohk!f4B=94@vfsC}XOb$wM&JpJd7Nn_C4f!91pbU?Z6p<_ z^=c>&B?W*k!?@?bL10~eWxuP2u2W(MxTlPI2Q(SFCg8o&-j&z^J}9G(I<&`?c1mIg zm{Ue=c4)UK?VSAQ4w#kL0j8Bv#{!1Hq$D~CHXFL;R42g$ETx*4#Ow3xFz~|A?Uxh) z9udxnBvuNK2N*w|;(DOfvn0-}M6@8=x0hBPjv20j~qHK<1tpFT&s zvvu0c1A8Q*f@j*{fB{F_K}Wk$i2>jOZiXFgha0p#B1H!1$-{LaI<<{C+K(yiNA>r& z!tN3QCk^920Xx*a8OQ&aQQB-f?Wf^{&KP=rKHKHZpX*|%-6IA5aTIV--7i)oVE25M z|4%zYyW)`o-!6D|sg4sm3vYa#$*s>L1umK_3+Du2Z=JC3F|-3pH|UW9EzK3f37=PO z>CEC@S<>^qy_;+9H;R&wcdi)JKFIkYuJIi*PlUX4MWI2NnlFo;snAG)ZGZF5LIJca z!vQUl3c&702Oo^}Lx-dS(5;NC8XA2@s9RD2=vT%K8JZ!b>6cUhZYblf8k%cLb6rva z7*WRc8k#do^FUI8+NqF*bQzk8@3J{M@W}B#wL+8-U|47|6a@r?w$D(B4gw}OpUE;h z2uN=}=`uP9C~$lVrsyD`#PuneQ#dWY%c1R1+G&X$YNx=wmbu2VIsU`aB_$;#B~n~| Y15`X;`1IBQS^xk507*qoM6N<$g8V#r2mk;8 literal 0 HcmV?d00001 diff --git a/public/hair.png b/public/hair.png new file mode 100644 index 0000000000000000000000000000000000000000..6e6ce50bf7507cebc0a20539edf074bbca31ca0b GIT binary patch literal 992 zcmV<610Vc}P)RSK&V}`=(Pz<5{e1}u@@**5@C@Q6;#lZURGA7{bF#s9p}!uT=mYJbM^ed zmCXJB=eu*x%=gWAg@}lVh=_=YNF_i8@EiCDyak>Dtw1x-2%HCw0DFNoz#Je~3>1LN z^qwxDMFpk|7$MRTU=+|n|M>x&1C|0ABF&b6s<{W0hylF(ljRIBQVfFSpNNORR56H_ zzlmqSL=hH%44@cj!W~j;Xc#7+2V5i=c7`DUH3Y{eAV0{-FCuuh1sQ4P zfY+LdD&YvV%XoR^N;?MdRWq?nxJ|&kw7Jrbp^BJZ3WeMB+e?=#?HI(9EgS-LYWhP0 z4S;Zr;Vh6f*aFb5S;%oIo*9Aw$b`#Fo=fqv5ClLbPF~i#{PtTl@oP@Rd-^zSs1#?q z5T36I%hYy?b>Vm)V+?1JA{WAynrNMMQGYM;rpU_%7oxj0(F4{+{k>FcUUmhs0!~;L z_4jgB^Rmu`=weM&mZ%D>3&;B?B_8|7ak^`L?=@lhO$@g#{@+81q3C);I5e=;5dC_G zmoc4&g6dos`rcJ=-4KL%!ZND5?Bx%z$+oUvPA<#bUTTF!fN5&NUN+m*ObD<_Gb5Mg z0$~Z&GvwvAEv=-GIk;gJJhG9Q0jmvq^ucM^z(DGfJ>q33Gf4$34GR!$~X2#(f7&gTb|^sleD)VhZNc2 zsdK0|4NdC8wBGPJ&7top23Gj=3d$?*(MgOiR9ECWvIsL)qyu#C40^Fb@*G&0VBB)U zWAtzG<3u_E6ajAxlj%|&;d$Dr^0?uYC%GxBKO!9gCiq;VCre%EpZO%;=GBI)v_!}s zTkHtUK_`Vfgz4p`BY!keECwQUx7Jk|E;S@yfIYHzC}^J%5fKq$u<#cKKSn55+v1@B O0000*GfPR@>-rq;717nu1yr|Boe2|i2&XmFk~$- z7%21A4(eLaZ%VN=Y+s-;V8~KEc8#yLO4p7A^lDHUB!M#st|C2lldrZ>*LE5B&5{J( zVh}J(k1hAr%5-g!fnT8{@YR6fT7W@%Y`w4kTG!O?_(wp`%TlmOz~_MBx~}BR7{{jT zWB$pkH)>K@B!H(9T$}aSvoVgH(Z>o6eA6X>R~rOt1)jt?{#d^!sB$HMi*ZLq62PZ% zM<*qK@8OPaO8~#a9W_b-x8jakB!D|`M{N?oE~!IemE@ZGL{X9cXZ)@TOOX006vU6IwS$S z7k5-50lXb|v`qpyKZKxd`emzp3Ekn*4B6!K`ef-fAaYrZ4q>?&u5;6&wWYYN{gUleLmwXd@3b@&l`sP3H0x_b)#w~s*nUO zHw;-H!^^bS`nV+U0mG0tVt7>t2UY;f^c|RbvNBSAn><$pr0FLY3Nl6D zgPZ}3j_N#d)k9PFcfFEQd&pN*FC;KOfae_G1aJwc>EWlM&N0xF7QY+Cd$WMQ6~Oa) zFZ^mm|KQ>M9Z*eNJ5@Wrp1hvvUd%6gE9EXQF@WC$;Eo=vJl<+g<*m-K!*;^@1(<)+ UkW_eMIsgCw07*qoM6N<$g1a1~k^lez literal 0 HcmV?d00001 diff --git a/public/shoe.png b/public/shoe.png new file mode 100644 index 0000000000000000000000000000000000000000..c889a93cfbcf8be07704ccc27f96e974a385fcf4 GIT binary patch literal 565 zcmV-50?Pe~P)MK!YVj+aFi z>vr?qV95qdkbsQK=icyVOzl=+R^1S~<#q0Jwe5L#IPz|N zVM^7F61m~E!u86o1yUYeQLYMJ5rGfQ<^FP(=lK<{E6#szGLN6*@XX?QzirZ=&HMdm zu1e=3jjlybjJq5D9?MU^15;GuRNv_hW>)jq4y`dU4fy-`d}%W!5^^7cT0OXWe&khW>%n+xKO+rDq=!?agd?YIDoup>9;o zHH~xWve*5y?%#`H`F+J~wVi8ZFt2W9cRq98MVohw)iK@n95xGo+A#B7)&6Jjq3_vO zL5rZ(KORTVxoD~!9pj(UZO{HE;rS2N7!Usg&Smr1Uvj?Cd=T;9eq-?Kd2jL_6djy6 z?YqcUpUUFM{Q;|!j(g6XwCl$LL&pHUZHIPmkh;BkwRpk}!xOPz`J0M1PL>tF>fWGp zob}_PUu=#$V@_@TaJA`n(~i38ZU>F&i+76ei+ZKgaX)za8b^=V{eRvz?~dC1K!*EK zb%NGaeU6ni%cdk>TlD#8K$_#0*G;c?1%5mpE5;P~_}$eVMcbv?CL0NK1a%cVDhS1M zxXfW7m$>mm{EB3PRK=XibNh9)Z(ZB6E%r_G#a^aeUkbMV{gBACgYC>~$D>_xt+8Hz zm00%1U8)xSI`{ew&ZC=V#PX_3xCV;2o?Lc6YKBGGcIA9&V2Wq(boFyt=akR{0IVf! AJ^%m! literal 0 HcmV?d00001 diff --git a/tailwind.config.js b/tailwind.config.js index 021a414..1ee298a 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -9,7 +9,11 @@ module.exports = { "./src/**/*.{js,ts,jsx,tsx}", ], theme: { - extend: {}, + extend: { + colors: { + "regal-blue": "#243c5a", + }, + }, }, plugins: [], };