Small commit: help for Sergey with html

account/admin.py

@@ -5,4 +5,5 @@ from .models import *
 @admin.register(SiteUser)
 class DevEventAdmin(admin.ModelAdmin):
     # fields = ['name', 'surname', 'phone', 'email', 'register_datetime']
+    list_display = ['name', 'surname', 'phone', 'email', 'register_datetime']
     readonly_fields = ['register_datetime']

order/models.py

@@ -1,6 +1,10 @@
 from django.db import models
 
 
+class City(models.Model):
+    name = models.CharField(max_length=50)
+
+
 class Order(models.Model):
     # основные поля: название и описание
     name = models.CharField(max_length=200)
@@ -9,8 +13,7 @@ class Order(models.Model):
     # площадь в квадратных метрах
     square = models.DecimalField(max_digits=5, decimal_places=2, blank=False)
 
-    # TODO время работы, мы пока не определились как его хранить
+    work_time = models.CharField(max_length=100, blank=True)
-    #  но было предложение от Паши хранить просто строкой, как на виксе
 
     # дальше вид дома, тип ремонта, тип квартиры, требуется дизайн проект, закуп материала, тип исполнителя
 

static/css/style.css

@@ -30,8 +30,8 @@ body {
   background: var(--bkg-color);
 }
 
-h1, p {
+.deprecated-page-header {
-  color: var(--text-color);
+  text-align: center;
 }
 
 /* ========== MAIN STYLES ========== */
@@ -133,7 +133,3 @@ header > * {
   }
 }
 
-h1 {
-  text-align: center;
-}
-

templates/api/index.html

@@ -2,7 +2,7 @@
 {% block title %} Аккаунт | вход {% endblock %}
 
 {% block content %}
-    <h1> Список методов API </h1>
+    <h1 class=deprecated-page-header"> Список методов API </h1>
 
     {% for method in api_methods %}
         <div>

templates/dev.html

@@ -36,7 +36,7 @@
 
 {% block content %}
 
-<h1> DevLog </h1>
+<h1 class=deprecated-page-header"> DevLog </h1>
 
     {% if user.is_staff %}
         {% if events %}

templates/index.html

@@ -4,78 +4,131 @@
 
 {% block styles %}
     <style>
-        /* TODO
+    main {
-           1) не понятно зачем ссылке был присвоен класс,
+        width: 90%;
-           если селектором можно отобрать ссылки
-           (и не только ссылки, если вдруг захочется)
-           2) флекс внутри ссылки не нужен: дочерних же элементов нет
-           3) избавься от размеров в пикселях: это касается всех правил
-           и это необходимо сделать если ты хочешь чтобы страничка нормально отображалась и на мобилках
-           4) пропиши все цвета как переменные css (их можно посмотреть в /static/css/style.css).
-           например: color: var(--brand-color); (для заголовка, остальное сам подумай)*/
-        main > h1{
-            font-style: normal;
-            font-weight: 900;
-            font-size: 58px;
-            line-height: 79px;
-            color: #231765;
 
-            width: 80%;
+        margin-left: 8%;
 
-            display: flex;
+        font-size: 30px;
-            justify-content: left;
+        font-weight: 900;
+    }
 
-            margin-left: 10%;
+    main > h1{
-            margin-top: 192px;
+        margin-top: 7%;
-        }
+        margin-left: 10%;
+        width: 60%;
+    }
 
-        .button-to > .button{
+    #intro-wrapper {
-            display: inline-block;
+        display: flex;
-            background: #231765;
+        position: absolute;
-            color: #fff;
+        z-index:-1;
+        top: 0;
+        left: 0;
+        right: 0;
+        justify-content: right;
+    }
+
+    #intro-wrapper > img{
+        width: 40%;
+    }
+
+    .buttons {
+        /* вот тут был display: inline */
+        display: flex;
+        flex-direction: row ;
+        width: 40%;
+        height: 10%;
+        margin-left: 5%;
+        margin-top: 5%;
+
+    }
+
+    .buttons > a {
+        color: #eee;
+        background: var(--brand-color);
+
+        padding: 3% 5%;
+        margin-left: 5%;
+
+        text-decoration: none;
+        font-size: 20px;
+
+        border-radius: 12px;
+
+    }
+
+    .slogo {
+        box-sizing: border-box;
+        display: flex;
+        margin-left: 10%;
+
+        margin-bottom: 10%;
+
+        width: 35%;
+        height: 10%;
+    }
+
+    .slogo > h3 {
+
+         background: rgba(175, 162, 255, 0.06);
+         backdrop-filter: blur(5px);
+         color: var(--brand-color);
+         font-weight: 800;
+         font-size: 20px;
+         line-height: 27px;
+
+         border-radius: 24px;
+
+         padding: 5% 8%;
+         font-style: normal;
 
 
-            flex-direction: row;
+    }
-            padding-left:40px;
-            padding-top: 20px;
-            padding-right: 40px;
 
