From afd8f39e23b7b28fbf351f3fb6c43422fdab8a65 Mon Sep 17 00:00:00 2001
From: vlados31 <vlados.ost.31@yandex.ru>
Date: Thu, 29 Sep 2022 12:19:10 +0300
Subject: [PATCH] Perform to move main developing to git

---
 arka/settings.py     |  14 +---
 static/css/style.css |   1 +
 templates/index.html | 158 +++++++++++++++++++++----------------------
 3 files changed, 83 insertions(+), 90 deletions(-)

diff --git a/arka/settings.py b/arka/settings.py
index 7e4b5ac..0e7a308 100644
--- a/arka/settings.py
+++ b/arka/settings.py
@@ -27,7 +27,7 @@ SECRET_KEY = 'django-insecure-59tghb+-((1(j5zq5m_=5v4zfna8m&^e6aet5wxrb@ol&n!*41
 # SECURITY WARNING: don't run with debug turned on in production!
 DEBUG = True
 
-ALLOWED_HOSTS = ["arka.topserv4824.duckdns.org", "192.168.0.160", "localhost"]
+ALLOWED_HOSTS = ["localhost", "127.0.0.1"]
 CSRF_TRUSTED_ORIGINS = ['https://arka.topserv4824.duckdns.org']
 
 # Application definition
@@ -82,17 +82,9 @@ WSGI_APPLICATION = 'arka.wsgi.application'
 # https://docs.djangoproject.com/en/4.1/ref/settings/#databases
 
 DATABASES = {
-    # 'default': {
-    #     'ENGINE': 'django.db.backends.sqlite3',
-    #     'NAME': BASE_DIR / 'db.sqlite3',
-    # }
     'default': {
-        'ENGINE': 'django.db.backends.postgresql_psycopg2',
-        'NAME': 'vlad_arkadb',
-        'USER': 'vlad_arka',
-        'PASSWORD': '#e1LjpSY74^2',
-        'HOST': 'localhost',
-        'PORT': '',
+        'ENGINE': 'django.db.backends.sqlite3',
+        'NAME': BASE_DIR / 'db.sqlite3',
     }
 }
 
diff --git a/static/css/style.css b/static/css/style.css
index 6d49a85..f3d6ae7 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -65,6 +65,7 @@ header > * {
 
 #logo-text {
   font-size: 32px;
+  font-weight: bolder;
 }
 
 #logo-image {
diff --git a/templates/index.html b/templates/index.html
index 9c734af..39596a4 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -4,19 +4,19 @@
 
 {% block styles %}
     <style>
+
     main {
-        width: 90%;
-
-        margin-left: 8%;
-
-        font-size: 30px;
-        font-weight: 900;
+        width: 100%;
+        margin-left: 6em;
     }
 
     main > h1{
-        margin-top: 7%;
-        margin-left: 10%;
+        margin-top: 2em;
         width: 60%;
+        color: var(--brand-color);
+        font-weight: bolder;
+        line-height: 1.3;
+        font-size: 58px;
     }
 
     #intro-wrapper {
@@ -33,80 +33,80 @@
         width: 40%;
     }
 
-    .buttons {
-        /* вот тут был display: inline */
+    .buttons{
         display: flex;
-        flex-direction: row ;
-        width: 40%;
-        height: 10%;
-        margin-left: 5%;
-        margin-top: 5%;
-
+        align-items: center;
+        margin-top: 5em;
     }
 
-    .buttons > a {
-        color: #eee;
-        background: var(--brand-color);
+    #button-to{
+        margin: 16em;
+    }
 
-        padding: 3% 5%;
-        margin-left: 5%;
+    .buttons > a{
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-items: center;
+        gap: 10px;
+
+        font-size: 20px;
+        color: #eee;
 
         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;
-
-
-    }
-
-    #slogo-cube, #slogo-arc {
-        z-index: -1;
         position: absolute;
+        width: 273px;
+        height: 70px;
+        background: #231765;
+        border-radius: 12px;
+    }
+    /*SLOG*/
+
+    .slog{
+        box-sizing: border-box;
+        width: 45%;
+
+        display: flex;
+        flex-direction: row;
+
+        justify-content: center;
+        align-items: center;
+        padding: 40px;
+        gap: 10px;
+
+        background: rgba(175, 162, 255, 0.06);
+        backdrop-filter: blur(5px);
+        border-radius: 24px;
+    }
+    .slog > h2{
+
+        font-style: normal;
+        font-weight: 800;
+        font-size: 20px;
+        line-height: 27px;
+        display: flex;
+        align-items: center;
+
+        color: #231765;
+
     }
 
-    #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);
+    @media screen and (max-width: 900px) {
+        #intro-wrapper {
+            display: none;
+        }
+
+        .buttons {
+            /* вот тут был display: inline */
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: left;
+            height: 10%;
+            margin-top: 5%;
+        }
     }
 
     </style>
@@ -119,18 +119,18 @@
     </div>
 
     <h1>Создай объявление и получи ремонт с гарантией качества</h1>
+<div class="slog">
+<h2>Здесь вы найдете проверенного исполнителя или заказчика под любую вашу задачу и профиль</h2>
+</div>
 
-    <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 class="buttons">
+        <a id="button-on" href="{% url 'index' %}">Создать заказ</a>
+        <a id="button-to" href="{% url 'index' %}">Стать исполнителем</a>
     </div>
 
-    <div class="buttons">
-        <a href="{% url 'index' %}">Создать заказ</a>
-        <a href="{% url 'index' %}">Стать исполнителем</a>
-    </div>
 
-    <a href="{% url 'user-agreement' %}">Пользовательское соглашение</a>
+
+
+    <a href="{% url 'user-agreement' %}"></a>
 
 {% endblock %}