diff --git a/main/templates/main/main_articles_page.html b/main/templates/main/main_articles_page.html index 470fad2457821eb85c04caa07802169acfbce53d..436e75c78093cfec8f36a5cb5929c425007794b0 100644 --- a/main/templates/main/main_articles_page.html +++ b/main/templates/main/main_articles_page.html @@ -1,14 +1,58 @@ {% 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 %} - {% endfor %} - </div> -{% endblock %} + <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 %} diff --git a/main/templates/main/main_work_page.html b/main/templates/main/main_work_page.html deleted file mode 100644 index 436e75c78093cfec8f36a5cb5929c425007794b0..0000000000000000000000000000000000000000 --- a/main/templates/main/main_work_page.html +++ /dev/null @@ -1,58 +0,0 @@ -{% 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 %}