изменена страница о нас и страница публикаций

static/css/about.css

@@ -1,34 +1,27 @@
-.obout_block {
+.about_block {
-    width: 80%;
+    padding: 3%;
-    margin-left: 10%;
-    margin-right: 10%;
     background-color:#7fc3ff;
     border-radius: 22px;
 }
+.dop {
+    margin-top: 5%;
+    width: 50%;
+    margin-left: 20%;
+}
+.dop2 {
+    width: 130%;
+    margin-left: -80%;
+}
 .about_text {
-    width: 90%;
-    text-align: justify;
-    margin-left: 5%;
-    margin-right: 5%;
     color: #ffffff;
     font: bold;
 }
-#moona_img {
-    width: 90%;
-    margin-left: 5%;
-    border-radius: 55px;
-}
 .contact {
-    width: 80%;
+    padding: 3%;
-    margin-left: 10%;
+    background-color:#7fc3ff;
-    margin-right: 10%;
+    border-radius: 22px;
-    background-color: #58cdf5;
-    margin-top: 20px;
-    border-radius: 25px;
 }
 .contact_content {
-    width: 80%;
-    margin-left: 10%;
-    margin-right: 10%;
     color: #ffffff;
+    font: bold;
 }

static/css/publications.css

@@ -1,16 +1,19 @@
+.but {
+    width: 80%;
+}
 table {
     margin-left: 10%;
     margin-right: auto;
     width: 90%;
 }
 #row1, #row2, #row3 {
-width: 32%;
+    width: 33%;
     display:inline-block;
     vertical-align: top;
     margin-top: 39px;
 }
 #row1_div, #row2_div, #row3_div {
-width: 90%;
+    width: 95%;
 }
 .post_zag, .card-text, .card-body, .post_zag, .author {
     width: 90%;
@@ -32,3 +35,7 @@ color: #ffffff;
     margin-top: 20px;
     margin-left: 83%;
 }
+.hz1 {
+    margin: 5%;
+    font-size: 160%;
+}

templates/about.html

@@ -3,6 +3,28 @@
 
 {% block content %}
 <div>
+    <table>
+        <tr>
+            <td>
+            <div class="dop">
+                <h1 class="upp_zag">О нас</h1>
+                    <div class="about_block">
+                        <p class="about_text" style="font-size: 23px">
+                            moona - это такой-же личный дневник, как и остальные, но у нас есть кое, что особенное.</p>
+                        <ul>
+                            <li><p class="about_text" style="font-size: 23px">Здесь вы можете опубликовать свои записи для других пользователей, поделится своими переживаниями или личными свершениями.</p></li>
+                            <li><p class="about_text" style="font-size: 23px">Здесь вас всегда поймут и поддержат.</p></li>
+                        </ul>
+                        <p class="about_text" style="font-size: 23px">
+                            Мы не являемся психологами и не оказываем услуг, мы вообще не коммерческая организация, moona - это проект
+                            созданный друзьями, которые верят в то, что мир можно сделать лучше, если каждый человек сможет получить
+                            поддержку :з
+                        </p>
+                    </div>
+            </div>
+        </td>
+        <td>
+            <div class="dop2">
                 <h1 class="upp_zag">Контакты</h1>
                 <div class="contact">
                     <div class="contact_content">
@@ -15,23 +37,9 @@
                             <a href="https://vk.com/andreiduvakin">Андрей</a></p>
                     </div>
                 </div>
-    <h1 class="upp_zag">О нас</h1>
-    <div class="obout_block">
-        <h4 class="about_text">
-            В наше время существует много личных дневников
-            для телефонов или планшетов, где вы можете изложить свои мысли, эмоции, посмотреть статистику,
-            но мы решили пойти дальше, как непосредственные пользователи таких дневников мы решили, что было бы
-            круто если бы можно было поделится частью своих мыслей, проблем, переживаний или побед.
-            <wbr>
-            moona - это такой-же личный дневник, как и остальные, но у нас есть кое, что особенное. Здесь вы можете
-            опубликовать свои записи для других пользователей, поделится своими переживаниями или личными свершениями.
-            Здесь вас всегда поймут и поддержат.
-            <wbr>
-            Мы не являемся психологами и не оказываем услуг, мы вообще не коммерческая организация, moona - это проект
-            созданный друзьями, которые верят в то, что мир можно сделать лучше, если каждый человек сможет получить
-            поддержку :з
-        </h4>
-        <img src="..\static\img\НадписьMoona.png" id="moona_img">
             </div>
