From 5187b7c143cacc4edcfaddad6aa620a66e6df53b Mon Sep 17 00:00:00 2001 From: candifloss Date: Fri, 25 Oct 2024 00:11:01 +0530 Subject: [PATCH] login page html --- .gitignore | 1 + test/css/login.css | 105 ++++++++++++++++++++++++++++++++++++ test/css/login.css.map | 1 + test/html/login.html | 27 ++++++++++ test/images/logo.png | Bin 0 -> 1947 bytes test/images/logo2.png | Bin 0 -> 4863 bytes test/scripts/csswatch.sh | 6 +++ test/scss/_colors.scss | 15 ++++++ test/scss/_common.scss | 6 +++ test/scss/login.scss | 111 +++++++++++++++++++++++++++++++++++++++ 10 files changed, 272 insertions(+) create mode 100644 .gitignore create mode 100644 test/css/login.css create mode 100644 test/css/login.css.map create mode 100644 test/html/login.html create mode 100644 test/images/logo.png create mode 100644 test/images/logo2.png create mode 100644 test/scripts/csswatch.sh create mode 100644 test/scss/_colors.scss create mode 100644 test/scss/_common.scss create mode 100644 test/scss/login.scss diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..0cafc1c --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.venv/ \ No newline at end of file diff --git a/test/css/login.css b/test/css/login.css new file mode 100644 index 0000000..71cc78d --- /dev/null +++ b/test/css/login.css @@ -0,0 +1,105 @@ +* { + all: unset; + margin: 0; + padding: 0; + box-sizing: border-box; +} + +title { + display: none; +} + +body { + font-family: "Arial", sans-serif; + background: linear-gradient(135deg, #5b727a, #355347); + display: flex; + align-items: center; + height: 100vh; + padding-right: 50px; +} +body .left-container { + flex: 1; + padding-left: 50px; + text-align: left; + display: flex; + flex-direction: column; + justify-content: center; +} +body .left-container .logo { + height: 190px; + max-width: 100%; + width: auto; + margin-bottom: 20px; + align-self: flex-start; +} +body .left-container h1 { + font-size: 36px; + color: #ffffff; + margin-bottom: 10px; +} +body .left-container p { + font-size: 18px; + color: rgba(207, 217, 215, 0.9); +} +body .login-container { + background-color: rgba(255, 255, 255, 0.9); + padding: 40px; + border-radius: 12px; + box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2); + width: 350px; + text-align: center; +} +body .login-container h2 { + display: block; + margin-bottom: 20px; + color: #5f5f5f; + font-size: 26px; +} +body .login-container form { + display: flex; + flex-direction: column; + align-items: center; +} +body .login-container form input[type=text], +body .login-container form input[type=password] { + width: 100%; + padding: 12px; + margin-bottom: 15px; + border: 1px solid rgba(232, 232, 232, 0.7); + border-radius: 6px; + font-size: 16px; + background-color: rgba(255, 255, 255, 0.95); + transition: border-color 0.3s, background-color 0.3s; +} +body .login-container form input[type=text]:hover, +body .login-container form input[type=password]:hover { + border-color: #005f73; +} +body .login-container form input[type=text]:focus, +body .login-container form input[type=password]:focus { + border-color: #005f73; + background-color: #fff; + outline: none; +} +body .login-container form button { + width: 100%; + padding: 12px; + background-color: #003f5c; + color: #fff; + border: none; + border-radius: 6px; + font-size: 18px; + font-weight: bold; + cursor: pointer; + transition: background-color 0.3s, transform 0.3s; + box-shadow: 0 4px 10px rgba(0, 95, 115, 0.3); +} +body .login-container form button:hover { + background-color: #2f798a; +} +body .login-container form button:active { + transform: translateY(0); + box-shadow: 0 2px 6px rgba(70, 70, 70, 0.2); +} + +/*# sourceMappingURL=login.css.map */ diff --git a/test/css/login.css.map b/test/css/login.css.map new file mode 100644 index 0000000..53419c1 --- /dev/null +++ b/test/css/login.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../scss/_common.scss","../scss/login.scss","../scss/_colors.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;;;ACAJ;EACE;;;AAIF;EACE;EACA,YCV4B;EDW5B;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA,OCjCqB;EDkCrB;;AAGF;EACE;EACA,OCtCyB;;AD0C7B;EACE,kBC1CoB;ED2CpB;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,OClDmB;EDmDnB;;AAGF;EACE;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA,kBClEsB;EDmEtB;;AAEA;AAAA;EACI,cCpE0B;;ADsE9B;AAAA;EACE,cCtE4B;EDuE5B;EACA;;AAIJ;EACE;EACA;EACA,kBC9Ea;ED+Eb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,kBCxFiB;;AD2FnB;EACE;EACA","file":"login.css"} \ No newline at end of file diff --git a/test/html/login.html b/test/html/login.html new file mode 100644 index 0000000..8954aec --- /dev/null +++ b/test/html/login.html @@ -0,0 +1,27 @@ + + + + + + + Login Page + + + +
+ +

LDAP Manager

+

User management system

+
+ +
+

Login

+
+ + + +
+
+ + + diff --git a/test/images/logo.png b/test/images/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..ad1cb4ff26739fdee2f572c934cfd4399cb93b34 GIT binary patch literal 1947 zcmb7_X*k=77RJ*WqZgx=wk|>}HDcFMwWgug1W6jT)Gkw_*0fEE2}QMxrNmlmP=uDL zY8ksm6;(@g{y`cfT3iG{EB0dC5BJ->^E~(caNhSh=lssslZ-*x{va$X3<80EK-gJf zL7)@-63>ti4KKgAKg8F!3{6R{{KkU1@GO=BOYczX9KcURpkg+Jl~?R7TN3(N|eO;b>^xxEfd;3*AtPUDA`SHJtqKBHR!ym7mky~|Gv*y2BTNEsFnTq<7vDrJaEzfKiVf=_5Ob4qHw zQvYz7oOwmSTkA%dMn&T08i9m=J+4-zLJ~F#H!Dh1%FnPrx*5H2BZs?ljqkAI0m^&2 zkDFoLW0kD42c8KVHJicSTu82{2-5YNnY1%1{8Ozl4#diTtuF_=wSkP7+S#leoJw8x zWWBLVziG=F%Z-`O)tQ+cWMhB;j}`(KpZh*C6wQ2r9e~=MuFYGatib ze<{iNs0#zq7Du#6D6Xk1-hdmO0FKO@zuepPV_*Mn`F_m4I@LqWr@fF^YW;d{Z|Ymf zjqeOGLwDjj9>0EXa_CXno(91WhL&S`&vst75Tg~y=#Hy)reaAV2ks<2aHqgnfj#Mr zd~s=5@{oQDsxS3+K%rxssq#G|AGFCf^$UtLS9Bp>LA~n7tW|@GnKjo#C|5fwOPId| ztR+>)@k>?NHOhKcE%!6zP{{C4vB6=|Mmg0t)P zn2fQWBIs96_huzw+u$HI7}vGbHk9l6~XKeErgCo2)OCHles-2}wM$vQ&$)<;+2AQ1mH27}6r444=5GF3rm;frzx}4s2bgMv>HXpzOjD z;_{H=q$bl+jKZL+6Z?RE8ZW^rc2-L6i~WL%ZPkr*Ic#QAPO~p&Zh_!iXe|} z`L5jbHNthr@xKM`-KCE9yd#?}MQTI6iup?+_c4=3Wy!|hSEllue|LM`-I7e*a6e1| z5(dU6=@r_kKfT|w&+B>EL@=3$VYOoGy{@*U4GZ{^qZd6Ypambay}+Xb>#J{DOSjj% z4Cl(>zR{PVba286Ylo+2{BiXZAVJNhRk`1RZsue!eQ^Vw>n|7)VSx0!y{Dwfw_DI9A9!p{O=oayrWH7$fYNkAsdR0iSldU=6o{4!V?pr9fxymEx*Dn9XSpqvsJZsTJXwL1WVx za%`!4n*x>Prr&gWBmp#iZ5bIm>wxB@!L4<5cB*agh|(}Um!`M>c$q}>zHm(naU_Y2 zqAFCZ|9k|%SIinO?=7h5+@vZ?Sm*Ks1wo*1Opg302oz^78s!T*3c77^is_yocjCXj smaf7e1Px# literal 0 HcmV?d00001 diff --git a/test/images/logo2.png b/test/images/logo2.png new file mode 100644 index 0000000000000000000000000000000000000000..a513dda08d1e3ec732012db657b89b6a29c48bd2 GIT binary patch literal 4863 zcmeHLdsq`!7EeG8%@)P_Sc|&Gpq~_*%p(($nGywgNYo$#Dzq*-nVFCg@-Uf%;2Y42 zT5Gim6(5L2-8L4i)CZ`bBHFD;Q5RhG`?M={aaXMEwp3k3_D;gfuKVr!ecS&C+&kyq zd(Q8k^SkGsFszM_o9ZtP6bl3be{F13f}r;ZPh5uuNO-**RS zD3FJO=ck~tYrK0^0h#~!d46Jn#3Oe-r)qWa5>$@Ba)lb$!ze}|Fo9wc6ebiXp+teU zaCeVKJkpoptIGh&DmF4QUK<%HvDz#KHUq@r+OcetCblMgRPFr4y$K&oMTh{`N9tyu7*Om|9%gUo?5Rd!W3&k~k*L`9_pip8MgR^;;fQmo!Mv zk zl5(@<*{Ixwr|Fe5$Hg72BnMjpzRq~tQUB!Z;5qrTZ`*Ibk}HpW`lX}xj;enAn*O_9 zM-FYvy6yLQ^54n5Yf`Q?H~YqofEYw?$G3xT~AjR=Tsf4a})-}l7pvz zAej>3J1mJD8|RK&xAxWh6Esh2-k&cmm{KYpfe(+*9dPZ3+>X-^%olI}sbu@mX+G`H zk#G(3AM@88aPu?p#yz<)2%iDi1bM{+xG<*HM(tWMMg15qd`b0kR zP|#ymTr2&4dCaXXqIb>N-xS_>CvD9BLE-t8({2ewYfdGvJ#a)+Js3nXEcp zH@w;2$pYX5a*=uWOVxpalnG5O-K~vrK zR);Oa6An#5Oa@~Ds&=p|^4ymEjqA4HDM({YR*w}R`#DXHHT016oNxS!C!F4n0P}9# z=d`IU1sHzvl zOdAWblFaDs6%R!ND22+v025dSlQi%KRjOqqjZiX`TBSfkX+5q)a1Rts5iu5V zn#eQ;vYOL83q0XOM7&lbMdfhMOne5(8GwOCI)gPkTs;d(tcgkFNS;kZh2knT3LY4& z#$jcT(j3NS2bsuYdTOUhMHZNhrMT^Kd!~%^I@)n>K%WBw;`w9C<8j2m5Dvro1;Qky+#& zd50OS=PF4go=ZWHls5!B>11e+p8(6dL>WnQ8Uw0FXS#OHvoA;m(m?4$Nt%(NdXNB^ zT8YT?BuvU+oKYzCh*G5>y-{_e+bsqzle94rX@Ez-6-ZCdHs54-QuNhqthe7|wNtj2WSCIjB-Z@abKrMv2i(w~cz~5i<(|H!Z<`xo3 z-zG1`Zy#NKbiEVETA}eX zlA`T$(~g}xJ32Z*|G)okYztlr5QJPpT%sWSuYWf11O4==QG&ewqxskMSFEuqc7fnG zL--~X6z&)SCPkc97cIIg9x=!V`$4c8{Byu3K^qm3?D^Aw0bA(#(_PXh9m)v;z zWlJAcZ>zXhQFv!=&7;ac8jVLv$6VeQgIp*(*LDVta-ZK{)o^*ogrDihjR)Vky6o*O zzNvLYPRx-NY2Uq}t^0?2lW4xp(VuU+D!znMyvx19{zgM3XqJ8aB!BaQ0T!^TR-{;h_i zf%n(w^QjGs-8n?M#XZ(ATEC(h(;T}$`yjsH?1AP7%XIr|3$8s0X-YM;))!to!2VbS z^!*)0OWKAcObtALOJPZc?(WK_?bkC4${_aaTjeK=XPrM43~X+pK1`Xl?c48Dwzu^! zSR`DZ6^&mCC?A#n-k9+%ryn~H6oUZbZ&d_;)%-B%WHplfRrEc>?56O?7lNASV+Yz& zYj>C4mD l=fXd}w36D8eZH(#v>Tf>^WdQA`#{18w9#=