+    #slogo-cube, #slogo-arc {
+        z-index: -1;
+        position: absolute;
+    }
 
-            border-radius: 12px;
+    #slogo-cube {
-            gap: 10px;
+        width: 59px;
-            margin-top: 286px;
+        height: 66px;
-            margin-left: 5%;
+        left: 15%;
+        top: 539px;
 
-            text-align: center;
+        transform: rotate(18.48deg);
+    }
 
-            width: 260px;
+    #slogo-arc {
-            height: 70px;
+        width: 53px;
+        height: 49px;
+        left: 47%;
+        top: 423px;
 
-            text-decoration: none;
+        transform: rotate(5.86deg);
-            font-size: 20px;
+    }
-        }
 
-        .button-to{
-            margin-left: 187px;
-        }
     </style>
 {% endblock %}
 
 {% block content %}
 
-    <h1>Создай обьявление и получи 
+    <div id="intro-wrapper">
-        ремонт с гарантией качества</h1>
+        <img src="{% static 'images/intro.webp' %}" alt="">
-    <div class="button-to">
-        <a class="button" href="#">Создать заказ</a>
-        <a class="button" href="#">Стать исполнителем</a>
     </div>
 
-    <div style="margin-top: 50px">
+    <h1>Создай объявление и получи ремонт с гарантией качества</h1>
-        <h3>Ну а пока тут нет нужного контента можно послушать музычку</h3>
+
-        <audio controls preload="none">
+    <div class="slogo">
-            <source src="{% static 'm.mp3' %}" type="audio/mp3">
+        <img id="slogo-cube" src="{% static 'images/cube.png' %}" alt="">
-            Your browser does not support the audio element.
+        <h3>Здесь вы найдёте проверенного исполнителя или заказчика под любую вашу задачу и профиль</h3>
-        </audio>
+        <img id="slogo-arc" src="{% static 'images/arc.png' %}" alt="">
+    </div>
+
+    <div class="buttons">
+        <a href="{% url 'index' %}">Создать заказ</a>
+        <a href="{% url 'index' %}">Стать исполнителем</a>
     </div>
 
     <a href="{% url 'user-agreement' %}">Пользовательское соглашение</a>

templates/orders/order-create.html

@@ -2,7 +2,7 @@
 {% block title %} Аккаунт | вход {% endblock %}
 
 {% block content %}
-    <h1> Создать заказ </h1>
+    <h1 class=deprecated-page-header"> Создать заказ </h1>
 
     <h3>тут должна быть форма создания заказа</h3>
 

templates/orders/orders-list.html

@@ -2,7 +2,7 @@
 {% block title %} Аккаунт | вход {% endblock %}
 
 {% block content %}
-    <h1> Список заказов </h1>
+    <h1 class=deprecated-page-header"> Список заказов </h1>
     {% if user.is_authenticated %}
         тут должен быть список заказов...
     {% else %}

templates/profile.html

@@ -2,7 +2,7 @@
 {% block title %} Аккаунт | вход {% endblock %}
 
 {% block content %}
-    <h1> Ваш аккаунт </h1>
+    <h1 class=deprecated-page-header"> Ваш аккаунт </h1>
     {% if user.is_authenticated %}
         Ваше имя: {{ user.name }}<br>
         Ваша фамилия: {{ user.surname }}<br>

templates/registration/login.html

@@ -10,7 +10,7 @@
 {% endblock %}
 
 {% block content %}
-    <h1> Ваш аккаунт </h1>
+    <h1 class=deprecated-page-header"> Ваш аккаунт </h1>
     <h3>Вход</h3>
 <form action="{% url 'login' %}" method="POST">
     {% csrf_token %}

templates/test_page.html

@@ -16,7 +16,7 @@
 {% endblock %}
 
 {% block content %}
-    <h1> Страница для выполнения лабы </h1>
+    <h1 class=deprecated-page-header"> Страница для выполнения лабы </h1>
 
     <div id="example-content">
         <span id="c">Тут будет текст из JS</span>

templates/user-agreement.html

@@ -2,7 +2,7 @@
 {% block title %} Аккаунт | пользовательское соглашение {% endblock %}
 
 {% block content %}
-    <h1> Пользовательское соглашение </h1>
+    <h1 class=deprecated-page-header"> Пользовательское соглашение </h1>
 
     <div id="user-agreement-container">