+        </td>
+        </tr>
+    </table>
 </div>
 {% endblock %}

templates/base.html

@@ -128,4 +128,7 @@
     {% block content %}{% endblock %}
 </main>
 </body>
+<footer>
+
+</footer>
 </html>

templates/publications.html

@@ -3,17 +3,23 @@
 
 {% block content %}
 {% if current_user.is_authenticated %}
+<table class="but">
+    <tr>
+        <td style="width: 110%;">
             <h1 class="upp_zag">Публикации</h1>
-<div>
+        </td>
+        <td>
             <a href="/add_post" id="add_post" class="btn btn-primary"
                style="background-color:#1daff0;border-radius: 15px;"><strong>Добавить
                 запись</strong></a>
-</div>
+        </td>
+    </tr>
+</table>
 {% endif %}
 <table>
     <td id="row1">
         <div id="row1_div">
-            <h1 class="post_zag">Популярное</h1>
+            <h2 class="post_zag">Популярное</h2>
             <div class="fresh_block" id="pop">
                 {% if pop_post != [] %}
                 {% for item in pop_post %}
@@ -21,7 +27,7 @@
                     <details>
                         <summary>
                             {% if item.name != None %}
-                            <h2 class="card-title post_zag" style="color:#c5f1ff">{{item.name}}</h2>
+                            <h3 class="card-title post_zag" style="color:#c5f1ff">{{item.name}}</h3>
                             {% endif %}
                         </summary>
                         {% if item.text != None %}
@@ -108,14 +114,14 @@
             </div>
             {% else %}
             <div class="bad_centre" style="background-color:#1daff0; border-radius: 22px;color:#ffffff">
-                <h1 class="hz1">Ничего не нашлось :с</h1>
+                <p class="hz1">Ничего не нашлось :с</p>
             </div>
             {% endif %}
         </div>
     </td>
     <td id="row2">
         <div id="row2_div">
-            <h1 class="post_zag">Свежее</h1>
+            <h2 class="post_zag">Свежее</h2>
             <div class="fresh_block" id="fresh">
                 {% if fresh_post != [] %}
                 {% for item in fresh_post %}
@@ -123,7 +129,7 @@
                     <details>
                         <summary>
                             {% if item.name != None %}
-                            <h2 class="card-title post_zag" style="color:#c5f1ff">{{item.name}}</h2>
+                            <h3 class="card-title post_zag" style="color:#c5f1ff">{{item.name}}</h3>
                             {% endif %}
                         </summary>
                         {% if item.text != None %}
@@ -210,21 +216,21 @@
             </div>
             {% else %}
             <div class="bad_centre" style="background-color:#1daff0; border-radius: 22px;color:#ffffff">
-                <h1 class="hz1">Ничего не нашлось :с</h1>
+                <p class="hz1">Ничего не нашлось :с</p>
             </div>
             {% endif %}
         </div>
     </td>
     <td id="row3">
         <div id="row3_div">
-            <h1 class="post_zag">Для вас</h1>
+            <h2 class="post_zag">Для вас</h2>
             {% if for_me_post != [] %}
             {% for item in for_you_post %}
             <div class="card-body post">
                 <details>
                     <summary>
                         {% if item.name != None %}
-                        <h2 class="card-title post_zag" style="color:#c5f1ff">{{item.name}}</h2>
+                        <h3 class="card-title post_zag" style="color:#c5f1ff">{{item.name}}</h3>
                         {% endif %}
                     </summary>
                     {% if item.text != None %}
@@ -311,7 +317,7 @@
         </div>
         {% else %}
         <div class="bad_centre" style="background-color:#1daff0; border-radius: 22px;color:#ffffff">
-            <h1 class="hz1">Ничего не нашлось :с</h1>
+            <p class="hz1">Ничего не нашлось :с</p>
         </div>
         {% endif %}
         </div>