Commit bac50970 authored by Kyrene Espedido's avatar Kyrene Espedido

added sign in screen

parent 18441003
body {
font-family: Helvetica ;
}
.centercont {
margin: auto;
display: flex;
justify-content: center;
}
.loginheader {
background-color: #00802B;
color: white;
text-transform: uppercase;
font-family: Helvetica, Arial, sans-serif;
}
.loginheader span {
font-size: 14px;
}
.headertextcontainer {
margin-top: 16px;
}
.login-logo {
margin: 20px;
}
.login-logo img {
width: 150px;
height: auto;
}
.column-direction {
flex-direction: column;
align-items: center;
}
.column-direction b {
font-size: 24px;
}
.login-input-align {
margin: 5px;
}
.login-input-align input {
border-radius: 8px;
border: 1px solid black;
padding: 5px 10px;
margin: 5px;
}
.login-box {
width: 350px;
}
.login-button {
width: 200px;
border: 1px solid white;
padding: 5px 10px;
margin-top: 10px;
font-weight: bold;
}
.login-borders {
border-radius: 4px;
}
.button-login {
background-color: #00802B;
color: white;
margin: 8px;
}
.button-signup {
background-color: white;
border: 1px solid black;
margin: 8px;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
\ No newline at end of file
......@@ -23,7 +23,7 @@
<a href="#"><img src="{% static 'images/topc_logo.jpg' %}" class="img logo rounded-circle"></a>
</div>
<b>Sign In</b>
<b>Log In</b>
<div class="login-box centercont">
......@@ -38,7 +38,7 @@
</div>
<!-- <input type="submit"> -->
<div class="centercont column-direction">
<button type="submit" class="login-button login-borders button-login">Log In</button>
<button type="submit" class="login-button login-borders button-login">Continue</button>
<button type="submit" class="login-button login-borders button-cancel">Cancel</button>
</div>
......
<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>
<title>Login</title>
<link rel="stylesheet" href="{% static 'css/style.css' %}"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link rel="stylesheet" href="{% static 'css/signin.css' %}">
</head>
<body>
<div class="loginheader centercont">
<div class="headertextcontainer">
<span>Thousand Oaks Packaging Corporation</span>
<h2>Employee Performance</h2>
</div>
</div>
<!-- {% block content %} -->
<br><br><br><br><br>
<div class="centercont column-direction">
<div class="login-logo">
<a href="#"><img src="{% static 'images/topc_logo.jpg' %}" class="img logo rounded-circle"></a>
</div>
<b>Sign In</b>
<div class="login-box centercont">
<div class="centercont row-direction">
<button class="login-button login-borders button-login"><a href="{% url 'loginpage' %}" style="color: white">Log In</a></button>
<button class="login-button login-borders button-signup"><a href="#" style="color: black">Sign Up</a></button>
</div>
</form>
</div>
</div>
{% endblock content %}
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js" integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V" crossorigin="anonymous"></script>
</body>
</html>
\ No newline at end of file
......@@ -4,12 +4,12 @@ from . import views
urlpatterns = [
path('admin/', admin.site.urls),
path('', views.loginpage, name='loginpage'),
path('', views.signin, name='signin'),
path('login/', views.loginpage, name='loginpage'),
path('home/', views.home, name='home'),
path('upload_csv/', views.upload_csv, name = 'upload_csv'),
path('show_csv_data/', views.show_csv_data, name ='show_csv_data'),
path('signup/', views.signup, name='signup'),
#path('', views.login_page, name='loginpage'),
path('emp_record/', views.emp_record, name='emp_record')
]
\ No newline at end of file
......@@ -8,7 +8,10 @@ from django.utils.dateparse import parse_date, parse_duration
# from dateutil.parser import parse as parse_date
def home(request):
return render(request, 'EmployeeProdDB/home.html')
return render(request, 'EmployeeProdDB/home.html')
def signin(request):
return render(request, 'EmployeeProdDB/signin.html')
def signup(request):
if request.method == 'POST':
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment