main: articles refactor

main/templates/main/main_articles_page.html

 {% extends "main/base.html" %}
+{% load wagtailcore_tags wagtailimages_tags shared_filters %}
 
 {% block content %}
-  {# nemame design #}
-  <header>
-    <h1 itemprop="headline" class="head-alt-md md:head-alt-lg max-w-5xl mb-8">{{ page.title }}</h1>
-  </header>
+  {% include 'main/includes/layout/simple_page_header.html' %}
 
-  <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 lg:gap-8">
-    {% for a in articles %}
-      {% include "shared/article_preview.html" with article=a %}
+  <main role="main">
+    <div class="grid-container mb-2 xl:mb-12">
+      <div class="grid-left-side">
+        TODO menu
+      </div>
+      <div class="grid-content leading-6">
+        <h2 class="head-xl mb-2">
+          {{ page.perex }}
+        </h2>
+        <h2 class="head-xl mb-2">
+          Projděte si archiv tiskových zpráv a souhrn našich nejvýraznějších aktivit
+        </h2>
+      </div>
+    </div>
+
+    <div class="grid-container article-section">
+      <div class="grid-full mb-8">
+        {% for month_article_data in article_data_list %}
+          <div class="mb-4">
+            <h3 class="head-7xl mb-4 xl:hidden">
+              {{ month_article_data.month_text }}
+            </h3>
+            <div class="flex flex-col justify-between xl:flex-row">
+              <div class="xl:pt-8">
+                {% for article_page in month_article_data.left_column %}
+                  {% include 'main/includes/work_article_preview.html' %}
+                {% empty %}
+                  <div class="p-7 flex flex-col max-w-xl mb-8" />
+                {% endfor %}
+              </div>
+              <div class="relative border border-violet-400 mx-8 hidden xl:block">
+                <div class="absolute bg-violet-400 p-1 text-white font-bold" style="transform: translateX(-50%); top: -1rem">
+                  {{ month_article_data.month_text }}
+                </div>
+              </div>
+              <div class="xl:pt-14">
+                {% for article_page in month_article_data.right_column %}
+                  {% include 'main/includes/work_article_preview.html' %}
+                {% empty %}
+                  <div class="p-7 flex flex-col max-w-xl mb-8" />
                 {% endfor %}
               </div>
-{% endblock %}
+            </div>
+          </div>
+        {% endfor %}
+        <div class="flex justify-center">
+          {% include 'main/includes/button_animated.html' with btn_text="Zobrazit další" %}
+        </div>
+      </div>
+    </div>
+  </main>
+{% endblock content %}

main/templates/main/main_work_page.html

-{% extends "main/base.html" %}
-{% load wagtailcore_tags wagtailimages_tags shared_filters %}
-
-{% block content %}
-  {% include 'main/includes/layout/simple_page_header.html' %}
-
-  <main role="main">
-    <div class="grid-container mb-2 xl:mb-12">
-      <div class="grid-left-side">
-        TODO menu
-      </div>
-      <div class="grid-content leading-6">
-        <h2 class="head-xl mb-2">
-          {{ page.perex }}
-        </h2>
-        <h2 class="head-xl mb-2">
-          Projděte si archiv tiskových zpráv a souhrn našich nejvýraznějších aktivit
-        </h2>
-      </div>
-    </div>
-
-    <div class="grid-container article-section">
-      <div class="grid-full mb-8">
-        {% for month_article_data in article_data_list %}
-          <div class="mb-4">
-            <h3 class="head-7xl mb-4 xl:hidden">
-              {{ month_article_data.month_text }}
-            </h3>
-            <div class="flex flex-col justify-between xl:flex-row">
-              <div class="xl:pt-8">
-                {% for article_page in month_article_data.left_column %}
-                  {% include 'main/includes/work_article_preview.html' %}
-                {% empty %}
-                  <div class="p-7 flex flex-col max-w-xl mb-8" />
-                {% endfor %}
-              </div>
-              <div class="relative border border-violet-400 mx-8 hidden xl:block">
-                <div class="absolute bg-violet-400 p-1 text-white font-bold" style="transform: translateX(-50%); top: -1rem">
-                  {{ month_article_data.month_text }}
-                </div>
-              </div>
-              <div class="xl:pt-14">
-                {% for article_page in month_article_data.right_column %}
-                  {% include 'main/includes/work_article_preview.html' %}
-                {% empty %}
-                  <div class="p-7 flex flex-col max-w-xl mb-8" />
-                {% endfor %}
-              </div>
-            </div>
-          </div>
-        {% endfor %}
-        <div class="flex justify-center">
-          {% include 'main/includes/button_animated.html' with btn_text="Zobrazit další" %}
-        </div>
-      </div>
-    </div>
-  </main>
-{% endblock content %}