1+ {% extends 'layouts/base-auth.html' %}
2+ {% load static %}
3+
4+ {% block title %}Sign in - {% endblock title %}
5+
6+ {% block body %}d-flex flex-column{% endblock body %}
7+
8+ {% block content %}
9+
10+ < div class ="page page-center ">
11+ < div class ="container container-tight py-4 ">
12+ < div class ="text-center mb-4 ">
13+ < a href ="{% url 'index' %} " class ="navbar-brand navbar-brand-autodark "> < img src ="{% static 'static/logo.svg' %} " height ="36 " alt =""> </ a >
14+ </ div >
15+ < div class ="card card-md ">
16+ < div class ="card-body ">
17+ < h2 class ="h2 text-center mb-4 "> Login to your account</ h2 >
18+
19+ < p class ="mb-2 text-center ">
20+ < span > USER: test / Pass12__</ span >
21+ < br />
22+ < span > ADMIN: admin / Pass12__</ span >
23+ </ p >
24+
25+ < form method ="post ">
26+ {% csrf_token %}
27+
28+ {% if form.non_field_errors %}
29+ {% for error in form.non_field_errors %}
30+ < span class ="text-danger d-block mb-3 "> {{ error }}</ span >
31+ {% endfor %}
32+ {% endif %}
33+
34+ {% for field in form %}
35+ {% if not field.name == 'password' %}
36+ < div class ="mb-3 ">
37+ < label class ="form-label "> {{ field.label }}</ label >
38+ {{ field }}
39+ </ div >
40+ {% else %}
41+ < div class ="mb-2 ">
42+ < label class ="form-label ">
43+ {{ field.label }}
44+ < span class ="form-label-description ">
45+ < a href ="{% url 'forgot_password' %} "> I forgot password</ a >
46+ </ span >
47+ </ label >
48+ < div class ="input-group input-group-flat ">
49+ {{ field }}
50+ < span class ="input-group-text ">
51+ < a href ="# " class ="link-secondary " title ="Show password " data-bs-toggle ="tooltip "> <!-- Download SVG icon from http://tabler-icons.io/i/eye -->
52+ < svg xmlns ="http://www.w3.org/2000/svg " class ="icon " width ="24 " height ="24 " viewBox ="0 0 24 24 " stroke-width ="2 " stroke ="currentColor " fill ="none " stroke-linecap ="round " stroke-linejoin ="round "> < path stroke ="none " d ="M0 0h24v24H0z " fill ="none "/> < path d ="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0 " /> < path d ="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6 " /> </ svg >
53+ </ a >
54+ </ span >
55+ </ div >
56+ </ div >
57+ {% endif %}
58+ {% endfor %}
59+
60+ < div class ="mb-2 ">
61+ < label class ="form-check ">
62+ < input type ="checkbox " class ="form-check-input "/>
63+ < span class ="form-check-label "> Remember me on this device</ span >
64+ </ label >
65+ </ div >
66+ < div class ="form-footer ">
67+ < button type ="submit " class ="btn btn-primary w-100 "> Sign in</ button >
68+ </ div >
69+ </ form >
70+ </ div >
71+ < div class ="hr-text "> or</ div >
72+ < div class ="card-body ">
73+ < div class ="row ">
74+ < div class ="col "> < a href ="# " class ="btn w-100 ">
75+ <!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
76+ < svg xmlns ="http://www.w3.org/2000/svg " class ="icon text-github " width ="24 " height ="24 " viewBox ="0 0 24 24 " stroke-width ="2 " stroke ="currentColor " fill ="none " stroke-linecap ="round " stroke-linejoin ="round "> < path stroke ="none " d ="M0 0h24v24H0z " fill ="none "/> < path d ="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5 " /> </ svg >
77+ Login with Github
78+ </ a > </ div >
79+ < div class ="col "> < a href ="# " class ="btn w-100 ">
80+ <!-- Download SVG icon from http://tabler-icons.io/i/brand-twitter -->
81+ < svg xmlns ="http://www.w3.org/2000/svg " class ="icon text-twitter " width ="24 " height ="24 " viewBox ="0 0 24 24 " stroke-width ="2 " stroke ="currentColor " fill ="none " stroke-linecap ="round " stroke-linejoin ="round "> < path stroke ="none " d ="M0 0h24v24H0z " fill ="none "/> < path d ="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c0 -.249 1.51 -2.772 1.818 -4.013z " /> </ svg >
82+ Login with Twitter
83+ </ a > </ div >
84+ </ div >
85+ </ div >
86+ </ div >
87+ < div class ="text-center text-muted mt-3 ">
88+ Don't have account yet? < a href ="{% url 'register' %} " tabindex ="-1 "> Sign up</ a >
89+ </ div >
90+ </ div >
91+ </ div >
92+
93+ {% endblock content %}
0 commit comments