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

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

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">