Сделать статичную версию страницы Логин / Регистрация

apps/auth/templates/auth/password_reset.html

@@ -1,14 +1,32 @@
-{% extends "notification/email/_base.html" %}
+{% extends "templates/lilcity/layer.html" %} {% load static %}
 
-{% block content %}
-  <p style="margin: 0 0 20px">Для восстановления пароля нажмите кнопку ниже.</p>
-  <div style="margin-bottom: 10px;">
-    <a href="{{ domain }}{% url 'lilcity:password_reset_confirm' uidb64=uid token=token %}"
-       style="text-decoration: none; position: relative; padding: 13px 24px 12px;
-       background-image: linear-gradient(-225deg, #D1FF7F 0%, #56FFFD 100%); display: inline-block;
-       border-radius: 3px; font-size: 12px; color: #191919; text-transform: uppercase;
-       letter-spacing: 2px; text-align: center; transition: all .2s; z-index: 2;">Нажмите для восстановления</a>
-    <p>Или скопируйте ссылку ниже, и вставьте её в адресную строку браузера.</p>
-    <p>{{ domain }}{% url 'lilcity:password_reset_confirm' uidb64=uid token=token %}</p>
+{% block layer_body %}
+  <div class="outer js-outer">
+    {% include "templates/blocks/header.html" with no_auth_btn=True %}
+    <div id="lilcity-vue-app" class="container">
+      <div class="section">
+        <div class="section__center center" style="width: 400px;">
+          <div class="title">Восстановление пароля</div>
+          <form id="password-reset-form" method="post" action="{% url 'lilcity:password_reset' %}">
+            {% csrf_token %}
+            <div class="auth__enter js-auth-enter">
+              <div id="password-reset__email-field" class="auth__field field">
+                <div class="field__label">ПОЧТА
+                  <a class="field__link js-auth-go-enter" href="{% url 'lilcity:login' %}">Войти</a>
+                </div>
+                <div class="field__wrap">
+                  <input id="password-reset__email" class="field__input" type="email" name="email" placeholder="name@website.com">
+                </div>
+                <div id="password-reset-field-error__email" class="field__error password-reset-form__field-error"></div>
+                <div id="password-reset-field-error__all" class="form__common-error password-reset-form__field-error"></div>
+              </div>
+              <div class="auth__foot">
+                <button id="password-reset__button" type="submit" class="auth__btn btn btn_light">ОТПРАВИТЬ</button>
+              </div>
+            </div>
+          </form>
+        </div>
+      </div>
+    </div>
   </div>
-{% endblock content %}
+{% endblock layer_body %}

project/templates/blocks/user_menu.html

@@ -48,7 +48,6 @@
 </div>
 {% else %}
   {% if not no_auth_btn %}
-  <a href="{% url 'lilcity:login' %}" class="header__enter js-header-enter" data-popup=".js-popup-auth">ВХОД&nbsp;/ РЕГИСТРАЦИЯ
+  <a href="{% url 'lilcity:login' %}" class="header__enter js-header-enter" data-popup=".js-popup-auth">ВХОД&nbsp;/ РЕГИСТРАЦИЯ</a>
   {% endif %}
-</a>
 {% endif %}