Perform to move main developing to git

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',
+        'ENGINE': 'django.db.backends.sqlite3',
-        'NAME': 'vlad_arkadb',
+        'NAME': BASE_DIR / 'db.sqlite3',
-        'USER': 'vlad_arka',
-        'PASSWORD': '#e1LjpSY74^2',
-        'HOST': 'localhost',
-        'PORT': '',
     }
 }
 

static/css/style.css

@@ -65,6 +65,7 @@ header > * {
 
 #logo-text {
   font-size: 32px;
+  font-weight: bolder;
 }
 
 #logo-image {

templates/index.html

@@ -4,19 +4,19 @@
 
 {% block styles %}
     <style>
+
     main {
-        width: 90%;
+        width: 100%;
-
+        margin-left: 6em;
-        margin-left: 8%;
-
-        font-size: 30px;
-        font-weight: 900;
     }
 
     main > h1{
-        margin-top: 7%;
+        margin-top: 2em;
-        margin-left: 10%;
         width: 60%;
+        color: var(--brand-color);
+        font-weight: bolder;
+        line-height: 1.3;
+        font-size: 58px;
     }
 
     #intro-wrapper {
@@ -34,79 +34,79 @@
     }
 
     .buttons{
-        /* вот тут был display: inline */
         display: flex;
-        flex-direction: row ;
+        align-items: center;
-        width: 40%;
+        margin-top: 5em;
-        height: 10%;
+    }
-        margin-left: 5%;
-        margin-top: 5%;
 
+    #button-to{
+        margin: 16em;
     }
 
     .buttons > a{
-        color: #eee;
+        display: flex;
-        background: var(--brand-color);
+        flex-direction: row;
+        justify-content: center;
+        align-items: center;
+        gap: 10px;
 
-        padding: 3% 5%;
+        font-size: 20px;
-        margin-left: 5%;
+        color: #eee;
 
         text-decoration: none;
-        font-size: 20px;
+        position: absolute;
-
+        width: 273px;
+        height: 70px;
+        background: #231765;
         border-radius: 12px;
-
     }
+    /*SLOG*/
 
-    .slogo {
+    .slog{
         box-sizing: border-box;
+        width: 45%;
+
         display: flex;
-        margin-left: 10%;
+        flex-direction: row;
 
-        margin-bottom: 10%;
+        justify-content: center;
-
+        align-items: center;
-        width: 35%;
+        padding: 40px;
-        height: 10%;
+        gap: 10px;
-    }
-
-    .slogo > h3 {
 
         background: rgba(175, 162, 255, 0.06);
         backdrop-filter: blur(5px);
-         color: var(--brand-color);
+        border-radius: 24px;
+    }
+    .slog > h2{
+
+        font-style: normal;
         font-weight: 800;
         font-size: 20px;
         line-height: 27px;
+        display: flex;
+        align-items: center;
 
-         border-radius: 24px;
+        color: #231765;
-
-         padding: 5% 8%;
-         font-style: normal;
-
 
     }
 
-    #slogo-cube, #slogo-arc {
+
-        z-index: -1;
+
-        position: absolute;
+
+    @media screen and (max-width: 900px) {
+        #intro-wrapper {
+            display: none;
         }
 
-    #slogo-cube {
+        .buttons {
-        width: 59px;
+            /* вот тут был display: inline */
-        height: 66px;
+            display: flex;
-        left: 15%;
+            flex-wrap: wrap;
-        top: 539px;
+            justify-content: left;
-
+            height: 10%;
-        transform: rotate(18.48deg);
+            margin-top: 5%;
         }
-
-    #slogo-arc {
-        width: 53px;
-        height: 49px;
-        left: 47%;
-        top: 423px;
-
-        transform: rotate(5.86deg);
     }
 
     </style>
@@ -119,18 +119,18 @@
     </div>
 
     <h1>Создай объявление и получи ремонт с гарантией качества</h1>
-
+<div class="slog">
-    <div class="slogo">
+<h2>Здесь вы найдете проверенного исполнителя или заказчика под любую вашу задачу и профиль</h2>
-        <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 id="button-on" href="{% url 'index' %}">Создать заказ</a>
-        <a href="{% url 'index' %}">Стать исполнителем</a>
+        <a id="button-to" href="{% url 'index' %}">Стать исполнителем</a>
     </div>
 
-    <a href="{% url 'user-agreement' %}">Пользовательское соглашение</a>
+
+
+
+    <a href="{% url 'user-agreement' %}"></a>
 
 {% endblock %}