From fa65947965fa3c55ad938ff7861dc1ef6d1086a5 Mon Sep 17 00:00:00 2001 From: Piotr Kopycki Date: Fri, 10 Dec 2021 15:39:22 +0100 Subject: [PATCH] Authentication pages --- static/style.css | 71 ++++++++++++++++++++++++++++++++++------- templates/authBase.html | 10 +++--- templates/login.html | 12 +++++-- templates/logout.html | 4 +-- templates/register.html | 16 +++++++++- 5 files changed, 90 insertions(+), 23 deletions(-) diff --git a/static/style.css b/static/style.css index 351f299..056942f 100644 --- a/static/style.css +++ b/static/style.css @@ -28,21 +28,66 @@ padding: 0px 10px; } -.authBox { - height: 100px; - width: 100px; +.authContent { + top: 50%; + left: 50%; + position: absolute; + width: 400px; + height: 550px; + padding: 80px 40px; background-color: #FEEFE5; - color: #111; - padding: 250px 300px 0px 300px; - position: relative; + -webkit-transform: translate(-50%,-50%); + -moz-transform: translate(-50%,-50%); + -ms-transform: translate(-50%,-50%); + -o-transform: translate(-50%,-50%); + transform: translate(-50%,-50%); + color: #2B3D41; } -.authContent { - background-color:#FA003F - padding: 250px 300px 0px 300px; - height: 100%; +.authContent h2 { + margin: 0; + padding: 0 0 20px; + text-align: center; + text-transform: uppercase; +} + +.authContent p { + margin: 0; + padding: 0; + font-weight: bold; + line-height: 1.5; +} + +.authContent input { width: 100%; - position: absolute; + margin-bottom: 20px; +} + +.authContent input[type=text], +.authContent input[type=email], +.authContent input[type=password]{ + border: none; + border-bottom: 1px solid #2B3D41;; + background: transparent; + outline: none; + height: 35px; + color: #2B3D41;; +} + +.authContent input[type=submit]{ + height: 30px; + color: #FFF; + font-size: 15px; + background: #00916E; + cursor: pointer; + border-radius: 25px; + border: none; + outline: none; + margin-top: 15px; +} + +input[type=checkbox]{ + width: 20%; } .titleBar { @@ -59,4 +104,6 @@ font-size: 30px; color: #FEEFE5; display: block; -} \ No newline at end of file +} + +background-color:#FA003F diff --git a/templates/authBase.html b/templates/authBase.html index 93dda44..6b6cc90 100644 --- a/templates/authBase.html +++ b/templates/authBase.html @@ -8,15 +8,13 @@ - +
SOITA
-
-
- {% block content %} - {% endblock %} -
+
+ {% block content %} + {% endblock %}
diff --git a/templates/login.html b/templates/login.html index 8de3b06..a8442a1 100644 --- a/templates/login.html +++ b/templates/login.html @@ -1,8 +1,16 @@ {% extends "authBase.html" %} -{% block title %}Login{% endblock %} +{% block title %}Log In{% endblock %} {% block content %} - Login +

Log In

+
+

Email

+ +

Password

+ + +

Remember Me

+
{% endblock %} diff --git a/templates/logout.html b/templates/logout.html index 9e910f2..b1f4349 100644 --- a/templates/logout.html +++ b/templates/logout.html @@ -1,8 +1,8 @@ {% extends "authBase.html" %} -{% block title %}Logout{% endblock %} +{% block title %}Log Out{% endblock %} {% block content %} - Logout +

You have been logged out successfully

{% endblock %} diff --git a/templates/register.html b/templates/register.html index f9756d8..a5a39b6 100644 --- a/templates/register.html +++ b/templates/register.html @@ -3,6 +3,20 @@ {% block title %}Create account{% endblock %} {% block content %} - Create account +

Register

+
+

First Name

+ +

Last Name

+ +

Email

+ +

Password

+ +

Repeat password

+ + +

Remember Me

+
{% endblock %}