login copy.html 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. {% extends "account/base.html" %}
  2. {% load static %}
  3. {% load i18n %}
  4. {% load account socialaccount %}
  5. <!-- NAME OF THE SITE -->
  6. {% block head_title %}{% trans "Sign In" %}{% endblock %}
  7. <!-- HTML HEAD -->
  8. {% block extra_head %}
  9. <meta charset="UTF-8" />
  10. <meta name="viewport" content="width=device-width, initial-scale=1" />
  11. <link rel="shortcut icon" type="image/png" href="https://animaproject.s3.amazonaws.com/home/favicon.png" />
  12. <link rel="stylesheet" type="text/css" href="{% static 'users/css/style.css' %}" />
  13. {% endblock extra_head %}
  14. {% block content %}
  15. <!-- TITLE -->
  16. <h1>{% trans "Sign In" %}</h1>
  17. <!-- GET OAUTH PROVIDERS -->
  18. {% get_providers as socialaccount_providers %}
  19. <!-- ASK TO LOG IN -->
  20. {% if socialaccount_providers %}
  21. <p>{% blocktrans with site.name as site_name %}Please sign in with one
  22. of your existing third party accounts. Or, <a href="{{ signup_url }}">sign up</a>
  23. for a {{ site_name }} account and sign in below:{% endblocktrans %}</p>
  24. <!-- PRINT OAUTH PROVIDERS -->
  25. <div class="socialaccount_ballot">
  26. <ul class="socialaccount_providers">
  27. {% include "socialaccount/snippets/provider_list.html" with process="login" %}
  28. </ul>
  29. <div class="login-or">{% trans 'or' %}</div>
  30. </div>
  31. {% include "socialaccount/snippets/login_extra.html" %}
  32. {% else %}
  33. <p>{% blocktrans %}If you have not created an account yet, then please
  34. <a href="{{ signup_url }}">sign up</a> first.{% endblocktrans %}</p>
  35. {% endif %}
  36. <!-- EMAIL/PHONE AND PASSWORD -->
  37. <div class="container_auth">
  38. <div class="auth-block">
  39. <img class="logo400" src="{% static 'users/images/logo_open.svg' %}">
  40. <form class="login" method="POST" action="{% url 'account_login' %}">
  41. {% csrf_token %}
  42. {{ form.as_p }}
  43. {% if redirect_field_value %}
  44. <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
  45. {% endif %}
  46. <a id="forgot-pass" class="button secondaryAction" href="{% url 'account_reset_password' %}">{% trans "Forgot Password?" %}</a>
  47. <div class="buttons">
  48. <a id="register" href="{{ signup_url }}">{% trans "Sign Up" %}</a>
  49. <button class="primaryAction enter" type="submit">{% trans "Sign In" %}</button>
  50. </div>
  51. </form>
  52. </div>
  53. </div>
  54. <div class="container-auth">
  55. <div class="auth-block">
  56. <img class="logo400" src="{% static 'users/images/logo_open.svg' %}">
  57. <form action="personal_acc.html" method="">
  58. <input type="text" placeholder="Телефон или e-mail" name="login">
  59. <input type="password" placeholder="Пароль" name="password">
  60. <p id="incorrect">Проверьте корректность логина или пароля</p>
  61. <a id="forgot-pass" href="authorization-fog-pass.html">Забыли пароль?</a>
  62. <div class="buttons">
  63. <a id="register" href="register.html">Регистрация</a>
  64. <button type="submit" class="enter">Войти</button>
  65. </div>
  66. </form>
  67. </div>
  68. </div>
  69. {% endblock content %}