From 2e93d5378f82842b04fc82478d78b371ec91a313 Mon Sep 17 00:00:00 2001
From: Rupal Patel Yadav
Date: Wed, 5 Jun 2024 21:45:47 +0530
Subject: [PATCH 1/2] created signup/login page
---
assets/images/pixel_painter.png | Bin 11617 -> 17473 bytes
index.html | 43 ++++-
signup.css | 269 ++++++++++++++++++++++++++++++++
signup.html | 118 ++++++++++++++
4 files changed, 429 insertions(+), 1 deletion(-)
create mode 100644 signup.css
create mode 100644 signup.html
diff --git a/assets/images/pixel_painter.png b/assets/images/pixel_painter.png
index 5452499cd2e5f30d4629aafc8e3304f325291275..a778aeef8ad528b579b3cee959b1d8e237e49e7d 100644
GIT binary patch
literal 17473
zcmeHPdr(tX8o%0BTPekz&KAW-x{nUa7Kv?9bfJk@3xbtcEz(*gKI($C8U-)dUFEjxc8v@r@p1AV6^7T(Q28K`l*P-=gb7s#?|E%Co-ESUGULgJR
zrsum>90;iGd2Ledlt(jmT)Z^t#rFf7EbqiVd*MRmqM&t0O)txCwY4m4j?bBm9bJ<~
zDQ^<3$61efY$=eesCN)$^`i@8bUuB4fc1Rh5Gsa-Xf?;?C<44
zhY)`cnlKIiZi0z(X?FRbJ-VJ`*9zL>4W0mhZ))CedBVI1YyB}3padC0IaR{tDADUS
zDqyldBUERQkJs7?#N@zJ4jkPO^;ah5DFSUeFNnR%3LR_K&yspbodK5J)bFDPHYGtHP
z1q9P)Piiq#O669YGsJl0IBlR8Xm^H3rP_;-
zy_($RyB6|u=Qt5OP2k#%w^T5<8V$_NXj?Q)jTyuR3VJ4*C_MkcEd?DTVayJGCLN1k
zuTa8+YUXqgd}=^C8G;%l<*Y8|rHq8y;+b5A(UEaE{S`BqE=+s0H&L0OoUV7hB=ii4
zDh;ydDkZSTp)R21I8KPOU)-2Fxy2wGkhZ&(xs^_7d$dHb_cITMCSWI(u**5wrjW-v
zqA)-Vrr3xU3xP-sml&nUSe*iyO>CG(FV4Zt3M7so-0)XYT1VD<_9M|Se=c~h>PCnphuPaHZST*?eQk7}7T+Czu(
z_6`Z<(XudY2|aoV4J9j`!;HsStrDvUri?N1C2wPdO`T(}
z2Ep*K3J9gU;8ven=+)%%l=&(d#!y1o(`ALj+~Q7jAX+!NEdI74t}D2_mD+##Q~G@#
zrBEod=qodjw^M=Y+7o;`yrqMWxC}Y+E_LsO@^2!zZTPtPU336#G7MvGcUYM@sFwZ(RKN4
zUX2Z*&!r)57;ny3RVf)AAeHCpi>#Tk}|5Ve)}Y+bWpaRZ~w>_2O({C7&8b
z>&Y`C6hf%5DrYaRzD$=H?ly{yQo23brV-P-@qSc;go~~Vrl;uJ8`O<&+YBQNX`}dL
zwW?GtPLWX#m}1BZr{v>}C|-c6)GD_zcs3<~$E0w1?;bL%bwKJit4VJKY7R1nB%N2?VwM=2Vv7I<}dhx%9wk7$b09qE<1%^9xK
zVkhAlkRR5$?qGw|?dQvwaBXtU>;q<@cWsVUs#D6xgB2sRx!abhXzl@oCHoRAQEJgt
zrpJX4gpH@xjv3@m)MHN5ibsMeubRG!?1Np%=%820SmEndCR&e;Tv8I9m_v^yp>&zl
z7|oEwPCnyq-ZbVw&90%-JY9sQjZgTuQlB24Kf;_n?I^-hqG|aUnb?eq{=&*s!!}P>
z8ejxy599`%KjJfR`9g9-9X`B+a-=dn;C~y`;*!i%{Z`PG7s~N=WfcZ2hOJph@2q2A@u>fj^i^RC}#6R8DGGf2a+8y?)xs}qVFVTB(U*tM9H$cQ*R%8
zE^A#0uH#DwlT@p^hIbE~N_wSY|ADx|191U?g&~23&zyUA=2Q8_nGrx7>^J#PLqH8L
zX5k0@3)mmW1>o+A_KXEXmXC*ukfAR689lG*3Zmcfc
zIkONr_lk$p@*i;Oft~$b3$17CCqb6pxlh_M>WZr`Y<_E{DeDW2$WV>!`dg)WdrHk<
zWaOIk^lRyNUvy`6Q{RrI{>6!aEvUEP7mNH1?O&iK0H2Fl`7W;$cr`V{k|VeF$UT-V
zwVlP$S?!UPlw5qj85ev|4kS4HKSjR=uKCVFG-x+WGmd75r)25BI$1Nc5_JzGnZ3D5
z-NRqsk1raH#xKV#&Wg#L1)I)NbBr;DAl@6>=9gxuwjZxLgJSm+hH1@hz<;s-LoH)r
zDrmnXEaQ}vQ_|LSPDwc>~$paS-
zlX95U7c1Z}DHk~60!Linh&4Fifb9QD5a0qwT;PZc96?-kmpg*tj$l}G!Uc{15x8?w
zHr<15Kay3*VNwp0a+s7$X5f+;nz&?!pDSsd!=xN0B8T
zQl04@zMO1kF0Y#6&j^f+eAgcuU$O-h3eE==sSkIez;YGJUCf47eeLH8E#8*z;y1D$Kejs=%n|csn4>tp=_H7N&tOrQQp0R#l!bXzV0!2
q(LD+IR_q_22i>dnd$7r{ZIcc4TmLz9YO#x*A>q}eB{hrJzyDvp`jhPd
literal 11617
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
@@ -150,7 +186,7 @@
🕹️ GAMEZONE
-
+
@@ -384,6 +420,11 @@
🠕
-->
+
+
+
+
+
+
+
+
Welcome Back!
+
To keep connected with us please login with your personal info
+
+
+
+
Hello, Friend!
+
Enter your personal details and start playing
+
+
+
+
+
+
+
+
+
+
diff --git a/signup.css b/signup.css
new file mode 100644
index 0000000000..47d98ccd8d
--- /dev/null
+++ b/signup.css
@@ -0,0 +1,269 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
+
+* {
+ padding: 0px;
+ margin: 0px;
+ box-sizing: border-box;
+}
+
+:root {
+ --linear-grad: linear-gradient(to right, #141E30, #243B55);
+ --grad-clr1: #141E30;
+ --grad-clr2: #243B55;
+}
+
+body {
+ height: 100vh;
+ background: #f6f5f7;
+ display: grid;
+ place-content: center;
+ font-family: 'Poppins', sans-serif;
+}
+.container{
+position: relative;
+width: 850px;
+height: 500px;
+background-color: #FFF;
+box-shadow: 25px 30px 55px #5557;
+border-radius: 13px;
+overflow: hidden;
+}
+.form-container {
+position: absolute;
+width: 60%;
+height: 100%;
+padding: 0px 40px;
+transition: all 0.6s ease-in-out;
+
+}
+.sign-up-container{
+ opacity: 0;
+ z-index: 1;
+
+}
+.sign-in-container{
+
+ z-index: 2;
+
+}
+form{
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ padding: 0px 50px;
+}
+
+h1{
+
+color: var(-grad-clr1);
+
+}
+H
+.social-container{
+margin: 20px 0px;
+}
+.social-container a {
+border: 1px solid #DDD;
+border-radius: 50%;
+display: inline-flex;
+justify-content: center;
+align-items: center;
+margin: 0px 5px;
+height: 40px;
+width: 40px;
+
+}
+span{
+ font-size: 12px;
+}
+.infield{
+ position: relative;
+ margin: 8px 0px;
+ width: 100%;
+}
+input{
+ width: 100%;
+ padding: 12px 15px;
+ background-color: #f3f3f3;
+ border: none;
+ outline: none;
+
+}
+label{
+ position: absolute;
+ left: 50%;
+ top: 100%;
+ transform: translate(-50%);
+ width: 0%;
+ height: 2px;
+ background: var(--linear-grad);
+ transition: 0.3s;
+}
+input:focus ~ label {
+ width: 100%;
+
+}
+a{
+ color: #333;
+ font-size: 14px;
+ text-decoration: none;
+ margin: 15px 0px;
+}
+a.forgot{
+ padding-bottom: 3px;
+ border-bottom: 2px solid #EEE;
+}
+button{
+ border-radius: 20px;
+ border: 1px solid var(--grad-clr1);
+ background: var(--grad-clr2);
+ color: #FFF;
+ font-size: 12px;
+ font-weight: bold;
+ padding: 12px 45px;
+ letter-spacing: 1px;
+ text-transform: uppercase;
+
+}
+.form-container button {
+ margin-top: 17px;
+ transition: 80ms ease-in;
+
+}
+.form-container button:hover {
+ background: #FFF;
+ color: var(--grad-clr1);
+
+}
+.overlay-container {
+ position: absolute;
+ top: 0;
+ left: 60%;
+ width: 40%;
+ height: 100%;
+ overflow: hidden;
+ transition: tranform 0.6s ease-in-out;
+ z-index: 9;
+}
+#overlayBtn {
+ cursor: pointer;
+ position: absolute;
+ left: 50%;
+ top: 304px;
+ transform: translateX(-50%);
+ width: 143.67px;
+ height: 40px;
+ border: 1px solid #FFF;
+ background: transparent;
+ border-radius: 20px;
+
+}
+.overlay {
+ position: relative;
+ background: var(--linear-grad);
+ color: #FFF;
+ left: -150%;
+ height: 100%;
+ width: 250%;
+ transition: tranform 0.6s ease-in-out;
+
+}
+.overlay-panel{
+ position: absolute;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ padding: 0px 40px;
+ text-align: center;
+ height: 100%;
+ width: 340px;
+ transition: 0.6s ease-in-out;
+
+}
+.overlay-left {
+ right: 60%;
+ transform: translateX(-12%);
+}
+.overlay-right {
+ right: 0;
+ transform: translateX(0%);
+}
+.overlay-panel h1 {
+ color: #FFF;
+}
+p{
+ font-size: 14px;
+ font-weight: 300;
+ line-height: 20px;
+ letter-spacing: 0.5px;
+ margin: 25px 0px 35px;
+}
+.overlay-left button{
+ border: none;
+ background-color: transparent;
+}
+.right-panel-active .overlay-container {
+ transform: translateX(-150%);
+}
+.right-panel-active .overlay {
+ transform: translateX(50%);
+}
+.right-panel-active .overlay-left {
+ transform: translateX(25%);
+}
+.right-panel-active .overlay-right {
+ transform: translateX(35%);
+}
+.right-panel-active .sign-in-container {
+ transform: translateX(20%);
+ opacity: 0;
+}
+.right-panel-active .sign-up-container {
+ transform: translateX(66.7%);
+ opacity: 1;
+ z-index: 5;
+ animation: show 0.6s ;
+}
+@keyframes show {
+ 0%, 50% {
+ opacity: 0;
+ z-index: 1;
+ }
+ 50.1%, 100% {
+ opacity: 0;
+ z-index: 5;
+ }
+}
+.btnScaled {
+ animation: scaleBtn 0.6s;
+}
+@keyframes scaleBtn {
+ 0% {
+ width: 143.67px;
+ }
+ 50% {
+ width: 250px;
+ }
+ 100% {
+ width: 143.67px;
+ }
+}
+footer {
+ position: absolute;
+ left: 50%;
+ bottom: 30px;
+ transform: translateX(-50%);
+}
+footer mark {
+ padding: 8px 30px;
+ border-radius: 7px;
+}
+footer a {
+ text-decoration: none;
+ font-size: 18px;
+ font-weight: bold;
+ color: #003;
+}
\ No newline at end of file
diff --git a/signup.html b/signup.html
new file mode 100644
index 0000000000..923f0112f6
--- /dev/null
+++ b/signup.html
@@ -0,0 +1,118 @@
+
+
+
+
+
+
+
Sign in || Sign up from
+
+
+
+
+
+
+