Merge branch 'feature/pirati-cz' into feature/pirati-cz-quidecek

main/static/main/css/styles.css

@@ -4429,6 +4429,10 @@ a.icon-link:hover span{
     height: 100vh;
   }
 
+  .xl\:min-h-screen{
+    min-height: 100vh;
+  }
+
   .xl\:w-36{
     width: 9rem;
   }

main/styleguide/source/_patterns/organisms/box-links-section.mustache

-<div class="bg-cover bg-no-repeat section-clip py-16 xl:h-screen lg:py-36"
+<div class="bg-cover bg-no-repeat section-clip py-16 xl:min-h-screen lg:py-36"
      style="background-image: url('../../images/background-images/bg-join-us.jpg')">
   <div class="container--wide mx-auto z-10">
     <h2 class="head-7xl xl:text-center mb-6 xl:mb-28">

main/styleguide/source/_patterns/organisms/newsletter-section.mustache

-<div class="section-clip bg-cover bg-no-repeat flex pb-32 xl:pb-0 xl:h-screen relative z-10">
+<div class="section-clip bg-cover bg-no-repeat flex pb-32 xl:pb-0 xl:min-h-screen relative z-10">
   <img src="../../images/background-images/bg-bartos-newsletter.jpg" alt="" class="absolute h-full w-full object-cover">
   <div class="grid-container mt-20 xl:mt-0 xl:items-center z-10">
     <div class="grid-full newsletter-grid">

main/styleguide/source/_patterns/organisms/representatives-section.mustache

-<div class="container--medium mb-8 xl:h-screen flex flex-col justify-center lg:mb-16">
+<div class="bg-cover bg-no-repeat section-clip py-16 xl:min-h-screen lg:py-36">
+  <div class="container--wide mx-auto z-10">
     <h2 class="head-7xl xl:text-center mb-6 xl:mb-28">
       Piráti zastupují občany
     </h2>
-  <div class="flex flex-wrap space-x-1 justify-center gap-2 md:gap-1 items-center">
+    <div class="flex flex-wrap gap-2 md:gap-1 justify-center items-center md:flex-row">
       {{> molecules-representative-box }}
       {{> molecules-representative-box }}
       {{> molecules-representative-box }}
       {{> molecules-representative-box }}
     </div>
   </div>
+</div>

main/templates/main/blocks/boxes_block.html

 {% load static wagtailimages_tags %}
 
-<div class="bg-cover bg-no-repeat section-clip py-16 xl:h-screen lg:py-36"
+<div class="bg-cover bg-no-repeat section-clip py-16 xl:min-h-screen lg:py-36"
      style="background-image:
              {% if self.image %}
                  {% image self.image original as original_image %}

main/templates/main/blocks/people_overview_block.html

 {% load wagtailimages_tags %}
 
-<div class="container--medium mb-8 xl:h-screen flex flex-col justify-center lg:mb-16">
+<div class="container--medium mb-8 xl:min-h-screen flex flex-col justify-center lg:mb-16">
   <h2 class="head-7xl xl:text-center mb-6 xl:mb-28">
     {{ self.title }}
   </h2>

main/templates/main/includes/layout/person_photo_page_header.html

+{% load wagtailcore_tags %}
+
+<header
+  class="bg-black flex items-center header-clip photo-header py-32 mb-4 xl:mb-20 w-full bg-no-repeat bg-cover bg-center"
+  style="background-image: url('{{ image_url | default_if_none:"https://cc.cz/wp-content/uploads/2022/04/bartos-otv.jpg" }}')"
+>
+  <div class="grid-container header-max-width pt-16">
+  <div class="pl-4 pr-2 col-start-1 col-end-3 sm:col-start-2 sm:col-end-13 sm:pr-0">
+    <h1 class="font-alt text-white">
+      <span class="text-2xl">{{ before_title | default_if_none:"" }}</span><br>
+      <span class="font-alt text-7xl">{{ page.title | default_if_none:"" }}</span><span class="text-2xl">{{ after_title | default_if_none:"" }}</span><br>
+      <span class="font-alt">{{ subtitle | default_if_none:"" }}</span>
+    </h1>
+  </div>
+      </div>
+</header>

main/templates/main/includes/layout/photo_page_header.html

@@ -8,11 +8,10 @@
   <div class="grid-content-with-right-side header-max-width pt-40 sm:pt-0">
     <div class="pl-4 pr-2 col-start-1 col-end-3 sm:col-start-2 sm:col-end-13 sm:pr-0">
       <div class="text-lg sm:text-3xl text-green-500 mb-4 font-medium sm:mb-8">
-                <span class="text-2xl">{{ before_title | default_if_none:"" }}</span>
+        <span>{{ before_title|default_if_none:"" }}</span>
       </div>
       <h1 class="font-alt text-white text-3xl md:text-5xl leading-9 sm:leading-none lg:text-6xl">
-        <span class="font-alt">{{ page.title | default_if_none:"" }}</span><span class="text-2xl">{{ after_title | default_if_none:"" }}</span><br>
-        <span class="font-alt">{{ subtitle | default_if_none:"" }}</span>
+        {{ page.title | default_if_none:"" }}
       </h1>
     </div>
   </div>

main/templates/main/includes/newsletter_section.html

 {% load static %}
 
-<div class="section-clip bg-cover bg-no-repeat flex pb-32 xl:pb-0 xl:h-screen relative z-10">
+<div class="section-clip bg-cover bg-no-repeat flex pb-32 xl:pb-0 xl:min-h-screen relative z-10">
   <img src="{% static 'main/images/background-images/bg-bartos-newsletter.jpg' %}" alt="" class="absolute h-full w-full object-cover">
   <div class="grid-container mt-20 xl:mt-0 xl:items-center z-10">
     <div class="grid-full newsletter-grid">

main/templates/main/main_contact_page.html

@@ -93,8 +93,10 @@
                     {{ contact_person_box.value.position }}
                   {% endif %}
                 </span>
-                  <span>{{ contact_person_box.velue.person.phone }}</span>
-                  <span class="text-turquoise-500">{{ contact_person_box.velue.person.email }}</span>
+                  {% if contact_person_box.value.person %}
+                    <span>{{ contact_person_box.value.person.phone }}</span>
+                    <span class="text-turquoise-500">{{ contact_person_box.value.person.email }}</span>
+                  {% endif %}
                 </div>
               </div>
             {% endfor %}

main/templates/main/main_person_page.html

@@ -5,7 +5,7 @@
   <main role="main">
     {% image page.main_image max-1920x800 as main_img %}
     {% with before_title=page.before_name after_title=page.after_name subtitle=page.position image_url=main_img.url %}
-      {% include 'main/includes/layout/photo_page_header.html' %}
+      {% include 'main/includes/layout/person_photo_page_header.html' %}
     {% endwith %}
     <div class="">
       <section class="grid-container person-grid-container">