Сделаны страницы входа и регистрации, сжата картинка intro.png

templates/registration/login.html

@@ -3,22 +3,82 @@
 
 {% block styles %}
     <style>
-    .error_class {
-        border: red solid 2px;
+    #form-wrapper {
+        {#border: 1px dashed red;#}
+        overflow: hidden;
+        max-width: 27em;
+        margin: 5em auto;
+        height: auto;
+        text-align: center;
     }
+
+    .form-row {
+        padding: 4px 0;
+        margin: 1.5em;
+    }
+
+    .form-row * {
+        font-size: 1em;
+        text-align: left;
+        display: block;
+    }
+
+    .form-row label {
+        line-height: 2em;
+        font-weight: bolder;
+    }
+
+    .form-row input {
+        padding: 8px;
+        width: 100%;
+        box-sizing: border-box;
+        border: none;
+        border-bottom: var(--brand-color) 2px solid;
+        background-color: var(--bkg-color2);
+        text-overflow: ellipsis;
+        min-height: 2em;
+    }
+
+    .form-row input:focus {
+        outline: none;
+        border: none;
+        border-bottom: var(--bkg-color-blue) 2px solid;
+    }
+
+    #submit {
+        border: none;
+        font-weight: bolder;
+        background: var(--bkg-color-blue);
+        text-align: center;
+    }
+
     </style>
 {% endblock %}
 
 {% block content %}
-    <h1 class=deprecated-page-header"> Ваш аккаунт </h1>
-    <h3>Вход</h3>
-    <form action="{% url 'login' %}" method="POST">
+<div id="form-wrapper">
+    <h1> {% block page-title %} Войти {% endblock %} </h1>
+    <form action="{% block form-action-url %}{% url 'login' %}{% endblock %}" method="POST">
         {% csrf_token %}
-        <table>
-            <tbody>
-                {{ form.as_table }}
-            </tbody>
-        </table>
-        <button type="submit">Войти</button>
+
+        {% block form-pre-fields %}
+            <div>
+                Впервые на сайте? <a href="{% url 'register' %}">Зарегистрироваться</a>
+            </div>
+        {% endblock %}
+
+        {% for field in form %}
+            <div class="form-row">
+                {{ field.errors }}
+                {{ field.label_tag }} {{ field }}
+            </div>
+        {% endfor %}
+
+        {% block form-pre-submit %}{% endblock %}
+
+        <div class="form-row">
+            <input id="submit" type="submit" value="{% block submit-button-text %}Войти{% endblock %}">
+        </div>
     </form>
+</div>
 {% endblock %}