0.0.163 upd news page

static/css/styles.css

@@ -2477,6 +2477,64 @@ details[open] summary ~ *{
 }
 
 /*END_user_articles*/
+/*news articles all*/
+.advertisement_block_news{
+    height: 200px;
+    text-align: center;
+    border-radius: 10px;
+    background:  #FFF;
+    box-shadow: -1px 4px 10px 0px rgba(198, 199, 203, 0.20), 0px -1px 10px 0px rgba(198, 199, 203, 0.20);
+    margin-bottom: 40px;
+}
+
+.three_pinned_news{
+    display: flex;
+    margin: 0 80px 0 80px;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+
+
+.news_item_pagination{
+    width: 90%;
+    background: white;
+    margin: 0 auto 10px;
+    border-radius: 15px;
+}
+.pag_news_img {
+    width: 20%;
+
+}
+.pag_news_item_text{
+    width: 76%;
+}
+
+.news_item_pagination:nth-child(odd) .pag_news_img,
+.news_item_pagination:nth-child(odd) .pag_news_item_text{
+    float: left;
+    margin: 10px;
+}
+.news_item_pagination:nth-child(even) .pag_news_img,
+.news_item_pagination:nth-child(even) .pag_news_item_text{
+    float: right;
+    margin: 10px
+}
+.news_header{
+    font-size: 17px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 26px;
+}
+
+
+
+
+
+
+
+
+/*END news articles all*/
+
 
 
 

templates/pages/p_articles.html

@@ -2,10 +2,46 @@
 {% load static %}
 
 {% block content %}
-    {% for art in articles %}
-        <div><img src="{{ MEDIA_URL }}{{ art.picture }}" /></div>
-        <div>{{ art.name }}</div>
-        <div>{{ art.description }}</div>
-{#        <div>{{ art.text|safe }}</div>#}
-    {% endfor %}
+
+    <div class="advertisement_block_news">
+        <div class="advertisement_content">
+            Сюда вставляется реклама из админки, веротяно баннер
+        </div>
+    </div>
+
+    <div class="three_pinned_news">
+        {% for art in articles %}
+            <div class="news_item">
+                <div class="news_img"><img src="{{ MEDIA_URL }}{{ art.picture }}" /></div>
+                <div class="news_header">{{ art.name }}</div>
+                <div class="news_description">
+                    {{ art.description|truncatechars:100 }}
+                    <div class="news_gradient"></div>
+                </div>
+            </div>
+          {#<div>{{ art.text|safe }}</div>#}
+        {% endfor %}
+
+    </div>
+
+    <div class="news_block_pagination">
+         {% for art in articles %}
+            <div class="news_item_pagination">
+                <div class="pag_news_img"><img src="{{ MEDIA_URL }}{{ art.picture }}" /></div>
+                <div class="pag_news_item_text">
+                     <div class="news_header">{{ art.name }}</div>
+                     <div class="news_description">
+                    {{ art.description|truncatechars:400 }}
+{#                    <div class="news_gradient"></div>#}
+                </div>
+                </div>
+                <div class="clear_both"></div>
+
+            </div>
+          {#<div>{{ art.text|safe }}</div>#}
+        {% endfor %}
+    </div>
+
+
+
 {% endblock %}

templates/pages/p_main.html

@@ -290,8 +290,6 @@
                         {{ art.description|truncatechars:100 }}
                         <div class="news_gradient"></div>
                     </div>
-
-
                 </div>
 
         {% endfor %}