From f1c3fbab52663d9a22c2cffa092136a9f0dfaba8 Mon Sep 17 00:00:00 2001 From: tamaraiselvan Date: Mon, 9 Jan 2023 21:29:24 +0530 Subject: [PATCH] Major update on Login and Registration styling."" This reverts commit daed0a9b2015ba5b7e5ab3c572f8cba012a58e68. --- .../__pycache__/__init__.cpython-311.pyc | Bin 0 -> 191 bytes .../__pycache__/settings.cpython-311.pyc | Bin 0 -> 4453 bytes Base_Master/__pycache__/urls.cpython-311.pyc | Bin 0 -> 1037 bytes Base_Master/__pycache__/wsgi.cpython-311.pyc | Bin 0 -> 721 bytes Base_Master/urls.py | 1 - firstapp/__pycache__/__init__.cpython-311.pyc | Bin 0 -> 188 bytes firstapp/__pycache__/admin.cpython-311.pyc | Bin 0 -> 243 bytes firstapp/__pycache__/apps.cpython-311.pyc | Bin 0 -> 563 bytes firstapp/__pycache__/forms.cpython-311.pyc | Bin 0 -> 3091 bytes firstapp/__pycache__/models.cpython-311.pyc | Bin 0 -> 240 bytes firstapp/__pycache__/views.cpython-311.pyc | Bin 0 -> 1944 bytes firstapp/forms.py | 24 +- .../__pycache__/__init__.cpython-311.pyc | Bin 0 -> 199 bytes firstapp/views.py | 33 +- static/login_styling/app.js | 11 - static/login_styling/assets/css/style.css | 1 - static/login_styling/loginstyle.css | 106 ++++ static/login_styling/style.css | 498 ++++-------------- templates/profile.html | 2 - templates/registration/login.html | 344 +++--------- templates/registration/registration.html | 91 +++- 21 files changed, 422 insertions(+), 689 deletions(-) create mode 100644 Base_Master/__pycache__/__init__.cpython-311.pyc create mode 100644 Base_Master/__pycache__/settings.cpython-311.pyc create mode 100644 Base_Master/__pycache__/urls.cpython-311.pyc create mode 100644 Base_Master/__pycache__/wsgi.cpython-311.pyc create mode 100644 firstapp/__pycache__/__init__.cpython-311.pyc create mode 100644 firstapp/__pycache__/admin.cpython-311.pyc create mode 100644 firstapp/__pycache__/apps.cpython-311.pyc create mode 100644 firstapp/__pycache__/forms.cpython-311.pyc create mode 100644 firstapp/__pycache__/models.cpython-311.pyc create mode 100644 firstapp/__pycache__/views.cpython-311.pyc create mode 100644 firstapp/migrations/__pycache__/__init__.cpython-311.pyc delete mode 100644 static/login_styling/app.js create mode 100644 static/login_styling/loginstyle.css diff --git a/Base_Master/__pycache__/__init__.cpython-311.pyc b/Base_Master/__pycache__/__init__.cpython-311.pyc new file mode 100644 index 0000000000000000000000000000000000000000..d99b76dda88ed767b264865100ba64eed6139081 GIT binary patch literal 191 zcmZ3^%ge<81i2+kl0o!i5CH>>P{wCAAY(d13PUi1CZpd*ZCdcJN!QGQlxa*1wmYDsAU zSSH>#vA86)C?-BWGcU6wK3=b&@)w6qZhlH>PO4oIE6@s%BZ~Qf#0O?ZM#c{eFrtVV GCa=_)U=%Eh&=h(3Za_n`E3YcH$(8DRLzm6lv) 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 literal 0 HcmV?d00001 diff --git a/firstapp/__pycache__/apps.cpython-311.pyc b/firstapp/__pycache__/apps.cpython-311.pyc new file mode 100644 index 0000000000000000000000000000000000000000..a0112963761e789a6e9a00a4b2543d600f1fdf04 GIT binary patch literal 563 zcmZutzfS@&6n?!s4Du_+L=pxQ9T~XU7&Q?L3?wYX!OJC0p#_f|+}Yj@I5GGKI7#9k zfHD3vjO11)Hw;cpw#Q*&^tFBcUfS}-o`fD8$@8%}T= zc8)mnJ>di%AKO(TSY=aI#pm9Db%RQq1)*!t}>n^)q&c1fnF}W%LH!_k~ literal 0 HcmV?d00001 diff --git a/firstapp/__pycache__/forms.cpython-311.pyc b/firstapp/__pycache__/forms.cpython-311.pyc new file mode 100644 index 0000000000000000000000000000000000000000..3e2803441282b163118d8aead946f2210bdddaa7 GIT binary patch literal 3091 zcma)8%}*Og6rWvtjcp7z1m~;ya3m7js&JJmX{CHnB`IGCSXGnsV9{6`?*L2JADLYf zFwmeX2dnBK2c-1SgH=^DQTPvfK|S@jMwVi&lwPVHdIP~Jr@lAK;*ZdV@$B1~_vXEM zv-5lJ`PZ&4KY=Fw{afaohmgN;;xuV*u%p4?IZ=orXe2A71OdmQCT3kJ7azMccUDSC z0ujjwQQS|7B2m|xi;!3F*e&JZG7rc)s4&~%@Y_~-74KaV_x*$7xL`?Bd6v~-5W25Z zc8gKjQ1iKAU;@vLyo_TA-;ULtKLzxdl9Zs3lqeGFnsqx1`OG;RoJkQC*H7ZQdku76 z!DBZ?TKBApz=6kZc!K}6({V^U9o&xBvCC&ZX9oUw4{68$9)Em?w9|Qjoj{X6{zKa7 zdXJsXL)z))NC^N^y4r3asB}LisgM!`jD#%zU3EHlzkp~c1rR6$nS9P*d94&0${CbJ zhE=8;k(`{RanX`8nyl+qXF-!QbSAGUlp(-m!(jS7kb54h$}}}BFQbo&Dx*p%Xj=g_ z+eqn%%^1qcsuqzIg;8BEb=%A$U=eq6=3l^OkMm3^g}$Wr3Ww8zSO;%AN8y7v5KCPt zw<4q@MTC>O-Ub^dO-xWjj(aSxv!Ugm!egd!bIXU$+Czz=o0hMz=g7sz@Z;o5Fp%c! z(rL?|PG|E!9;`4&L)uOWQoke+isQSbq*5( zzct{O1!F%&5HgFlc&jvV9UdV|!n)Y1U)fJ7ja7uK!Q|CGV_95+Wb+NT$odRC>t1Ul zM5QeeeJ3ml00Jq=dSPu`;4g+*sdW0@jH*ZYJx5?5Ymgt6g$SKjbwf|Yy;dNjQ8`DI zv?3d_sQv1<5oEqwWP`08f(YBhYl7QSBg*E_>M3f~Ww2jBD_tMx|B*hsZ^ zwAMRn21e__zH)#ABpL5v7*gyQ62y~zINz-qnGGY7E#EylZ;a&%MT3P%on0&8c~FZ~=R)RE?EtvC>*P`>F^tm{Sx;KSLiSKjR&S;nAeKfFU(ah%+)T;!Jaq8Vca@2 zf?ERxU7#zYdv2T2E0tm`dgYIVsV(44TX@K?*b( zZ?Wa(r=;c-`)M-W;!Md(%uCPLOGzqX21>4E_zY6>%h%Z|CbT%Us5qu1F*mU&#yztn zqclmOD77HJII|?bs4~VWu{c#1qFJ|~C_gJTxkNWOwWPElCM~n5xFoTlAO>QKUP0wA l4jUl5G$+-rhy!RkBM=wM0*MdIjEsyo7-TMBLq%*r6#&<}K{WsX literal 0 HcmV?d00001 diff --git a/firstapp/__pycache__/views.cpython-311.pyc b/firstapp/__pycache__/views.cpython-311.pyc new file mode 100644 index 0000000000000000000000000000000000000000..71155eeb044dfdf1231709696369332ccef7ab2d GIT binary patch literal 1944 zcmZux&1)M+6rYh-+O@RSs&$eQoF?l=)W}~w^w5wtNl76g#B~i$D3wLcdUq_Xx*zJy z$i}KtLdn4nhWJphpgr{D68sMYdg-6ADms`2L!tPPn~HBa_08&|QtZd<+xd9&=6(F$ z`+aOIiGXJR{lm;k2>l}#J&JWFr;lK=k1S+i2e~+p-B><`#X9DUxKdt<<|9trP2>}< zoR?uOJwtiLidzY1)J^7-ZYrOGT^V*&O94J+jV_~H^0jy(7Yh@Vcow0dLWyNlV)7gg z6_+q(6bXa#xZ@XXFI0^xFAZJnZ?2mJyf#KQ9ZN5rJfESP~YXBFjU2!mhy8cJGik9lTJl{oU*fJ)yRqaD zgAsj+`Wv=IbZ|m9!Bydk;V_;1`hsv!Ot$@77EYO zCv`a24N7#+-_(sY2O#b1P@}r-MUbuCJqPgsBI;MD4JzJ7e@F2!_G?!uDcX!vgWJCM z(cmJgs!&=7gyfQ8!X>=qTl8JL^B zO>Ikmr?eNhp5NNJvwNqF;-h7Jq-I_`c>ZAL;qJrjhsWxLmU^Y}b@1U@Q#D(v8K~y* z_(bD=b3EG`&jxDtM7^-P*!U#KmYS;FQtcobC)(wm`fhz&I!?W_Hx*2L`fB}8>(#f- z)Iuw@5J(F&1BMM1hybcc?&$}>_7NA=)ur=VUoN&->s4D6-yH6=7Zomb`bZ}(aWTR(~(7sxpbK6^p$y5@+mi~oOSdH`@(eh%=A4@?X^y( z#)miOMbC?1MMZm#I!_oE$!DFM3vfpnicETmqL(9M-zcBCzEyR|ZF(JqL!r4gPD(9GG 0: + raise forms.ValidationError("This email is already exists.") + return email + +class profile_edit(forms.ModelForm): class Meta: model = User - fields = ('username', 'first_name', 'last_name', 'email', 'password1', 'password2', ) \ No newline at end of file + fields=['username','email','first_name','last_name', "is_superuser"] \ No newline at end of file diff --git a/firstapp/migrations/__pycache__/__init__.cpython-311.pyc b/firstapp/migrations/__pycache__/__init__.cpython-311.pyc new file mode 100644 index 0000000000000000000000000000000000000000..767ad9bd2315c3059581ed1e1d8785c4cf39714b GIT binary patch literal 199 zcmZ3^%ge<81i2+kl0o!i5CH>>P{wCAAY(d13PUi1CZpd*ZCdcJN!QGQlxa*1wmYDsB9 zOj>49aYFDdQoCYW`16AOniK1US>&ryk0@&FAkgB{FKt1RJ$Tppj9Bp6!Qa# R56p~=j2{?aL=iJk3;=TCHGKd8 literal 0 HcmV?d00001 diff --git a/firstapp/views.py b/firstapp/views.py index cb0f679..63f611b 100644 --- a/firstapp/views.py +++ b/firstapp/views.py @@ -9,28 +9,21 @@ def home(request): messages.error(request, 'Please Provide the credentials to Login to your account.') return redirect("login") -from .forms import SignUpForm - - +from .forms import SignUpForm, profile_edit def signup_view(request): - form = SignUpForm(request.POST) - if form.is_valid(): - form.save() - return redirect('login') + if request.method == 'POST': + form = SignUpForm(request.POST) + + if form.is_valid(): + form.save() + messages.success(request, 'Your account has been created ! You are now able to log in') + return redirect('login') + else: + messages.error(request, 'Please Provide the appropriate credentials to create your account.') else: - messages.error(request, 'Please Provide the credentials to Login to your account.') form = SignUpForm() - return render(request, 'registration/login.html', {'form': form}) + return render(request, 'registration/registration.html', {'form': form}) -def profile(request): - return render(request, 'profile.html') - -def deactivate(request): - if request.user.is_authenticated: - return render(request, 'home.html') - else: - return redirect(home) - - - \ No newline at end of file +def profile(request): + return render(request, 'profile.html') \ No newline at end of file diff --git a/static/login_styling/app.js b/static/login_styling/app.js deleted file mode 100644 index a2acb83..0000000 --- a/static/login_styling/app.js +++ /dev/null @@ -1,11 +0,0 @@ -const sign_in_btn = document.querySelector("#sign-in-btn"); -const sign_up_btn = document.querySelector("#sign-up-btn"); -const container = document.querySelector(".container"); - -sign_up_btn.addEventListener("click", () => { - container.classList.add("sign-up-mode"); -}); - -sign_in_btn.addEventListener("click", () => { - container.classList.remove("sign-up-mode"); -}); diff --git a/static/login_styling/assets/css/style.css b/static/login_styling/assets/css/style.css index 7003604..6da1e13 100644 --- a/static/login_styling/assets/css/style.css +++ b/static/login_styling/assets/css/style.css @@ -1048,4 +1048,3 @@ body { } - diff --git a/static/login_styling/loginstyle.css b/static/login_styling/loginstyle.css new file mode 100644 index 0000000..8c9d400 --- /dev/null +++ b/static/login_styling/loginstyle.css @@ -0,0 +1,106 @@ +body { + font-family: "Karla", sans-serif; + background-color: #fff; + min-height: 100vh; } + + .brand-wrapper { + padding-top: 7px; + padding-bottom: 8px; } + .brand-wrapper .logo { + height: 25px; } + + .login-section-wrapper { + display: -webkit-box; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + flex-direction: column; + padding: 68px 100px; + background-color: #fff; } + @media (max-width: 991px) { + .login-section-wrapper { + padding-left: 50px; + padding-right: 50px; } } + @media (max-width: 575px) { + .login-section-wrapper { + padding-top: 20px; + padding-bottom: 20px; + min-height: 100vh; } } + + .login-wrapper { + width: 300px; + max-width: 100%; + padding-top: 24px; + padding-bottom: 24px; } + @media (max-width: 575px) { + .login-wrapper { + width: 100%; } } + .login-wrapper label { + font-size: 14px; + font-weight: bold; + color: #b0adad; } + .login-wrapper .form-control { + border: none; + border-bottom: 1px solid #e7e7e7; + border-radius: 0; + padding: 9px 5px; + min-height: 40px; + font-size: 18px; + font-weight: normal; } + .login-wrapper .form-control::-webkit-input-placeholder { + color: #b0adad; } + .login-wrapper .form-control::-moz-placeholder { + color: #b0adad; } + .login-wrapper .form-control:-ms-input-placeholder { + color: #b0adad; } + .login-wrapper .form-control::-ms-input-placeholder { + color: #b0adad; } + .login-wrapper .form-control::placeholder { + color: #b0adad; } + .login-wrapper .login-btn { + padding: 13px 20px; + background-color: #fdbb28; + border-radius: 0; + font-size: 20px; + font-weight: bold; + color: #fff; + margin-bottom: 14px; } + .login-wrapper .login-btn:hover { + border: 1px solid #fdbb28; + background-color: #fff; + color: #fdbb28; } + .login-wrapper a.forgot-password-link { + color: #080808; + font-size: 14px; + text-decoration: underline; + display: inline-block; + margin-bottom: 54px; } + @media (max-width: 575px) { + .login-wrapper a.forgot-password-link { + margin-bottom: 16px; } } + .login-wrapper-footer-text { + font-size: 16px; + color: #000; + margin-bottom: 0; } + + .login-title { + font-size: 30px; + color: #000; + font-weight: bold; + margin-bottom: 25px; } + + .login-img { + width: 100%; + height: 100vh; + -o-object-fit: cover; + object-fit: cover; + -o-object-position: left; + object-position: left; } + + .footer-link { + position: absolute; + bottom: 1rem; + text-align: center; + width: 100%; } + + /*# sourceMappingURL=login.css.map */ \ No newline at end of file diff --git a/static/login_styling/style.css b/static/login_styling/style.css index 804b8d3..6ebe9f8 100644 --- a/static/login_styling/style.css +++ b/static/login_styling/style.css @@ -1,400 +1,122 @@ -@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap"); - -* { - margin: 0; - padding: 0; - box-sizing: border-box; -} - -body, -input { - font-family: "Poppins", sans-serif; -} - -.container { - position: relative; - width: 100%; +body { + font-family: "Karla", sans-serif; background-color: #fff; - min-height: 100vh; - overflow: hidden; -} - -.forms-container { - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; -} - -.signin-signup { - position: absolute; - top: 50%; - transform: translate(-50%, -50%); - left: 75%; - width: 50%; - transition: 1s 0.7s ease-in-out; - display: grid; - grid-template-columns: 1fr; - z-index: 5; -} - -form { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - padding: 0rem 5rem; - transition: all 0.2s 0.7s; - overflow: hidden; - grid-column: 1 / 2; - grid-row: 1 / 2; -} - -form.sign-up-form { - opacity: 0; - z-index: 1; -} - -form.sign-in-form { - z-index: 2; -} - -.title { - font-size: 2.2rem; - color: #444; - margin-bottom: 10px; -} - -.input-field { - max-width: 380px; - width: 100%; - background-color: #f0f0f0; - margin: 10px 0; - height: 55px; - border-radius: 55px; - display: grid; - grid-template-columns: 15% 85%; - padding: 0 0.4rem; - position: relative; -} + min-height: 100vh; } -.input-field i { - text-align: center; - line-height: 55px; - color: #acacac; - transition: 0.5s; - font-size: 1.1rem; -} - -.input-field input { - background: none; - outline: none; - border: none; - line-height: 1; - font-weight: 600; - font-size: 1.1rem; - color: #333; -} +.brand-wrapper { + padding-top: 7px; + padding-bottom: 8px; } + .brand-wrapper .logo { + height: 25px; } -.input-field input::placeholder { - color: #aaa; - font-weight: 500; -} - -.social-text { - padding: 0.7rem 0; - font-size: 1rem; -} - -.social-media { - display: flex; - justify-content: center; -} - -.social-icon { - height: 46px; - width: 46px; +.login-section-wrapper { + display: -webkit-box; display: flex; - justify-content: center; - align-items: center; - margin: 0 0.45rem; - color: #333; - border-radius: 50%; - border: 1px solid #333; - text-decoration: none; - font-size: 1.1rem; - transition: 0.3s; -} - -.social-icon:hover { - color: #4481eb; - border-color: #4481eb; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + flex-direction: column; + padding: 68px 100px; + background-color: #fff; } + @media (max-width: 991px) { + .login-section-wrapper { + padding-left: 50px; + padding-right: 50px; } } + @media (max-width: 575px) { + .login-section-wrapper { + padding-top: 20px; + padding-bottom: 20px; + min-height: 100vh; } } + +.login-wrapper { + width: 300px; + max-width: 100%; + padding-top: 24px; + padding-bottom: 24px; } + @media (max-width: 575px) { + .login-wrapper { + width: 100%; } } + .login-wrapper label { + font-size: 14px; + font-weight: bold; + color: #b0adad; } + .login-wrapper .form-control { + border: none; + border-bottom: 1px solid #e7e7e7; + border-radius: 0; + padding: 9px 5px; + min-height: 40px; + font-size: 18px; + font-weight: normal; } + .login-wrapper .form-control::-webkit-input-placeholder { + color: #b0adad; } + .login-wrapper .form-control::-moz-placeholder { + color: #b0adad; } + .login-wrapper .form-control:-ms-input-placeholder { + color: #b0adad; } + .login-wrapper .form-control::-ms-input-placeholder { + color: #b0adad; } + .login-wrapper .form-control::placeholder { + color: #b0adad; } + .login-wrapper .login-btn { + padding: 13px 20px; + background-color: #fdbb28; + border-radius: 0; + font-size: 20px; + font-weight: bold; + color: #fff; + margin-bottom: 14px; } + .login-wrapper .login-btn:hover { + border: 1px solid #fdbb28; + background-color: #fff; + color: #fdbb28; } + .login-wrapper a.forgot-password-link { + color: #080808; + font-size: 14px; + text-decoration: underline; + display: inline-block; + margin-bottom: 54px; } + @media (max-width: 575px) { + .login-wrapper a.forgot-password-link { + margin-bottom: 16px; } } + .login-wrapper-footer-text { + font-size: 16px; + color: #000; + margin-bottom: 0; } + + +.signup-btn{ + padding: 13px 20px; + background-color: #fdbb28; + border-radius: 0; + font-size: 20px; + font-weight: bold; + color: #fff; + margin-bottom: 14px; +} +.signup-btn:hover{ + border: 1px solid #fdbb28; + background-color: #fff; + color: #fdbb28; } -.btn { - width: 150px; - background-color: #5995fd; - border: none; - outline: none; - height: 49px; - border-radius: 49px; - color: #fff; - text-transform: uppercase; - font-weight: 600; - margin: 10px 0; - cursor: pointer; - transition: 0.5s; -} +.login-title { + font-size: 30px; + color: #000; + font-weight: bold; + margin-bottom: 25px; } -.btn:hover { - background-color: #4d84e2; -} -.panels-container { - position: absolute; - height: 100%; +.login-img { width: 100%; - top: 0; - left: 0; - display: grid; - grid-template-columns: repeat(2, 1fr); -} + height: 100vh; + -o-object-fit: cover; + object-fit: cover; + -o-object-position: left; + object-position: left; } -.container:before { - content: ""; +.footer-link { position: absolute; - height: 2000px; - width: 2000px; - top: -10%; - right: 48%; - transform: translateY(-50%); - background-image: linear-gradient(-45deg, #4481eb 0%, #04befe 100%); - transition: 1.8s ease-in-out; - border-radius: 50%; - z-index: 6; -} - -.image { - width: 100%; - transition: transform 1.1s ease-in-out; - transition-delay: 0.4s; -} - -.panel { - display: flex; - flex-direction: column; - align-items: flex-end; - justify-content: space-around; + bottom: 1rem; text-align: center; - z-index: 6; -} - -.left-panel { - pointer-events: all; - padding: 3rem 17% 2rem 12%; -} - -.right-panel { - pointer-events: none; - padding: 3rem 12% 2rem 17%; -} - -.panel .content { - color: #fff; - transition: transform 0.9s ease-in-out; - transition-delay: 0.6s; -} - -.panel h3 { - font-weight: 600; - line-height: 1; - font-size: 1.5rem; -} - -.panel p { - font-size: 0.95rem; - padding: 0.7rem 0; -} - -.btn.transparent { - margin: 0; - background: none; - border: 2px solid #fff; - width: 130px; - height: 41px; - font-weight: 600; - font-size: 0.8rem; -} - -.right-panel .image, -.right-panel .content { - transform: translateX(800px); -} - -/* ANIMATION */ - -.container.sign-up-mode:before { - transform: translate(100%, -50%); - right: 52%; -} - -.container.sign-up-mode .left-panel .image, -.container.sign-up-mode .left-panel .content { - transform: translateX(-800px); -} - -.container.sign-up-mode .signin-signup { - left: 25%; -} - -.container.sign-up-mode form.sign-up-form { - opacity: 1; - z-index: 2; -} - -.container.sign-up-mode form.sign-in-form { - opacity: 0; - z-index: 1; -} - -.container.sign-up-mode .right-panel .image, -.container.sign-up-mode .right-panel .content { - transform: translateX(0%); -} + width: 100%; } -.container.sign-up-mode .left-panel { - pointer-events: none; -} - -.container.sign-up-mode .right-panel { - pointer-events: all; -} - -@media (max-width: 870px) { - .container { - min-height: 800px; - height: 100vh; - } - .signin-signup { - width: 100%; - top: 95%; - transform: translate(-50%, -100%); - transition: 1s 0.8s ease-in-out; - } - - .signin-signup, - .container.sign-up-mode .signin-signup { - left: 50%; - } - - .panels-container { - grid-template-columns: 1fr; - grid-template-rows: 1fr 2fr 1fr; - } - - .panel { - flex-direction: row; - justify-content: space-around; - align-items: center; - padding: 2.5rem 8%; - grid-column: 1 / 2; - } - - .right-panel { - grid-row: 3 / 4; - } - - .left-panel { - grid-row: 1 / 2; - } - - .image { - width: 200px; - transition: transform 0.9s ease-in-out; - transition-delay: 0.6s; - } - - .panel .content { - padding-right: 15%; - transition: transform 0.9s ease-in-out; - transition-delay: 0.8s; - } - - .panel h3 { - font-size: 1.2rem; - } - - .panel p { - font-size: 0.7rem; - padding: 0.5rem 0; - } - - .btn.transparent { - width: 110px; - height: 35px; - font-size: 0.7rem; - } - - .container:before { - width: 1500px; - height: 1500px; - transform: translateX(-50%); - left: 30%; - bottom: 68%; - right: initial; - top: initial; - transition: 2s ease-in-out; - } - - .container.sign-up-mode:before { - transform: translate(-50%, 100%); - bottom: 32%; - right: initial; - } - - .container.sign-up-mode .left-panel .image, - .container.sign-up-mode .left-panel .content { - transform: translateY(-300px); - } - - .container.sign-up-mode .right-panel .image, - .container.sign-up-mode .right-panel .content { - transform: translateY(0px); - } - - .right-panel .image, - .right-panel .content { - transform: translateY(300px); - } - - .container.sign-up-mode .signin-signup { - top: 5%; - transform: translate(-50%, 0); - } -} - -@media (max-width: 570px) { - form { - padding: 0 1.5rem; - } - - .image { - display: none; - } - .panel .content { - padding: 0.5rem 1rem; - } - .container { - padding: 1.5rem; - } - - .container:before { - bottom: 72%; - left: 50%; - } - - .container.sign-up-mode:before { - bottom: 28%; - left: 50%; - } -} +/*# sourceMappingURL=login.css.map */ \ No newline at end of file diff --git a/templates/profile.html b/templates/profile.html index e58dbf6..f630c2b 100644 --- a/templates/profile.html +++ b/templates/profile.html @@ -31,11 +31,9 @@

Profile Section

  • -
    • diff --git a/templates/registration/login.html b/templates/registration/login.html index 1fee333..57103c4 100644 --- a/templates/registration/login.html +++ b/templates/registration/login.html @@ -1,269 +1,97 @@ {% load static %} - - - - - - + + + + - {% if user.is_authenticated %} - You have already logged in - {% else %} - Company Name - {% endif %} + {% if user.is_authenticated %} + You have already logged in + {% else %} + Company Name + {% endif %} - - - - - {% if user.is_authenticated %} -
    - -

    Hi {{user.username}}

    -

    LogIn Successful

    -

    Your LoggedIn Successfully....!

    - - Go to Home Page.. - - - - -     -
    -
    -

    You have already logged in...!

    -
    - {% else %} -
    -
    -